/* Contexte nav */
.vtjmenu-navbar {
    position: relative;
}

/* Mega full width */
.vtjmenu-navbar .dropdown-mega {
    position: static;
}

.vtjmenu-navbar .dropdown-mega > .dropdown-mega-menu {
    left: 0;
    right: 0;
    width: 100%;
    border: 0;
    border-radius: 0;
    margin-top: 0;
}

/* Hover desktop */
@media (min-width: 992px) {
    .vtjmenu-navbar .dropdown-mega:hover > .dropdown-mega-menu {
        display: block;
    }
}

/* Bloc gauche */
.vtjmega-viewall {
    color: var(--textdark-color) !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .85rem;
}

/* Liens */
.vtjmega-leaf {
    display: block;
    padding: .2rem 0;
    color: #6c757d;
    text-decoration: none;
}

.vtjmega-leaf:hover {
    text-decoration: underline;
}

/* Rail produits : laisse le module branché gérer le style des cartes */
.vtjmega-rail .product-miniature {
    margin-bottom: 1rem;
}

/* Le parent du dropdown n'est plus un conteneur de positionnement */
.vtjmenu-navbar .dropdown-mega.position-static {
    position: static;
}

/* Panneau full width */
.vtjmenu-navbar .dropdown-mega > .dropdown-mega-menu {
    left: 0;
    right: 0 !important;
    width: 100%;
    border: 0;
    border-radius: 0;
    margin-top: 10px;
    z-index: 1050;
}


/* === Rail produits du méga-menu (colonne droite) === */
.vtjmega-rail .vtjmenu-rail-miniatures > .product-miniature {
    margin-bottom: 1rem;
}

/* Carte horizontale : image à gauche / infos à droite */
.vtjmega-rail .product-miniature .card {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #CCCCCC;
    border-radius: .5rem;
    overflow: hidden;
    padding: 15px 10px;
}

/* Bloc image fixe */
.vtjmega-rail .product-miniature__image-container {
    flex: 0 0 120px; /* largeur visuelle */
    max-width: 120px;
    padding: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.vtjmega-rail .product-miniature__image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Bloc infos extensible */
.vtjmega-rail .product-miniature__infos {
    flex: 1 1 auto;
    padding: .75rem .75rem .75rem .5rem;
}

/* Top: marque au-dessus, titre dessous (compact) */
.vtjmega-rail .product-miniature__infos .h4 {
    font-size: .75rem;
    line-height: 1.1;
    margin: 0 0 .25rem;
    text-transform: uppercase;
    color: #95a0a6; /* gris doux */
    font-weight: 600;
}

.vtjmega-rail .product-miniature__infos .h3 {
    font-size: 1rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
}

/* Description clampée (2–3 lignes max) */
.vtjmega-rail .product-miniature__infos .description {
    font-size: .875rem;
    color: #6c757d;
    margin-top: .25rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Bas de carte : prix à gauche, bouton à droite */
.vtjmega-rail .product-miniature__infos__bottom {
    margin-top: .5rem;
    gap: .5rem;
}

.vtjmega-rail .product-miniature__prices .product-miniature__price {
    font-weight: 700;
    font-size: 1rem;
}

/* Bouton add-to-cart compact */
.vtjmega-rail .add-to-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
}

/* Petites retouches */
.vtjmega-rail .product-flags {
    display: none;
}

/* optionnel: masque badges pour épurer */
.vtjmega-rail .thumbnail-container {
    margin: 0;
}

/* annule marges thème dans la carte horizontale */


/* Offcanvas mobile VTJ menu */
#vtjmenuMobile .list-group-item {
    border: none;
}

#vtjmenuMobile .material-icons {
    font-size: 20px;
}

#vtjmenuMobile .vtjpanel {
    min-height: 100%;
}

#vtjmenuMobile .vtjpanel.show {
    display: block;
}

/* Cache l'entête quand un sous-panneau est affiché */
#vtjmenuMobile.vtj-sub-open .offcanvas-header {
    display: none;
}