/*
Theme Name:   Xstore Child Express
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

/* Prevent horizontal overflow on all pages */
html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

th#taxonomy-brand {
    display:none!important;
}

/* toujours imposer la même taille pour le widget WPML dans la navigation  */
.wpml-ls-legacy-dropdown {
    width: auto !important;
    max-width: 12em !important;
}

/*style des titre*/
.gx-heading {
    display: inline-flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0;
    font-family: "Rubik", sans-serif;
    text-transform: uppercase;
    line-height: 1.1;
}

/* Barre rouge à gauche — sans arrondi, rouge profond */
.gx-heading-accent {
    width: 4px;
    background: linear-gradient(180deg, #0B3954 0%, #0B3954 100%);
    height: 100%;
    min-height: 42px;
    flex-shrink: 0;
}

/* Bloc de texte */
.gx-heading-lines {
    display: inline-flex;
    flex-direction: column;
}

/* Ligne du haut (tes styles d'origine) */
.gx-heading-top {
    display: block;
    font-size: 22px;
    font-weight: 500;
    color: #2B2B2B;
    /* gris foncé */
}

/* Ligne du bas (tes styles d'origine) */
.gx-heading-bottom {
    display: block;
    margin-top: 0px;
    font-size: 36px;
    font-weight: 600;
    color: #0B3954;
    /* rouge Guilbert Express */
}

/* Supprimer l'outline au focus sur les notices WooCommerce */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    outline: none;
}

/* Responsive */
@media (max-width: 768px) {
    .gx-heading {
        gap: 10px;
    }

    .gx-heading-accent {
        min-height: 34px;
    }

    .gx-heading-top {
        font-size: 16px;
    }

    .gx-heading-bottom {
        font-size: 26px;
    }
}

/* Popup Livre Blanc : picto de validation à gauche du texte */
.elementor-message-success {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px;
}

.elementor-message-success::before {
    margin-right: 0 !important;
    flex-shrink: 0;
}

/* ──────────────────────────────────────────────────────────────────────
 * Mega menu Catalogue (widget xstore "etheme_departments_menu")
 * ──────────────────────────────────────────────────────────────────────
 * Refonte avril 2026 : avec 12 cats L2 + leurs L3 dans le menu déroulant
 * Catalogue, la liste des items dépasse l'écran. On contraint à 456px de
 * hauteur max et on active un scroll vertical interne au dropdown.
 *
 * Plusieurs sélecteurs candidats : la classe exacte du menu varie selon
 * la version xstore. Les 4 cibles couvrent les variantes connues du widget
 * `theme-etheme_departments_menu`. Si aucun ne match, inspecter en F12 et
 * remplacer par la bonne classe.
 */
.etheme_departments_menu .menu-items,
.etheme-departments-menu .menu-items,
.etheme-departments-menu__dropdown,
.elementor-widget-theme-etheme_departments_menu .menu-items,
.elementor-widget-theme-etheme_departments_menu .et-dropdown-menu,
.elementor-widget-theme-etheme_departments_menu ul.menu {
    max-height: 456px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.elementor-message-success p {
    margin: 0;
}