/*
 Theme Name: Archy Child
 Template: archy-wp
 Version: 1.0
*/

/* Link colors - override theme default */
a {
    color: #000;
}
a:hover,
a:focus {
    color: #000;
}

/* Social icons inline on mobile */
@media screen and (max-width: 991px) {
    #menu-item-8083,
    #menu-item-8084,
    #menu-item-8085 {
        display: inline-block;
        margin: 0 10px;
        border-bottom: none;
    }
    
    /* Logo à droite sur mobile */
    .site-branding {
        position: relative;
        width: 100%;
    }
    
    .site-branding-wrap {
        position: relative;
        width: 100%;
    }
    
    .site-branding-center {
        position: absolute;
        right: 0;
        left: auto;
        top: 50%;
        transform: translateY(-50%);
        text-align: right;
    }
    
    .site-branding-left,
    .site-branding-right {
        display: none;
    }
    
    .site-title {
        text-align: right;
    }
    
    .site-title a {
        display: inline-block;
    }
    
    .site-title img {
        display: block;
        margin-left: auto;
        margin-right: 0;
    }
    
    /* Bloquer le scroll quand le menu mobile est ouvert */
    html.is-menu-toggled-on {
        overflow: hidden;
    }
    
    /* Menu mobile en hauteur 100% */
    .is-menu-toggled-on .site-header {
        max-height: 100vh;
        height: 100vh;
    }
    
    .is-menu-toggled-on .site-header .menu-wrap {
        height: 100vh;
        max-height: 100vh;
    }
}

/* Menu hover - soulignement (underline) */
.clone .nav-menu ul li:not(.current-menu-item) a:hover .link-text {
    text-decoration: underline;
    text-decoration-color: #017cb9;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/* Carré blanc au hover (au lieu de la couleur par défaut) - exclure les icônes sociales */
html.loaded .nav-menu ul li:not(.current-menu-item):not(#menu-item-8083):not(#menu-item-8084):not(#menu-item-8085) a:hover .link-text:before,
.nav-menu ul li:not(.current-menu-item):not(#menu-item-8083):not(#menu-item-8084):not(#menu-item-8085) a:hover .link-text:before,
.nav-menu li.has-submenu:not(.current-menu-item):not(#menu-item-8083):not(#menu-item-8084):not(#menu-item-8085):hover > a .link-text:before {
    background-color: #fff !important;
    border-color: #fff !important;
}

/* Pas de background/border sur les icônes sociales */
#menu-item-8083 a:hover .link-text:before,
#menu-item-8084 a:hover .link-text:before,
#menu-item-8085 a:hover .link-text:before {
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Enlever les transitions (effet de dépli/repli) */
.nav-menu .link-text:before {
    transition: none !important;
}

/* Icônes sociales - background bleu au hover */
#menu-item-8083 a,
#menu-item-8084 a,
#menu-item-8085 a {
    color: #000;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    line-height: 1;
}

#menu-item-8083 a:hover,
#menu-item-8084 a:hover,
#menu-item-8085 a:hover {
    color: #fff;
    background-color: #017cb9;
    text-decoration: none;
}
.footer-link {
  text-decoration: underline;
}

@font-face {
  font-family: 'Arkipelago';
  src: url('https://meda.uplight.fr/app/themes/archy-wp/css/fonts/arkipelago/Arkipelago.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}