/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* ============================================================
   ASINAMO - Custom Styles
   Couleurs :
   - Orange       : #E8521A
   - Teal         : #2AACA8
   - Violet       : #7B5EA7
   - Bleu foncé   : #1A2E44
   - Gris texte   : #555555
   - Fond clair   : #F7F8FA
============================================================ */

/* ----------------------------------------------------------
   VARIABLES GLOBALES
---------------------------------------------------------- */
:root {
    --color-orange  : #E8521A;
    --color-teal    : #2AACA8;
    --color-violet  : #7B5EA7;
    --color-dark    : #1A2E44;
    --color-text    : #555555;
    --color-bg-light: #F7F8FA;
    --color-white   : #FFFFFF;
    --font-main     : 'Open Sans', sans-serif;
    --font-heading  : 'Montserrat', sans-serif;
}

/* ----------------------------------------------------------
   TYPOGRAPHIE GLOBALE
---------------------------------------------------------- */
body {
    font-family : var(--font-main);
    color       : var(--color-text);
    font-size   : 15px;
    line-height : 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-family : var(--font-heading);
    color       : var(--color-dark);
    font-weight : 700;
}

h1 { font-size: 2.4em; line-height: 1.2; }
h2 { font-size: 2em;   line-height: 1.25; }
h3 { font-size: 1.4em; }

a {
    color           : var(--color-orange);
    text-decoration : none;
}
a:hover {
    color: var(--color-teal);
}

/* ----------------------------------------------------------
   HEADER
---------------------------------------------------------- */
#header {
    background    : var(--color-white) !important;
    border-bottom : 1px solid #eee;
    box-shadow    : 0 2px 8px rgba(0,0,0,0.06);
}

/* Logo */
#header .avia-logo img,
#header .logo img {
    max-height: 85px !important;
}

/* Navigation principale */
#header .avia_mega_div > ul > li > a,
.av-main-nav > li > a {
    font-family    : var(--font-heading);
    font-weight    : 600;
    font-size      : 14px;
    color          : var(--color-dark) !important;
    text-transform : none;
    padding        : 0 18px;
}

.av-main-nav > li > a:hover,
.av-main-nav > li.current-menu-item > a,
.av-main-nav > li.active > a {
    color: var(--color-orange) !important;
}

/* Soulignement actif */
.av-main-nav > li.current-menu-item > a::after,
.av-main-nav > li.active > a::after {
    content    : '';
    display    : block;
    height     : 2px;
    background : var(--color-orange);
    margin-top : 2px;
}

/* Icône de recherche dans le menu - force via SVG inline */
#menu-item-search a.avia-svg-icon {
    position : relative !important;
    display  : flex !important;
    align-items     : center !important;
    justify-content : center !important;
    width  : 60px !important;
    height : 100px !important;
}
#menu-item-search a.avia-svg-icon svg {
    display : none !important;
}
#menu-item-search a.avia-svg-icon::before {
    content : '';
    display : block;
    width   : 20px;
    height  : 20px;
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : contain;
    background-image : url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A2E44' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
}
#menu-item-search a.avia-svg-icon:hover::before {
    background-image : url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8521A' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
}

/* Bouton S'inscrire dans la nav */
.av-main-nav > li.menu-item-btn > a {
    background    : var(--color-orange) !important;
    color         : var(--color-white) !important;
    border-radius : 4px !important;
    padding       : 8px 20px !important;
    margin-left   : 10px;
}
.av-main-nav > li.menu-item-btn > a:hover {
    background: #c94415 !important;
}

/* ----------------------------------------------------------
   BOUTONS GLOBAUX
---------------------------------------------------------- */
.avia-button,
.av-button,
input[type="submit"],
button {
    border-radius  : 4px !important;
    font-family    : var(--font-heading) !important;
    font-weight    : 600 !important;
    font-size      : 14px !important;
    letter-spacing : 0.3px;
    transition     : background 0.2s ease, transform 0.1s ease;
}

.avia-button.avia-color-theme-color,
.av-button-wrap .avia-button {
    background   : var(--color-orange) !important;
    border-color : var(--color-orange) !important;
    color        : var(--color-white) !important;
}
.avia-button.avia-color-theme-color:hover {
    background: #c94415 !important;
}

.avia-button.avia-color-secondary,
.avia-button.avia-color-theme-color-subtle {
    background   : var(--color-teal) !important;
    border-color : var(--color-teal) !important;
    color        : var(--color-white) !important;
}
.avia-button.avia-color-secondary:hover {
    background: #228a86 !important;
}

.avia-button.avia-color-light {
    background : transparent !important;
    border     : 2px solid var(--color-dark) !important;
    color      : var(--color-dark) !important;
}
.avia-button.avia-color-light:hover {
    background : var(--color-dark) !important;
    color      : var(--color-white) !important;
}

/* ----------------------------------------------------------
   SECTION ICONES (3 blocs : Inscriptions / Formation / Espace)
---------------------------------------------------------- */

/* Chevauchement sur le LayerSlider */
.ls-wp-container,
.layerslider-wrapper,
#layerslider {
    z-index : 1 !important;
}

.section-icon-boxes {
    margin-top     : -110px !important;
    position       : relative !important;
    z-index        : 100 !important;
    padding-top    : 0 !important;
    padding-bottom : 40px !important;
    background     : transparent !important;
}

/* Les cartes elles-memes en blanc sans ombre */
.section-icon-boxes .iconbox_content,
.section-icon-boxes .av-icon-box,
.section-icon-boxes .iconbox,
.section-icon-boxes article.iconbox,
.section-icon-boxes article.iconbox_top {
    background         : var(--color-white) !important;
    border-radius      : 6px !important;
    box-shadow         : none !important;
    border             : none !important;
    -webkit-box-shadow : none !important;
    filter             : none !important;
}

/* Hauteur egale entre les 3 colonnes */
.section-icon-boxes .av-layout-column {
    display        : flex !important;
    flex-direction : column !important;
}

.section-icon-boxes .iconbox_content {
    flex               : 1 !important;
    box-shadow         : none !important;
    -webkit-box-shadow : none !important;
    border             : none !important;
}

/* Titres des boites en casse normale (pas majuscules) */
.iconbox_content .iconbox_content_title,
.iconbox_content h3,
.iconbox_content h4,
.av-icon-box-title {
    text-transform : none !important;
    font-size      : 1.1em !important;
    font-weight    : 700 !important;
    color          : var(--color-dark) !important;
    letter-spacing : 0 !important;
}

/* Bordure autour de chaque boite */
.iconbox_content {
    border        : 1px solid #e8e8e8;
    border-radius : 6px;
    padding       : 25px !important;
    background    : var(--color-white);
    height        : 100%;
}

/* Liens "En savoir plus" - couleurs par colonne */
.av-layout-column:nth-child(1) .iconbox_content a.more-link,
.av-layout-column:nth-child(1) .iconbox_content a {
    color       : var(--color-orange) !important;
    font-weight : 600;
}
.av-layout-column:nth-child(2) .iconbox_content a.more-link,
.av-layout-column:nth-child(2) .iconbox_content a {
    color       : var(--color-teal) !important;
    font-weight : 600;
}
.av-layout-column:nth-child(3) .iconbox_content a.more-link,
.av-layout-column:nth-child(3) .iconbox_content a,
.section-icon-boxes .av-layout-column:last-child a {
    color       : var(--color-violet) !important;
    font-weight : 600;
}

/* Centrage du contenu des boites */
.iconbox_content {
    text-align : center;
}

/* ----------------------------------------------------------
   ESPACEMENT ENTRE SECTIONS
---------------------------------------------------------- */

/* Réduire padding global des sections */
.av-section,
.avia-section {
    padding-top    : 40px !important;
    padding-bottom : 40px !important;
}

/* Section icônes */
.section-icon-boxes {
    padding-bottom : 20px !important;
}

/* Section engagement */
.section-engagement {
    padding : 40px 0 !important;
    margin  : 0 !important;
}

/* Supprimer marges entre sections Enfold */
.av-layout-row,
.main_color .av-layout-row {
    margin-top    : 0 !important;
    margin-bottom : 0 !important;
}

/* Ligne de grille sans marge */
.av-grid-row {
    margin-top    : 0 !important;
    margin-bottom : 0 !important;
}

/* ----------------------------------------------------------
   SECTION "NOTRE ENGAGEMENT" (fond gris clair)
---------------------------------------------------------- */
.section-engagement {
    background  : var(--color-bg-light);
    padding     : 50px 0 60px !important;
    margin-top  : 0 !important;
}

/* Position icone au-dessus de la carte */
.section-icon-boxes .iconbox_top .iconbox_icon,
.iconbox_top .iconbox_icon {
    top : -34px !important;
}

/* Label NOTRE ENGAGEMENT en teal */
.label-teal,
.section-engagement h6 {
    color          : var(--color-teal) !important;
    font-size      : 12px !important;
    font-weight    : 700 !important;
    letter-spacing : 1.5px !important;
    text-transform : uppercase !important;
}

/* Titre H2 en casse normale */
.section-engagement h2 {
    text-transform : none !important;
    font-size      : 1.8em !important;
    color          : var(--color-dark) !important;
    margin-top     : 5px !important;
}

/* Pas de bordure ni ombre sur les 3 blocs droite */
.section-engagement .iconbox_content {
    border     : none !important;
    box-shadow : none !important;
    background : transparent !important;
    text-align : center !important;
}

/* Couleurs icones engagement */
.section-engagement .av-layout-column:nth-child(1) .iconbox_icon { background: var(--color-orange) !important; }
.section-engagement .av-layout-column:nth-child(2) .iconbox_icon { background: var(--color-teal) !important; }
.section-engagement .av-layout-column:nth-child(3) .iconbox_icon { background: var(--color-violet) !important; }

/* Titres blocs engagement en casse normale */
.section-engagement .iconbox_content_title,
.section-engagement .av-icon-box-title {
    text-transform : none !important;
    font-weight    : 700 !important;
    color          : var(--color-dark) !important;
}

/* ----------------------------------------------------------
   SECTION "POURQUOI ASINAMO"
---------------------------------------------------------- */
.section-pourquoi {
    padding: 70px 0;
}

.section-pourquoi .av-special-heading-tag {
    color          : var(--color-orange);
    font-size      : 12px;
    font-weight    : 700;
    letter-spacing : 1.5px;
    text-transform : uppercase;
}

/* Checkmarks teal */
.av-list-check li::before,
.section-pourquoi .av-list-check li::before {
    color: var(--color-teal) !important;
}

/* ----------------------------------------------------------
   BANDEAU CTA (orange -> teal)
---------------------------------------------------------- */
.section-cta {
    background : linear-gradient(90deg, var(--color-orange) 0%, var(--color-teal) 100%);
    padding    : 40px 0;
}

.section-cta h3,
.section-cta p {
    color: var(--color-white) !important;
}

.section-cta .avia-button {
    background   : var(--color-white) !important;
    color        : var(--color-teal) !important;
    border-color : var(--color-white) !important;
    font-weight  : 700 !important;
}

/* ----------------------------------------------------------
   SECTION ACTUALITES
---------------------------------------------------------- */
.section-news {
    padding    : 70px 0;
    background : var(--color-white);
}

.section-news h2 {
    text-align : center;
    color      : var(--color-dark);
    font-size  : 2em;
}

.section-news h2::after {
    content    : '';
    display    : block;
    width      : 50px;
    height     : 3px;
    background : var(--color-orange);
    margin     : 10px auto 30px;
}

.av-blog-loop .post-entry {
    border-radius : 6px;
    overflow      : hidden;
    box-shadow    : 0 2px 12px rgba(0,0,0,0.07);
    transition    : box-shadow 0.2s ease;
}
.av-blog-loop .post-entry:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
}

.av-blog-loop .av-post-meta .av-timestamp {
    color      : var(--color-orange);
    font-size  : 12px;
    font-weight: 600;
}

.av-blog-loop a.more-link {
    color       : var(--color-orange);
    font-weight : 600;
}

/* ----------------------------------------------------------
   FOOTER
---------------------------------------------------------- */
#footer {
    background : var(--color-dark) !important;
    color      : rgba(255,255,255,0.8) !important;
}

#footer h3,
#footer h4 {
    color: var(--color-white) !important;
}

#footer a {
    color: rgba(255,255,255,0.7);
}
#footer a:hover {
    color: var(--color-orange);
}

#footer .avia-logo img {
    filter: brightness(0) invert(1);
}

#socket {
    background : #111d2b !important;
    color      : rgba(255,255,255,0.5) !important;
    font-size  : 12px;
}

#socket a { color: rgba(255,255,255,0.5); }
#socket a:hover { color: var(--color-white); }

/* ----------------------------------------------------------
   BLOC TEXTE CONTACT / ADRESSES
---------------------------------------------------------- */
.texte-contact,
.texte-contact p,
.texte-contact td,
.texte-contact span,
.texte-contact table {
    color : var(--color-dark) !important;
}

.texte-contact strong {
    color       : var(--color-dark) !important;
    font-weight : 700 !important;
}
.section-contact h2 {
    color: var(--color-dark);
}

.section-contact .avia-button {
    background    : transparent !important;
    border        : 2px solid var(--color-dark) !important;
    color         : var(--color-dark) !important;
    font-weight   : 700 !important;
    border-radius : 4px !important;
}
.section-contact .avia-button:hover {
    background : var(--color-dark) !important;
    color      : var(--color-white) !important;
}

/* ----------------------------------------------------------
   SEPARATEUR TITRE
---------------------------------------------------------- */
.av-special-heading .av-special-heading-divider {
    background : var(--color-orange) !important;
}

/* Fix texte orange section deux sites */
.texte-contact,
.texte-contact p,
.texte-contact td,
.texte-contact th,
.texte-contact span,
.texte-contact strong,
.texte-contact a,
.texte-contact * {
    color           : var(--color-dark) !important;
    text-decoration : none !important;
}

/* ----------------------------------------------------------
   RESPONSIVE - Mobile
---------------------------------------------------------- */
@media (max-width: 767px) {
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.5em; }

    #top #header .avia-logo img,
    #top #header .logo img {
        max-height: 32px !important;
    }

    .section-engagement,
    .section-pourquoi,
    .section-news {
        padding: 40px 0;
    }

    .section-cta {
        text-align : center;
        padding    : 30px 20px;
    }

    /* Correction chevauchement des 3 blocs icones sur mobile */
    .section-icon-boxes {
        margin-top     : 20px !important;
        padding-top    : 10px !important;
        padding-bottom : 10px !important;
    }

    /* Espacement entre les 3 blocs empiles verticalement */
    .section-icon-boxes .av-layout-column {
        margin-bottom : 20px !important;
    }
    .section-icon-boxes .av-layout-column:last-child {
        margin-bottom : 0 !important;
    }

    /* Repositionner l'icone au-dessus de chaque carte (moins de decalage sur mobile) */
    .section-icon-boxes .iconbox_top .iconbox_icon {
        top : -28px !important;
    }
}

@media (max-width: 480px) {
    .avia-button {
        font-size : 13px !important;
        padding   : 10px 16px !important;
    }
}