/*
Theme Name: Thème ARCHE
Theme URI: 
Author: ARCHE
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: theme-arche
Tags: 
*/

body{
    overflow-x: hidden;
}
a:focus,
button:focus {
    outline: none !important;
    box-shadow: none;
}

.wp-site-blocks :focus {
    outline: transparent;
    outline-offset: 0;
}

.js_container_search_header_zr {
    display: none !important;
}

.fem_container_accueil {
    margin-block-start: 0;
}

/* --- Affichage forcé du sous-menu pour le menu spécifique --- */

/* 1. On rend le conteneur du sous-menu visible en permanence */
.mon-menu-a-plat .wp-block-navigation__submenu-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    /* Pour qu'il s'insère dans le flux du menu */
    float: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding-left: 15px !important;
    /* Décalage visuel pour la hiérarchie */
    margin-top: 5px !important;
    border: none !important;
}

/* 2. On cache les flèches de dropdown (chevrons) */
.mon-menu-a-plat .wp-block-navigation-submenu__toggle {
    display: none !important;
}

/* 3. Ajustement de l'espacement des éléments de sous-menu */
.mon-menu-a-plat .wp-block-navigation-item {
    margin-bottom: 5px;
}

/* 4. Optionnel : Empêcher le masquage sur mobile si vous voulez qu'il reste déplié */
.mon-menu-a-plat .wp-block-navigation__responsive-container-open {
    display: none !important;
    /* Cache le bouton burger si vous voulez tout voir direct */
}


/* Mobile uniquement */
@media (max-width: 599px) {
    /* Vos styles ici */
}

/* Tablettes (Portrait) */
@media (min-width: 600px) and (max-width: 781px) {
    /* Vos styles ici */
}

/* Desktop (Le point de bascule le plus courant dans Gutenberg) */
@media (min-width: 782px) {
    /* Styles pour ordinateurs et tablettes paysage */
}

/* Écrans larges (correspond souvent au wideSize) */
@media (min-width: 1080px) {
    /* Styles pour grands écrans */
}

/* 1. On force le conteneur à être une ligne flexible */
.gtranslate_wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    /* Espace entre le globe et le premier texte */
    position: relative !important;
    text-decoration: none;
}

/* 2. Le globe (::before) */
.gtranslate_wrapper::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    /* On utilise une couleur grise ou celle de votre charte */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23004d40' stroke-width='4' d='M50 5c24.8 0 45 20.2 45 45s-20.2 45-45 45S5 74.8 5 50 25.2 5 50 5zM20 30h60M10 50h80M20 70h60M50 5v90'/%3E%3Cpath fill='none' stroke='%23004d40' stroke-width='4' d='M50 5c12 0 18.2 20.2 18.2 45s-6.2 45-18.2 45c-12 0-18.2-20.2-18.2-45s6.2-45 18.2-45z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.desktop_site_logo {
    padding: 20px;
    position: absolute;
    z-index: 2;
    background-color: #ffffff;
    top: 150px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    z-index: 5;
}