/**
 * AMÉLIORATIONS POUR LA PAGE D'ACCUEIL CHRONOLOC
 */
 
 .assurance-inclu{
	 text-align:center;
	 font-size:18px;
	 margin-bottom:5px;
 }
  .assurance-inclu img{
	  height: 0.8em !important;
  }
 /* Animation du hero banner */
    .wp-block-cover__inner-container h1 {
        animation: fadeInUp 1s ease;
    }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Améliorer le bouton CTA */
    .wp-block-button__link {
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    
    .wp-block-button__link:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    
    /* Section violette - améliorer le contraste */
    .has-vivid-purple-background-color {
        background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%) !important;
    }
    
    /* Cards effet hover pour les engins */
    .wp-block-media-text {
        transition: all 0.3s ease;
        border-radius: 16px;
        overflow: hidden;
    }
    
    .wp-block-media-text:hover {
        transform: scale(1.02);
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }
    
    /* Animations au scroll */
    .fade-in-on-scroll {
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.6s ease;
    }
    
    .fade-in-on-scroll.visible {
        opacity: 1;
        transform: translateY(0);
    }
	

/**
 * Section de statistiques animées
 */
	
	 .cloc-stats {
        padding: 60px 20px;
        background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
        margin: 40px 0;
        border-radius: 24px;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    }
    
    .cloc-stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 40px;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .cloc-stat-item {
        text-align: center;
    }
    
    .cloc-stat-number {
        font-size: 48px;
        font-weight: 700;
        background: linear-gradient(135deg, #667eea 0%, #1e3c72 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0;
    }
    
    .cloc-stat-label {
        font-size: 18px;
        color: #666;
        margin-top: 8px;
    }
    
    .cloc-stat-icon {
        font-size: 36px;
        margin-bottom: 16px;
    }
	/*** SAFETY*/
	
	
	 .cloc-safety-mini {
        background: #fff5f5;
        border: 1px solid #ff6b6b;
        border-radius: 8px;
        padding: 12px;
        margin: 15px 0;
    }
    
    .safety-mini-header {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #d32f2f;
    }
    
    .safety-mini-content {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .safety-badge {
        display: inline-block;
        padding: 4px 10px;
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 20px;
        font-size: 12px;
        color: #555;
    }
    
    .safety-badge.required {
        background: #ffe4e4;
        border-color: #ff6b6b;
        color: #d32f2f;
        font-weight: 500;
    }
	
	 .cloc-safety-section {
        background: linear-gradient(135deg, #fff5f5 0%, #fff 100%);
        border: 2px solid #f7b500;
        border-radius: 12px;
        padding: 0;
        margin: 30px 0;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(255, 107, 107, 0.1);
    }
    
    .cloc-safety-header {
        background: linear-gradient(135deg, #f39323 0%, #f7b500 100%);
        color: white;
        padding: 15px 25px;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .cloc-safety-icon {
        font-size: 28px;
        display: inline-block;
        animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.1); }
        100% { transform: scale(1); }
    }
    
    .cloc-safety-title {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
    }
    
    .cloc-safety-content {
        padding: 25px;
    }
    
    .cloc-safety-block {
        background: white;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #e0e0e0;
    }
    
    .cloc-block-header {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 2px solid #f0f0f0;
    }
    
    .block-icon {
        font-size: 24px;
    }
    
    .cloc-block-header h4 {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        color: #333;
    }
    
    /* CACES Block */
    .cloc-caces-badge {
        display: inline-block;
        padding: 10px 20px;
        border-radius: 8px;
        margin-bottom: 15px;
    }
    
    .cloc-caces-badge.required {
        background: #ffe4e4;
        border: 2px solid #ff6b6b;
        color: #d32f2f;
    }
    
    .cloc-caces-badge.recommended {
        background: #e3f2fd;
        border: 2px solid #2196f3;
        color: #1976d2;
    }
    
    .cloc-caces-badge strong {
        display: block;
        font-size: 16px;
        margin-bottom: 4px;
    }
    
    .caces-desc {
        font-size: 13px;
        opacity: 0.9;
    }
    
    .cloc-requirement-notice {
        background: #fff3cd;
        border-left: 4px solid #ffc107;
        padding: 10px 15px;
        margin: 10px 0;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .cloc-training-available {
        background: #d4edda;
        border-left: 4px solid #28a745;
        padding: 10px 15px;
        margin: 10px 0;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    /* EPI Block */
    .cloc-epi-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 10px;
        margin-bottom: 15px;
    }
    
    .cloc-epi-item {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px;
        background: #f8f9fa;
        border-radius: 6px;
    }
    
    .epi-check {
        color: #28a745;
        font-weight: bold;
        font-size: 16px;
    }
    
    .epi-name {
        font-size: 14px;
        color: #555;
    }
    
    .cloc-epi-note {
        background: #e3f2fd;
        padding: 10px 15px;
        border-radius: 6px;
        font-size: 13px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    /* Rules Block */
    .cloc-safety-rules {
        list-style: none;
        padding: 0;
        margin: 0 0 20px 0;
    }
    
    .cloc-safety-rules li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 10px;
        margin-bottom: 8px;
        background: #f8f9fa;
        border-radius: 6px;
        transition: all 0.3s ease;
    }
    
    .cloc-safety-rules li:hover {
        background: #e9ecef;
        transform: translateX(5px);
    }
    
    .rule-number {
        background: #f7b500;
        color: white;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 12px;
        flex-shrink: 0;
    }
    
    .rule-text {
        font-size: 14px;
        color: #333;
        line-height: 1.4;
    }
    
    .cloc-emergency-contact {
       background: linear-gradient(135deg, #f39323 0%, #f7b500 100%);
        color: white;
        padding: 15px;
        border-radius: 8px;
        text-align: center;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    
    .emergency-icon {
        font-size: 20px;
        animation: ring 1s ease-in-out infinite;
    }
    
    @keyframes ring {
        0%, 100% { transform: rotate(0deg); }
        10%, 30% { transform: rotate(-10deg); }
        20%, 40% { transform: rotate(10deg); }
    }
    
    .cloc-safety-footer {
        background: #f8f9fa;
        padding: 15px 25px;
        border-top: 1px solid #e0e0e0;
    }
    
    .cloc-safety-footer p {
        margin: 0;
        font-size: 13px;
        color: #666;
        line-height: 1.5;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .cloc-safety-section {
            margin: 20px 0;
        }
        
        .cloc-safety-content {
            padding: 15px;
        }
        
        .cloc-safety-block {
            padding: 15px;
        }
        
        .cloc-epi-grid {
            grid-template-columns: 1fr;
        }
        
        .cloc-emergency-contact {
            flex-direction: column;
            text-align: center;
        }
    }
    
    /* Style compact */
    .cloc-safety-section.compact .cloc-safety-content {
        padding: 15px;
    }
    
    .cloc-safety-section.compact .cloc-safety-block {
        margin-bottom: 15px;
        padding: 15px;
    }
	/** AVIS*/
	.content-avis{
		background : #FAFAFA;	
		padding: 20px 0px;
	}
	.content-prodsim{
		background : #FAFAFA;	
		padding: 20px 0px;
	}
	
	/** ACCESSOIRE*/
	.content-acc{
		background : #FAFAFA;	
		padding: 20px 0px;
		margin-top:0px;
	}
	
	 .cloc-accessories-section {
        background: #fff;
        border-radius: 12px;
        padding: 25px;
        margin: 25px 0;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        border: 1px solid #e8e8e8;
    }
    .cloc-accessories-section h3{
		font-size:20px !important;
	}
    .cloc-accessories-subsection {
        margin-bottom: 25px;
    }
	.cloc-accessories-subsection p {
		display:none;
	}
	.cloc-accessories-subsection.included {
        padding: 10px 25px;
		border-radius: 12px;
		border-bottom: 1px solid #e0e0e0;
		/*background-color:#eefcf0;*/
		background-color:#FCFCFC;
    }
    .cloc-accessories-subsection.acc {
		 padding: 10px 25px;
		border-radius: 12px;
		border-bottom: 1px solid #e0e0e0;
		background-color:#fcf6ee;
	}
	
    .cloc-subsection-title {
        font-size: 15px;
        font-weight: 500;
        color: #555;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .badge {
        background: #28a745;
        color: white;
        font-size: 11px;
        padding: 2px 8px;
        border-radius: 12px;
        margin-left: auto;
    }
    
    .cloc-accessories-grid {
        display: grid;
        gap: 15px;
        margin-bottom: 20px;
    }
    
    .cloc-accessory-card {
        text-align: center;
        padding: 15px;
        background: #fff;
        border-radius: 8px;
        border: 1px solid #e8e8e8;
        transition: all 0.3s ease;
        /*cursor: pointer;*/
        position: relative;
        min-height: 100px;
        /*display: flex;*/
        /*flex-direction: row;*/
        justify-content: space-between;
    }
    
    .cloc-accessory-card.included {
        
    }
    
    /*.cloc-accessory-card.optional:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }*/
    
    .cloc-accessory-card.selected {
        background: #e7f5fe;
        border-color: #007cba;
		
    }
    
    .cloc-accessory-image {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        overflow: hidden;
        border-radius: 4px;
    }
    
    .cloc-accessory-image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        width: auto;
        height: auto;
    }
    
    .cloc-accessory-icon {
        font-size: 32px;
        margin-bottom: 10px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .cloc-accessory-name {
        font-size: 13px;
        font-weight: 600;
        color: #333;
        margin-bottom: 5px;
        line-height: 1.3;
		font-align:center;
    }
    
    .cloc-accessory-description {
        font-size: 11px;
        color: #666;
        margin-bottom: 8px;
        line-height: 1.3;
    }
    
    .cloc-accessory-price {
        font-size: 14px;
        color: #007cba;
        font-weight: 600;
        margin-top: auto;
    }
    
    .cloc-accessory-check {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        z-index: 2;
    }
    
    .cloc-accessories-summary {
        background: #f0f8ff;
        padding: 15px;
        border-radius: 8px;
        margin-top: 20px;
        border: 1px solid #b0d4f1;
    }
    
    .cloc-accessories-summary h5 {
        margin: 0 0 10px 0;
        font-size: 14px;
        color: #333;
    }
    
    .cloc-selected-list {
        margin: 10px 0;
        padding-left: 20px;
    }
    
    .cloc-selected-list li {
        font-size: 13px;
        color: #555;
        margin: 5px 0;
    }
    
    .cloc-total-options {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #d0d0d0;
        font-size: 14px;
        color: #007cba;
    }
    
    .cloc-info-box {
        padding: 12px 15px;
        background: #e3f2fd;
        border-radius: 8px;
        margin-top: 20px;
        font-size: 14px;
        color: #1976d2;
    }
    /*768px*/
    @media (max-width: 1340px) { 
        .cloc-accessories-grid {
            grid-template-columns: repeat(3, 1fr) !important;
			/*grid-template-columns: repeat(6, 40px) !important;*/
        }
        
        .cloc-accessory-card {
            min-height: 160px;
        }
    }
	
	
	
/**
 * Section des services avec icônes
 */
	
	 .cloc-services {
        /*padding: 60px 20px;*/
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .cloc-services-title {
        text-align: center;
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 50px;
        color: #1e293b;
    }
    
    .cloc-services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
    }
    
    .cloc-service-card {
        background: white;
        padding: 30px;
        border-radius: 16px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        transition: all 0.3s ease;
        text-align: center;
    }
    
    .cloc-service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    }
    
    .cloc-service-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
        background: linear-gradient(135deg, #667eea 0%, #1e3c72 100%);
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
    }
    
    .cloc-service-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 12px;
        color: #1e293b;
    }
    
    .cloc-service-desc {
        color: #64748b;
        line-height: 1.6;
    }
	
/**
 * CTA moderne pour la fin de page
 */
 
 .cloc-cta {
        /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
		background: linear-gradient(135deg, #667eea 0%, #1e3c72 100%);
        padding: 30px 20px;
		margin-top:30px;
        margin: 60px 0;
        border-radius: 24px;
        text-align: center;
        position: relative;
        overflow: hidden;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
    }
    
    .cloc-cta::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    
    .cloc-cta-content {
        position: relative;
        z-index: 1;
    }
    
    .cloc-cta-title {
        color: white;
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 20px;
		margin-top:10px;
    }
    
    .cloc-cta-subtitle {
        color: rgba(255,255,255,0.9);
        font-size: 20px;
        margin-bottom: 40px;
    }
    
    .cloc-cta-buttons {
        display: flex;
        gap: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .cloc-cta-btn {
        display: inline-block;
        padding: 18px 40px;
        background: white;
        color: #667eea;
        text-decoration: none;
        border-radius: 12px;
        font-weight: 600;
        font-size: 18px;
        transition: all 0.3s ease;
    }
    
    .cloc-cta-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    }
    
    .cloc-cta-btn-secondary {
        background: transparent;
        color: white;
        border: 2px solid white;
    }
    
    .cloc-cta-btn-secondary:hover {
        background: rgba(255,255,255,0.1);
    }
	
	
	
	
	
	/*CSS RNB*/