/**
 * Styles personnalisés pour Evofia
 * 
 * @package Evofia
 * @since 1.0.0
 */

/* ==========================================================================
   Polices Loveya - Utilisation personnalisée
   ========================================================================== */

/* Titres décoratifs avec Loveya Script */
.loveya-title {
    font-family: var(--evofia-font-loveya);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.3;
}

/* Sous-titres avec Loveya Brush */
.loveya-subtitle {
    font-family: var(--evofia-font-loveya-brush);
    font-size: 1.8rem;
    font-weight: 400;
}

/* Texte d'accentuation */
.loveya-accent {
    font-family: var(--evofia-font-loveya-doodle);
    font-size: 1.2em;
}

/* Citations stylisées */
blockquote.loveya-quote {
    font-family: var(--evofia-font-loveya);
    font-size: 1.4rem;
    font-style: italic;
    border-left: 4px solid var(--evofia-orange);
    padding-left: 1.5rem;
    margin: 2rem 0;
}

/* Call-to-action avec Loveya */
.loveya-cta {
    font-family: var(--evofia-font-loveya-brush);
    font-size: 2rem;
    color: var(--evofia-green);
}

/* ==========================================================================
   Classes de couleurs personnalisées
   ========================================================================== */

/* Couleurs de texte */
.has-evofia-green-color { color: #46B370 !important; }
.has-evofia-teal-color { color: #004052 !important; }
.has-evofia-cream-color { color: #F9EABD !important; }
.has-evofia-orange-color { color: #D98622 !important; }

/* Couleurs de fond */
.has-evofia-green-background-color { background-color: #46B370 !important; }
.has-evofia-teal-background-color { background-color: #004052 !important; }
.has-evofia-cream-background-color { background-color: #F9EABD !important; }
.has-evofia-orange-background-color { background-color: #D98622 !important; }

/* Classes utilitaires Bootstrap-style */
.bg-evofia-green { background-color: #46B370 !important; }
.bg-evofia-teal { background-color: #004052 !important; }
.bg-evofia-cream { background-color: #F9EABD !important; }
.bg-evofia-orange { background-color: #D98622 !important; }

.text-evofia-green { color: #46B370 !important; }
.text-evofia-teal { color: #004052 !important; }
.text-evofia-cream { color: #F9EABD !important; }
.text-evofia-orange { color: #D98622 !important; }

.border-evofia-green { border-color: #46B370 !important; }
.border-evofia-teal { border-color: #004052 !important; }
.border-evofia-cream { border-color: #F9EABD !important; }
.border-evofia-orange { border-color: #D98622 !important; }

/* Boutons avec les couleurs personnalisées */
.btn-evofia-green {
    background-color: #46B370;
    border-color: #46B370;
    color: #fff;
}

.btn-evofia-green:hover {
    background-color: #3a9660;
    border-color: #3a9660;
    color: #fff;
}

.btn-evofia-teal {
    background-color: #004052;
    border-color: #004052;
    color: #fff;
}

.btn-evofia-teal:hover {
    background-color: #003342;
    border-color: #003342;
    color: #fff;
}

.btn-evofia-cream {
    background-color: #F9EABD;
    border-color: #F9EABD;
    color: #004052;
}

.btn-evofia-cream:hover {
    background-color: #f7e5ab;
    border-color: #f7e5ab;
    color: #004052;
}

.btn-evofia-orange {
    background-color: #D98622;
    border-color: #D98622;
    color: #fff;
}

.btn-evofia-orange:hover {
    background-color: #d89430;
    border-color: #d89430;
    color: #fff;
}
.wp-block-button .wp-block-button__link {
   padding:5px 20px;
   font-size:22px;
}
.wp-block-button .wp-block-button__link.has-evofia-teal-background-color, 
.wp-block-button .wp-block-button__link.has-evofia-orange-background-color {
    color:#fff !important;
}

.wp-block-button .wp-block-button__link.has-evofia-teal-background-color:hover {
    background:#D98622 !important;
    color:#fff !important;
}
.has-evofia-orange-background-color .wp-block-button .wp-block-button__link.has-evofia-teal-background-color:hover {
    background:#FFFFFF !important;
    color:#004052 !important;
}
.has-evofia-teal-background-color .wp-block-button .wp-block-button__link.has-evofia-orange-background-color:hover {
    background:#FFFFFF !important;
    color:#004052 !important;
}
.wp-block-button .wp-block-button__link.has-evofia-orange-background-color:hover {
    background:#004052 !important;
    color:#fff !important;
}


.btn.has-evofia-teal-background-color {
    background:#004052 !important;
    color:#fff !important;
    border-radius:50px;
    width:auto !important;
}
.btn.has-evofia-teal-background-color:hover {
    background:#D98622 !important;
    color:#fff !important;
    border-radius:50px;
    width:auto !important;
}

.btn.has-evofia-orange-background-color:hover {
    background:#D98622 !important;
    color:#fff !important;
}

.clear-filters-btn {
    padding: 0.3rem 0.5rem;
    font-weight: 400;
    border-radius: 2rem;
    transition: all 0.3s ease;
    color:#A0B6BA !important;
    border:1px solid #A0B6BA !important;
}

.clear-filters-btn:hover, .clear-filters-btn:focus, .clear-filters-btn:active {
    background:#A0B6BA !important;
    color:#fff !important;
    border:1px solid #A0B6BA !important;

}

.wp-block-group.alignfull.has-white-color.has-evofia-orange-background-color p,
.wp-block-group.alignfull.has-white-color.has-evofia-teal-background-color h1.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-teal-background-color h2.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-teal-background-color h3.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-teal-background-color h4.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-teal-background-color h5.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-teal-background-color h6.wp-block-heading {
    color:#FFFFFF !important;
}
.wp-block-group.alignfull.has-white-color.has-evofia-teal-background-color p,
.wp-block-group.alignfull.has-white-color.has-evofia-orange-background-color h1.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-orange-background-color h2.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-orange-background-color h3.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-orange-background-color h4.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-orange-background-color h5.wp-block-heading,
.wp-block-group.alignfull.has-white-color.has-evofia-orange-background-color h6.wp-block-heading {
    color:#FFFFFF !important;
}
.wp-block-cover.wp-duotone-unset-1 {
    min-height:500px !important;
}
.wp-block-cover.wp-duotone-unset-1 .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    background-color:rgba(234, 164, 58, 0.8) !important;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    
    .wp-block-group.alignwide {
        margin-top:1rem !important;
        margin-bottom:1rem !important;
    }
    h1.wp-block-heading {
        font-weight: 700 !important;
        color:#FFFFFF !important;
        font-size:3.5rem !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }
}
/* ==========================================================================
   Animations et transitions
   ========================================================================== */
   
.card,
.btn,
.navbar-nav .nav-link,
.widget {
    transition: all 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   Navigation personnalisée
   ========================================================================== */

.navbar {
    position: sticky;
    top: 0;
    z-index: 1030;
}

.navbar-brand img {
    max-height: 50px;
    width: auto;
}

.navbar-nav .nav-link {
    font-weight: 500;
    padding: 0.5rem 1rem;
}

.navbar-nav .nav-link:hover {
    color: var(--bs-primary) !important;
    background:#D98622 !important;
    color:#fff !important;
}

.navbar-nav .dropdown-menu {
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
#menu-menu-principal .current-menu-ancestor.current-menu-parent .nav-link, 
#menu-je-suis .current-menu-ancestor.current-menu-parent .nav-link{
    color:#D98622 !important;
}
#menu-menu-principal .current-menu-ancestor.current-menu-parent:hover .nav-link,
#menu-je-suis .current-menu-ancestor.current-menu-parent:hover .nav-link{
    color:#fff !important;
}
#menu-menu-principal .current-menu-item .dropdown-item.active,
#menu-je-suis .current-menu-item .dropdown-item.active{
    background:#D98622 !important;
    color:#fff !important;
}

/* ==========================================================================
   Bouton burger menu mobile (version sans modification HTML)
   ========================================================================== */

   @media (max-width: 991px) {
    .navbar-toggler {
        order: -1;
        margin-left: 0;
        margin-right: auto;
        border: none !important;
        padding: 0.5rem;
        box-shadow: none !important;
        outline: none !important;
        z-index: 1000;
    }
    .navbar-brand {
margin-left:-20%;
width:0px !important;
    }
    .custom-logo-link {
        order: 0;
        flex: 1;
        text-align: center;
        margin-left: 20%;
        margin-right: 20%;
    }
    
    .navbar-toggler:focus,
    .navbar-toggler:active {
        box-shadow: none !important;
        outline: none !important;
    }
    
    /* Personnaliser l'icône burger */
    .navbar-toggler-icon {
        background-image: none !important;
        position: relative;
        width: 30px;
        height: 20px;
        display: block;
        background-color: #004052;
        height: 2px;
    }
    
    /* Lignes du haut et du bas avec pseudo-éléments */
    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #004052;
        transition: all 0.3s ease;
    }
    
    /* Ligne du haut */
    .navbar-toggler-icon::before {
        top: -9px;
    }
    
    /* Ligne du bas */
    .navbar-toggler-icon::after {
        bottom: -9px;
    }
    
    /* Animation X quand menu ouvert (optionnel) */
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-color: transparent;
    }
    
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
        top: 0;
        transform: rotate(45deg);
    }
    
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
        bottom: 0;
        transform: rotate(-45deg);
    }
}
/* ==========================================================================
   En-tête de site
   ========================================================================== */
#menu-menu-principal .nav-link {
    font-weight: 400;
    color:#000;;
}
.site-branding {
    background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
}

.site-title {
    font-size: 2.5rem;
    font-weight: 700;
}

.site-description {
    font-size: 1.2rem;
    opacity: 0.9;
}

/* ==========================================================================
   Articles et contenus
   ========================================================================== */
.entry-content, .entry-content .wp-block-cover.alignfull {
    margin-top: 0rem;
}
.entry-title a:hover {
    color: var(--bs-primary) !important;
}

.entry-content img {
    border-radius: 0.375rem;
    margin: 1rem 0;
}

.entry-content p {
    margin-bottom: 1.5rem;
    line-height: 1.35;
}
ul.wp-block-list li {
    line-height: 1.35;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.entry-content blockquote {
    border-left: 4px solid var(--bs-primary);
    padding-left: 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: #6c757d;
}

.entry-content pre {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
    overflow-x: auto;
}

.entry-content code {
    background-color: #f8f9fa;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.875em;
}

.entry-content pre code {
    background-color: transparent;
    padding: 0;
}

/* ==========================================================================
   Méta informations
   ========================================================================== */

.entry-meta a {
    color: inherit;
    text-decoration: none;
}

.entry-meta a:hover {
    color: var(--bs-primary);
}

.entry-meta i {
    margin-right: 0.25rem;
}

/* ==========================================================================
   Tags et catégories
   ========================================================================== */

.cat-links a,
.tags-links a {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    text-decoration: none;
    font-size: 0.875rem;
    margin: 0.25rem;
}

.cat-links a:hover,
.tags-links a:hover {
    background-color: var(--bs-primary);
    color: white;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

.pagination {
    gap: 0.5rem;
}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    text-decoration: none;
    color: var(--bs-body-color);
    transition: all 0.2s;
}

.page-numbers:hover,
.page-numbers.current {
    background-color: var(--bs-primary);
    color: white;
    border-color: var(--bs-primary);
}

/* ==========================================================================
   Navigation entre articles
   ========================================================================== */

.post-navigation {
    margin: 2rem 0;
}

.post-navigation .nav-links {
    display: flex;
    gap: 1rem;
}

.post-navigation .nav-links > div {
    flex: 1;
}

.post-navigation a {
    display: block;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    text-decoration: none;
    color: var(--bs-body-color);
}

.post-navigation a:hover {
    background-color: var(--bs-primary);
    color: white;
}

.post-navigation .nav-subtitle {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}

.post-navigation .nav-title {
    display: block;
    font-weight: 600;
}

/* ==========================================================================
   Widgets et Sidebar
   ========================================================================== */

.widget ul {
    list-style: none;
    padding-left: 0;
}

.widget ul li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #dee2e6;
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget a {
    color: var(--bs-body-color);
    text-decoration: none;
}

.widget a:hover {
    color: var(--bs-primary);
}

/* ==========================================================================
   Commentaires
   ========================================================================== */

.comment {
    transition: transform 0.2s;
}

.comment:hover {
    transform: translateX(5px);
}

.comment-author img {
    margin-right: 1rem;
}

.comment-reply-link {
    font-size: 0.875rem;
    text-decoration: none;
}

.comment-reply-link:hover {
    text-decoration: underline;
}

/* ==========================================================================
   Formulaires
   ========================================================================== */

.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.required {
    color: var(--bs-danger);
}

/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer a {
    color: var(--bs-body-color);
    text-decoration: none;
}

.site-footer a:hover {
    color: var(--bs-primary);
    text-decoration: underline;
}

.site-info {
    font-size: 0.875rem;
}

/* ==========================================================================
   Alignements Gutenberg (alignwide, alignfull)
   ========================================================================== */

/* Largeur normale du contenu */
.entry-content > * {
    max-width: 100%;
}

/* Largeur étendue (alignwide) - 1200px max */
.entry-content .alignwide {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Pleine largeur (alignfull) */
.entry-content .alignfull {
    max-width: 100vw;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Centrer */
.entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Flotter à gauche */
.entry-content .alignleft {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

/* Flotter à droite */
.entry-content .alignright {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}

/* Assurer que les images dans alignwide/alignfull respectent la largeur */
.entry-content .alignwide img,
.entry-content .alignfull img {
    width: 100%;
    height: auto;
}
.actualite-card img {
    width: 100%;
    height: auto;
    min-height:200px;
}
/* Pour les blocs wp-block-image avec alignwide/alignfull */
.entry-content .wp-block-image.alignwide,
.entry-content .wp-block-image.alignfull,
.entry-content .wp-block-cover.alignwide,
/* .entry-content .wp-block-cover.alignfull, */
.entry-content .wp-block-group.alignwide,
.entry-content .wp-block-group.alignfull {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Gestion responsive des alignements étendus */
@media (max-width: 1200px) {
    .entry-content .alignwide {
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 768px) {
    .entry-content .alignfull {
        /*margin-left: -1rem;
        margin-right: -1rem;
        width: calc(100% + 2rem);
        max-width: calc(100% + 2rem);*/
    }
    
    .entry-content .alignleft,
    .entry-content .alignright {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

/* ==========================================================================
   Accessibilité
   ========================================================================== */

.skip-link {
    background-color: var(--bs-primary);
    color: white;
    padding: 0.5rem 1rem;
}

/* Focus visible pour l'accessibilité au clavier */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 991.98px) {
    .site-title {
        font-size: 2rem;
    }
    
    .site-description {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .site-title {
        font-size: 1.5rem;
    }
    
    .post-navigation .nav-links {
        flex-direction: column;
    }
    
    .entry-content {
        font-size: 0.9375rem;
    }
}

/* ==========================================================================
   Utilitaires
   ========================================================================== */

.object-fit-cover {
    object-fit: cover;
}

.text-break-word {
    word-break: break-word;
}

/* Animation de chargement */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

/* Effet de surbrillance sur les liens */
::selection {
    background-color: var(--bs-primary);
    color: white;
}

::-moz-selection {
    background-color: var(--bs-primary);
    color: white;
}
.lien-blanc a {
    color: #fff !important;
}

/* ==========================================================================
   Formulaire de recherche dans le header
   ========================================================================== */

.header-search-form {
    display: flex;
    align-items: center;
}

.search-input-group {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: #ccc 1px solid;
    padding:3px 2px;
}

.search-input-group:focus-within {
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 64, 82, 0.15);
}

.header-search-input {
    border: none;
    background: transparent;
    padding: 8px 16px;
    font-size: 14px;
    color: #333;
    outline: none;
    width: 200px;
    transition: all 0.3s ease;
    font-size: 16px;
}

.header-search-input::placeholder {
    color: #6c757d;
    opacity: 0.7;
}

.header-search-input:focus {
    outline: none;
    width: 250px;
}

.header-search-btn {
    background-color: #004052;
    border: none;
    color: white;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-right: 2px;
}

.header-search-btn:hover {
    background-color: #003342;
    transform: scale(1.05);
}

.header-search-btn:active {
    transform: scale(0.95);
}

.header-search-btn i {
    font-size: 18px;
    line-height: 1;
}

/* Responsive */
@media (max-width: 991px) {
    .header-search-form {
        margin-top: 1rem;
        width: 100%;
    }
    
    .search-input-group {
        width: 100%;
    }
    
    .header-search-input {
        width: 100%;
    }
    
    .header-search-input:focus {
        width: 100%;
    }
}

/* ==========================================================================
   Homepage
   ========================================================================== */

   .h1.hero_defi{
    font-family: Loveya, sans-serif;
    font-weight:900;
    font-size:2rem;
    text-transform: uppercase;
    line-height:1;
    margin:0;
   }



   /* ==========================================================================
   Accessibility OneTap Inversion icône
   ========================================================================== */
   .onetap-container-toggle .onetap-toggle img.design-size1 {
    padding: 10px !important;
    width: 50px !important;
    height: 50px !important;
}
@media only screen and (max-width: 991.98px) {
    .navbar .container {
        width:100% !important;
        max-width:100% !important;
    }
    .onetap-container-toggle .onetap-toggle {
        bottom: unset !important;
        top: 0 !important;
        margin-top: 10px !important;
        right: 0 !important;
        margin-right: 15px !important;
    }
    .img-je-suis {
        max-width:50%;
        margin:0 auto;
    }
}

nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv2 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level1, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv2 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level2, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv3 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level1, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv3 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level2, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-feature.onetap-lv3 .onetap-title p.onetap-option-levels span.onetap-level.onetap-level3, .onetap-container-toggle .onetap-toggle img, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .toolbar-hide-duration .box-hide-duration .box-btn-action button.hide-toolbar, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-step-controls .onetap-new-level .onetap-btn, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-reset-settings button, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-site-container, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active .onetap-right .box-swich label.switch input+.slider, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature .onetap-right .box-swich label.switch input:checked+.slider, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active div.onetap-right div.box-swich label.switch span.slider.round:hover, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-step-controls .onetap-new-level .onetap-title .box-btn .onetap-btn, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings div.onetap-multi-functional-feature .onetap-box-functions .onetap-functional-feature.onetap-active .onetap-left svg, nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-active .onetap-icon .onetap-icon-animation svg {
    filter: brightness(0) saturate(100%) invert(18%) sepia(67%) saturate(1318%) hue-rotate(151deg) brightness(99%) contrast(102%);
    background: transparent !important;
}


/* ==========================================================================
   Taille des polices
   ========================================================================== */

h1, .h1 { font-size: 65px; }
h2, .h2 { font-size: 50px; }
h3, .h3 { font-size: 40px; }
h4, .h4 { font-size: 30px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 15px; }

   .fs-12 { font-size: 12px !important; }
   .fs-14 { font-size: 14px !important; }
   .fs-16 { font-size: 16px !important; }
   .fs-18 { font-size: 18px !important; }
   .fs-20 { font-size: 20px !important; }
   .fs-24 { font-size: 24px !important; }
   .fs-28 { font-size: 28px !important; }
   .fs-30 { font-size: 30px !important; }
   .fs-32 { font-size: 32px !important; }
   .fs-36 { font-size: 36px !important; }
   .fs-40 { font-size: 40px !important; }
   .fs-48 { font-size: 48px !important; }
   .fs-50 { font-size: 50px !important; }
   .fs-55 { font-size: 55px !important; }
   .fs-60 { font-size: 60px !important; }
   .fs-65 { font-size: 65px !important; }
   .fs-70 { font-size: 70px !important; }
   .fs-80 { font-size: 80px !important; }
   .fs-90 { font-size: 90px !important; }
   .fs-100 { font-size: 100px !important; }

@media(max-width:992px) {
    .fs-20 { font-size: 20px !important; }
    .fs-24 { font-size: 22px !important; }
    .fs-28 { font-size: 24px !important; }
    .fs-30 { font-size: 26px !important; }
    .fs-32 { font-size: 28px !important; }
    .fs-36 { font-size: 28px !important; }
    .fs-40 { font-size: 28px !important; }
    .fs-48 { font-size: 34px !important; }
    .fs-50 { font-size: 35px !important; }
    .fs-55 { font-size: 38px !important; }
    .fs-60 { font-size: 42px !important; }
    .fs-65 { font-size: 45px !important; }
    .fs-70 { font-size: 49px !important; }
    .fs-80 { font-size: 72px !important; }
    .fs-90 { font-size: 63px !important; }
    .fs-100 { font-size: 70px !important; }

    h1, .h1 { font-size: 45px; }
    h2, .h2 { font-size: 35px; }
    h3, .h3 { font-size: 28px; }
    h4, .h4 { font-size: 26px; }
    h5, .h5 { font-size: 20px; }
    h6, .h6 { font-size: 15px; }
    .wp-block-cover.wp-duotone-unset-1 .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    h1.wp-block-heading { font-size:2.45rem !important;}
    }
    
}

.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }


/* ==========================================================================
   Bannières responsive
   ========================================================================== */
   .top-banniere {
    position:relative;
    min-height:550px;
   }
    .banniere_droite {
    background-position: right !important;
   }
    .banniere_gauche {
    background-position: left !important;
   }
      @media(max-width:1199px) {
    .top-banniere {
        position:relative;
        min-height:350px;
       }
   }
   @media(max-width:991px) {
    .top-banniere {
        position:relative;
        min-height:300px;
       }
   }
    @media(max-width:767px) {
    .top-banniere {
        position:relative;
        min-height:250px;
       }
   }
    @media(max-width:575px) {
    .top-banniere {
        position:relative;
        min-height:200px;
       }
   }
   @media(max-width:767px) {
    .footer-widgets {
        text-align:center;
       }
   .footer-legal a { 
    display: block;
    margin:0 auto;
   }
    }

    #menu-je-suis .dropdown-menu {
        right:0 !important;
        left:auto;
    }


    .dropdown-item.active, .dropdown-item:active {
        background-color: #D98622 !important;
        color: #fff !important;
    }
   /* ==========================================================================
   Sections avec fonds images
   ========================================================================== */

   .tracteur {
    background:url('../img/Machine 2.png') no-repeat;
    background-position: bottom left 0%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 20%;
   }

      .tracteur2 {
    background:url('../img/Machine 2.png') no-repeat;
    background-position: bottom 0% left 2%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 15%;
   }
.fleche-gauche {
    background:url('../img/Forme 5.png') no-repeat left 5% top;
    background-size: 15%;
    padding-bottom: 100px;
}
.fleche-gauche.pb-0 {
    background:url('../img/Forme 5.png') no-repeat left 5% top;
    background-size: 15%;
    padding-bottom: 0px;
}
.zigouigoui {
    background:url('../img/Forme 3.png') no-repeat right 5% top;
    background-size: 15%;
    padding-bottom: 100px;
}
.zigouigoui.pb-0 {
    background:url('../img/Forme 3.png') no-repeat right 5% top;
    background-size: 15%;
    padding-bottom: 0px;
}
  .tracteur-zigouigoui {
    background:url('../img/Forme 3.png') no-repeat right 5% top, url('../img/Machine 2.png') no-repeat bottom left 0%;
    background-size: 20%;
   }
.machine-fond {
    background:url('../img/Machine 4.png') no-repeat center right 10%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 20%;
   }
   .machine1 {
    background:url('../img/Machine 1.png') no-repeat;
    background-position: bottom 0% left 2%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 10%;
   }


   .forme1 {
    background:url('../img/Forme 1.png') no-repeat right 5% top;
    background-size: 15%;
        
}
   .forme2 {
    background:url('../img/Forme 2.png') no-repeat right 5% top;
    background-size: 15%;
    
}
   .forme4 {
    background:url('../img/Forme 4.png') no-repeat right 5% top 5%;
    background-size: 10%;
   }
    .forme7 {
    background:url('../img/Forme 7.png') no-repeat right 5% top 5%;
    background-size: 15%;
   }
    .forme8 {
    background:url('../img/Forme 8.png') no-repeat;
    background-position: bottom 2% left 2%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 15%;
   }
    .forme9 {
    background:url('../img/Forme 9.png') no-repeat;
    background-position: top 3% right 3%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 10%;
   }
   .line-height-1 {
    line-height: 1 !important;
   }
   .vert-fonce-80 {
    background: #004B52CC;
   }
    .vert-fonce-60 {
    background: #729297;
   }
    .vert-fonce-40 {
    background: #A0B6BA;
   }
   .vert-clair-60 {
    background: #A3CFB0;

   }
 .vert-clair-40 {
    background: #C1DFCA;
   }
   .paille-60 {
    background: #F9F2D9;

   }
      .paille-40 {
    background: #FBF7E6;

   }
   .orange-60 {
    background: #E8C98F;

   }
      .orange-40 {
    background: #F0DCB4;

   }
   .evofia-icon-card:hover {
    background: #004B52CC !important;
    .evofia-icon-card-description, .evofia-icon-card-title {
    color:#fff !important;
    }
    img {
        filter: brightness(0) invert(1) !important;
    }
    .wp-block-button__link.has-evofia-teal-background-color {
        background:#D98622 !important;
        color:#fff!important;
   }
}
   .titre-puce::before {
    content: '•';
    color: #fff;
    display: inline-block;
    width: 0.5em;
   }
.decale {
    margin-left: 0.8em;
   }
   #open-chatbot .wp-block-button__link::before{
    content: '';
    display: inline-block;
    margin-right: 0px;
    width: 30px;
    height: 30px;
    background: url('../img/Picto Caoch AI.png') no-repeat center center;
    background-size: contain;
   }

   #page-metiers-archive {margin-bottom:100px;}

/* ==========================================================================
   Navigation entre ressources (Previous/Next)
   ========================================================================== */

.ressource-navigation {
    /*background: #FBF7E6;*/
    border-radius: 1rem;
    padding: 2rem;
    /*box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);*/
}

.ressource-navigation .btn-outline-primary {
    background-color: #ffffff;
    border: 2px solid #004052;
    color: #004052;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 0.75rem;
}

.ressource-navigation .btn-outline-primary:hover {
    background-color: #46B370;
    border-color: #46B370;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(70, 179, 112, 0.3);
}

.ressource-navigation .btn-outline-primary small {
    font-size: 0.875rem;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ressource-navigation .btn-secondary {
    background-color: #004052;
    border-color: #004052;
    color: #ffffff;
    font-weight: 600;
    padding: 0.75rem 2rem;
    border-radius: 2rem;
    transition: all 0.3s ease;
}

.ressource-navigation .btn-secondary:hover {
    background-color: #D98622;
    border-color: #D98622;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(234, 164, 58, 0.4);
}

/* Responsive */
@media (max-width: 767px) {
    .ressource-navigation {
        padding: 1.5rem;
    }
    
    .ressource-navigation .btn-outline-primary {
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
    }
    
    .ressource-navigation .btn-secondary {
        width: 100%;
        margin-top: 1rem;
    }
}