/*
Theme Name: Imroz Child
Theme URI: http://rainbowit.net/themes/imroz
Template: imroz
Author: Rainbow-Themes
Author URI: http://rainbowit.net/
Description: Welcome to Imroz Child WordPress Creative Agency, Portfolio and Corporate Multi-Purpose Theme Build With Elementor Page Builder!!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: imroz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* =============================================
   CORRECTIONS HEADER PAGES WOOCOMMERCE
   (Panier, Commande, Mon Compte, Produits)
   Problème : header transparent avec liens blancs
   sur fond clair rend le menu invisible
   ============================================= */

/* Forcer un fond sombre sur le header des pages WooCommerce */
.woocommerce-page .header-area.header--transparent:not(.sticky),
.woocommerce-cart .header-area.header--transparent:not(.sticky),
.woocommerce-checkout .header-area.header--transparent:not(.sticky),
.woocommerce-account .header-area.header--transparent:not(.sticky) {
    background-color: #1a1a2e !important;
}

/* Rendre les liens du menu visibles (blanc sur fond sombre) */
.woocommerce-page .header-area.header--transparent:not(.sticky) .mainmenunav a,
.woocommerce-cart .header-area.header--transparent:not(.sticky) .mainmenunav a,
.woocommerce-checkout .header-area.header--transparent:not(.sticky) .mainmenunav a,
.woocommerce-account .header-area.header--transparent:not(.sticky) .mainmenunav a {
    color: #ffffff !important;
}

/* Icône panier visible */
.woocommerce-page .header-area.header--transparent:not(.sticky) .rbt-mini-cart-wrap a,
.woocommerce-cart .header-area.header--transparent:not(.sticky) .rbt-mini-cart-wrap a,
.woocommerce-checkout .header-area.header--transparent:not(.sticky) .rbt-mini-cart-wrap a,
.woocommerce-account .header-area.header--transparent:not(.sticky) .rbt-mini-cart-wrap a {
    color: #ffffff !important;
}

/* Icône de la lune / switcher visible */
.woocommerce-page .header-area.header--transparent:not(.sticky) .my_switcher,
.woocommerce-cart .header-area.header--transparent:not(.sticky) .my_switcher,
.woocommerce-checkout .header-area.header--transparent:not(.sticky) .my_switcher,
.woocommerce-account .header-area.header--transparent:not(.sticky) .my_switcher {
    color: #ffffff !important;
}

/* Bouton hamburger menu visible */
.woocommerce-page .header-area.header--transparent:not(.sticky) .humberger-menu button,
.woocommerce-cart .header-area.header--transparent:not(.sticky) .humberger-menu button,
.woocommerce-checkout .header-area.header--transparent:not(.sticky) .humberger-menu button,
.woocommerce-account .header-area.header--transparent:not(.sticky) .humberger-menu button {
    color: #ffffff !important;
}

/* =============================================
   CORRECTIONS HERO / BREADCRUMB PAGES WOOCOMMERCE
   Problème : zone titre avec image de fond claire
   rend le texte (blanc) invisible
   ============================================= */

/* Ajouter un overlay sombre sur le breadcrumb des pages WooCommerce */
.woocommerce-page .breadcrumb-area::before,
.woocommerce-cart .breadcrumb-area::before,
.woocommerce-checkout .breadcrumb-area::before,
.woocommerce-account .breadcrumb-area::before {
    background-color: rgba(26, 26, 46, 0.75) !important;
    z-index: 0 !important;
}

/* S'assurer que le contenu du breadcrumb est au-dessus de l'overlay */
.woocommerce-page .breadcrumb-area .container,
.woocommerce-cart .breadcrumb-area .container,
.woocommerce-checkout .breadcrumb-area .container,
.woocommerce-account .breadcrumb-area .container {
    position: relative;
    z-index: 1;
}

/* Forcer la couleur blanche du titre et du fil d'Ariane */
.woocommerce-page .breadcrumb-area h1,
.woocommerce-cart .breadcrumb-area h1,
.woocommerce-checkout .breadcrumb-area h1,
.woocommerce-account .breadcrumb-area h1 {
    color: #ffffff !important;
}

.woocommerce-page .breadcrumb-area .breadcrumb-inner ul li,
.woocommerce-cart .breadcrumb-area .breadcrumb-inner ul li,
.woocommerce-checkout .breadcrumb-area .breadcrumb-inner ul li,
.woocommerce-account .breadcrumb-area .breadcrumb-inner ul li,
.woocommerce-page .breadcrumb-area .breadcrumb-inner ul li a,
.woocommerce-cart .breadcrumb-area .breadcrumb-inner ul li a,
.woocommerce-checkout .breadcrumb-area .breadcrumb-inner ul li a,
.woocommerce-account .breadcrumb-area .breadcrumb-inner ul li a {
    color: rgba(255, 255, 255, 0.8) !important;
}