/* 
Theme Name: Agence MAP - Theme Enfant de Hello Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Ceci est un theme enfant de Hello Elementor
Author: MAP Team
Author URI: https://map.ch/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Silence is golden. Ajoute ton CSS dans les fichiers SCSS avec compass watch
*/

@media (min-width: 991px) {
    .qr-link {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 19999;
    }
}


strong {
    font-weight: bold;
}

/* 
  Modifie l'écart entre les lignes et les colonnes à 10px sur mobile 

*/
@media (max-width: 768px) {
    .elementor-row {
        gap: 10px !important;
    }
}

/*Taille des icones des boutons*/
.elementor-button svg {
  height: 13px;
  width: auto;
}

/*apparition du menu sur la droite*/

@media (max-width: 1024px) {
  .elementor-45 .elementor-element.elementor-element-c100744 .ha-menu-offcanvas-elements {
    --offcanvas-left-offset: 100% !important;
        width: 300px;
    
    }
    .ha-navbar-nav-default.ha-menu-offcanvas-elements{
        right: -100% !important;
        left: auto !important;
        transition: .5s;
    }
    .ha-navbar-nav-default.ha-menu-offcanvas-elements.active{
        right: 0% !important;
    left: auto !important;
    }
}

/* taille burger */
.ha-menu-hamburger > .ha-menu-icon::before {
    font-size: 25px;
}


/**********************************************************
  ACCENTS PAR MEGA-MENU — source unique de vérité
**********************************************************/

[class*="mega-menu-menu-"] .elementor-icon-box-wrapper{
    min-height: 100px;
}

.mega-menu-menu-isdc         { --accent: var(--e-global-color-secondary); }
.mega-menu-menu-bibliotheque { --accent: var(--e-global-color-055b2f4); }
.mega-menu-menu-centre       { --accent: var(--e-global-color-976b740); }
.mega-menu-menu-recherche    { --accent: var(--e-global-color-644fe5e); }
.mega-menu-menu-juridiques   { --accent: var(--e-global-color-338cf98); }
.mega-menu-menu-media        { --accent: var(--e-global-color-1d6da86); }

/**********************************************************
  MEGA-MENU — Icon-box : titre et icône prennent l’accent
**********************************************************/

/* Transitions */
[class*="mega-menu-menu-"] .elementor-icon-box-title,
[class*="mega-menu-menu-"] .elementor-icon-box-icon svg,
[class*="mega-menu-menu-"] .elementor-icon-box-icon i {
  transition: color .2s ease, fill .2s ease;
}

/* Survol et focus clavier : titre coloré */
[class*="mega-menu-menu-"] .elementor-icon-box-wrapper:hover .elementor-icon-box-title,
[class*="mega-menu-menu-"] .elementor-icon-box-wrapper:focus-within .elementor-icon-box-title {
  color: var(--accent) !important;
}

/* Survol et focus clavier : icône colorée */
[class*="mega-menu-menu-"] .elementor-icon-box-wrapper:hover .elementor-icon-box-icon svg,
[class*="mega-menu-menu-"] .elementor-icon-box-wrapper:focus-within .elementor-icon-box-icon svg {
  fill: var(--accent) !important;
}
[class*="mega-menu-menu-"] .elementor-icon-box-wrapper:hover .elementor-icon-box-icon i,
[class*="mega-menu-menu-"] .elementor-icon-box-wrapper:focus-within .elementor-icon-box-icon i {
  color: var(--accent) !important;
}

/* Héritage couleur pour les SVG d’icon-box */
[class*="mega-menu-menu-"] .elementor-icon-box-icon svg {
  color: currentColor;
  fill: currentColor;
}

/**********************************************************
  MENU Mobile — classe "menu-couleurs"
  Icône colorée en permanence, texte coloré au survol/focus
**********************************************************/

/* Icône des items du menu compact */
.menu-couleurs .menu-item .ha-menu-nav-link .icon,
.menu-couleurs .menu-item .ha-menu-nav-link i,
.menu-couleurs .menu-item .ha-menu-nav-link svg {
  color: var(--accent, currentColor) !important;
  fill: var(--accent, currentColor) !important;
}

/* Texte des items du menu compact */
.menu-couleurs .menu-item > .ha-menu-nav-link:hover span,
.menu-couleurs .menu-item > .ha-menu-nav-link:focus span {
  color: var(--accent, #000) !important;
}


/* Accents par position (modifiable à volonté) */
.menu-couleurs .menu-item:nth-child(1){ --accent:var(--e-global-color-secondary); } /* rouge */
.menu-couleurs .menu-item:nth-child(2){ --accent:var(--e-global-color-055b2f4); } /* bleu foncé */
.menu-couleurs .menu-item:nth-child(3){ --accent:var(--e-global-color-976b740); } /* bleu clair */
.menu-couleurs .menu-item:nth-child(4){ --accent:var(--e-global-color-644fe5e); } /* beige */
.menu-couleurs .menu-item:nth-child(5){ --accent:var(--e-global-color-338cf98); } /* brun */
.menu-couleurs .menu-item:nth-child(6){ --accent:var(--e-global-color-1d6da86); } /* bordeaux */


/* couleur custom pour les fonds de pages */

.color-centre-de-rencontres, .color-page-racine-37 {
    background-color: var( --e-global-color-976b740 )
}

.color-bibliotheque, .color-page-racine-35 {
    background-color: var( --e-global-color-055b2f4 );
}

.color-recherche, .color-page-racine-39 {
    background-color: var( --e-global-color-644fe5e );
}

.color-services-juridiques, .color-page-racine-41 {
    background-color: var( --e-global-color-338cf98 )
}

.color-isdc, .color-page-racine-32 {
    background-color: var( --e-global-color-secondary );
}



/* couleur custom pour les icones des archives events */
.archives-evenements .elementor-icon {
    fill: black !important;
    color: var( --e-global-color-976b740 ) !important;

}




/* cacher le bouton de onetap pro */
button.apop-toggle{
    display:none;
}


/* centrer proprement tous les liens avec icon sur mobile */
@media (max-width: 767px) {
    .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
        display: flex;

    }
    .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper {
        flex-direction: row;
        text-align: start;
        align-items: center;
    }
}

/* Section modèle Contact en bas de certaines pages */ 
/* Isdc - Rouge */
.section-contact-page-racine-isdc .elementor-element-b8012ac, .section-contact-isdc {
        background-color: var( --e-global-color-715ce63 ) !important;
    }

/* Centre de rencontres - Bleu clair */
.section-contact-page-racine-centre-de-rencontres .elementor-element-b8012ac, .section-contact-centre-de-rencontres .elementor-element-b8012ac {
        background-color: var( --e-global-color-cdc00b2 ) !important;
}


/* Recherche - Beige foncée */
.section-contact-page-racine-recherche .elementor-element-b8012ac, .section-contact-recherche {
        background-color: var( --e-global-color-25debf3 ) !important;
}

/* Bibliotheque - Bleu foncée */
.section-contact-page-racine-bibliotheque .elementor-element-b8012ac, .section-contact-bibliotheque {
        background-color: var( --e-global-color-fb0a945 ) !important;
}

/* Services Juridiques - Marron */
.section-contact-page-racine-services-juridiques .elementor-element-b8012ac, .section-contact-services-juridiques {
        background-color: var( --e-global-color-66f9b00 ) !important;
}


/* Cartouche Event V3 - Couleur border + bouton */
/* Visite Orange */
.category-visite>.cartouche-evenements-couleur, .category-visite .tous-les-details-evenement .elementor-icon:last-child, .category-visite .banniere-evenements-couleur, .category-visite .bouton-evenement a {
        border-color: #fd8e29 !important;
    background-color: #fd8e29 !important;
}

.category-visite .evenements-titre-couleur h2, .category-visite .evenements-lien-couleur h2, .category-visite .elementor-countdown-digits {
        color: #fd8e29 !important;
}

.category-visite .evenements-background-couleur {
    background-image: linear-gradient(90deg, var(--e-global-color-369b6b5) 40%, #fd8e29 40%) !important;
}

.category-visite .fond-carte::before {
    background-image: url(https://isdc.ch/wp-content/uploads/2026/02/monde-afrique-europe.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Formation Violet */
.category-formation>.cartouche-evenements-couleur, .category-formation>.cartouche-evenements-couleur .tous-les-details-evenement .elementor-icon:last-child, .category-formation .banniere-evenements-couleur, .category-formation .bouton-evenement a {
        border-color: #ddb4f6 !important;
    background-color: #ddb4f6 !important;
}

.category-formation .evenements-titre-couleur h2, .category-formation .evenements-lien-couleur h2, .category-formation .elementor-countdown-digits {
        color: #ddb4f6 !important;
}

.category-formation .evenements-background-couleur {
    background-image: linear-gradient(90deg, var(--e-global-color-369b6b5) 40%, #ddb4f6 40%) !important;
}

.category-formation .fond-carte::before {
    background-image: url(https://isdc.ch/wp-content/uploads/2026/02/monde-oceanie.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Grand Public Vert */
.category-grand-public>.cartouche-evenements-couleur, .category-grand-public >.cartouche-evenements-couleur .tous-les-details-evenement .elementor-icon:last-child, .category-grand-public .banniere-evenements-couleur, .category-grand-public .bouton-evenement a {
        border-color: #0ea11d !important;
    background-color: #0ea11d !important;
}

.category-grand-public .evenements-titre-couleur h2, .category-grand-public .evenements-lien-couleur h2, .category-grand-public .elementor-countdown-digits {
        color: #0ea11d !important;
}

.category-grand-public .evenements-background-couleur {
    background-image: linear-gradient(90deg, var(--e-global-color-369b6b5) 40%, #72d27c 40%) !important;
}

.category-grand-public .fond-carte::before {
    background-image: url(https://isdc.ch/wp-content/uploads/2026/02/monde-amerique.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Academique Jaune */
.category-academiques>.cartouche-evenements-couleur, .category-academiques>.cartouche-evenements-couleur .tous-les-details-evenement .elementor-icon:last-child, .category-academiques .banniere-evenements-couleur, .category-academiques .bouton-evenement a {
        border-color: #e8e11a !important;
    background-color: #e8e11a !important;
}

.category-academiques .evenements-titre-couleur h2, .category-academiques .evenements-lien-couleur h2, .category-academiques .elementor-countdown-digits {
        color: #e8e11a !important;
}

.category-academiques .evenements-background-couleur {
    background-image: linear-gradient(90deg, var(--e-global-color-369b6b5) 40%, #e8e11a 40%) !important;
}

.category-academiques .fond-carte::before {
    background-image: url(https://isdc.ch/wp-content/uploads/2026/02/monde-asie.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* --- Test filtre Image - Lionel ---- */ 
img {
      filter: sepia(0%) saturate(125%) hue-rotate(-5deg) brightness(95%) contrast(115%) grayscale(10%);

}
/* Effet sur image qui bouge */ 
.elementor-motion-effects-container {
      filter: sepia(0%) saturate(125%) hue-rotate(-5deg) brightness(95%) contrast(115%) grayscale(10%);

}


/* Effet sur banniere Intro + Contact */ 
.banner-filtered {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner-filtered::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: sepia(0%) saturate(125%) hue-rotate(-5deg) brightness(95%) contrast(115%) grayscale(10%);
    z-index: 0;
}

.banner-filtered > * {
    position: relative;
    z-index: 2;
}


/* Effet sur image seul en fond */ 
.filtre-image {
    filter: sepia(0%) saturate(125%) hue-rotate(-5deg) brightness(90%) contrast(122%) grayscale(20%);
}