/* 
Theme Name: montheme cassiopeias
Template: hello-elementor
*/

:root {
    --clr-primary: black;
    --clr-text: white;
    --clr-secondary: #9e45c0;
}

body {
    overflow-x: hidden;
}

.site-header {
    padding-block: 0;
    transition: opacity 0.3s ease; /* Ajouté pour la fluidité */
}

.site-footer {
    display: none;
}

/*fil d'ariane*/
.woocommerce .woocommerce-breadcrumb {
    margin: 1em 0;
}
/*
.site-navigation-toggle {
    background-color: rgb(151, 151, 151) !important;
}

.site-header .site-navigation ul.sub-menu li a {
    display: block;
    width: 100%;
    color: black !important;
    text-align: start;
}

.site-header .site-navigation ul.sub-menu li a:hover {
    background-color: #e0dfdf;
}

.site-header .site-navigation ul.sub-menu li {
    padding-inline-end: 0 !important;
}

.site-header .site-navigation ul.sub-menu li::after {
    display: none !important;
}
*/
/* Boutique */
.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce ul.products li.product a img {
    height: 8rem;

    @media (width > 780px) {
        height: 14rem;
    }

    object-fit: contain;
    margin: 0;
}

/* Nom du produit */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    color: #9e45c0;
    font-size: 1.2rem;

    &:hover {
        color: var(--clr-primary);
    }
}

/* Ajouter au panier */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    color: white;
    background-color: var(--clr-primary);
}

.woocommerce ul.products li.product .button {
    display: block;
    text-align: center;
}

/* Prof */
/* .woocommerce ul.products {
    display: grid;
    float: none;
    gap: 1rem;
    &::before {
        display: none;
    }
}
.woocommerce ul.products.columns-4 {
    @media (width > 780px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (width > 1190px) {
        grid-template-columns: repeat(4, 1fr);
    }
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    float: none;
    margin: 0;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0;
    float: none;
    width: 100%;
} */
/* prof fi, */

/* Carte produit */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    padding: 12px;
    border-radius: 0 10px 0 10px;
    /* border: 2px solid; */
    box-shadow: 0 0 6px;
}

.alignwide {
    margin-inline: 0;
}

/* Champs recherche */
.search-form {
    display: flex;
    padding: 0 3%;

    label {
        flex: 1;
    }

    .search-field {
        color: white;
        border: 0;
        border-radius: 0;
        background: transparent;
        background-color: rgba(255, 255, 255, 0.2);
        &:focus-visible {
            outline: none;
        }
        &::placeholder {
            color: rgba(255, 255, 255, 0.603);
        }
    }

    .search-submit {
        display: none;
    }
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #ddd !important;
    padding: 18px 15px !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    text-decoration: none !important;
    color: #333 !important;
    font-weight: 500 !important;
}

/* 5. Style de l'élément actif */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #9e45c0 !important; 
    font-weight: bold !important;
}

.entry-title {
    margin-top: 5% !important; /* Ajustez 50px selon la taille souhaitée */
    margin-bottom: 3% !important; /* Optionnel : pour ajouter de l'espace en dessous aussi */
}

/* Appliquer l'opacité au survol sur tous les liens du menu principal */
.site-navigation .menu li a:hover {
    opacity: 0.85 !important;
    transition: opacity 0.3s ease !important; /* Ajoute une transition douce */
}

.search-results .site-main {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* force une grille propre WooCommerce */
.search-results.woocommerce ul.products,
.search-results ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    padding: 0;
}

/* reset des anciens styles WooCommerce */
.search-results ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.woocommerce-cart .wc-block-grid__products {
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================
   PRODUITS SUGGÉRÉS PANIER
========================= */

/* TITRE PRODUIT */
.woocommerce-cart .wc-block-grid__product-title {
    color: blue;
    text-decoration: none !important;
}

/* enlever soulignement sur les liens produits */
.woocommerce-cart .wc-block-grid__product-link {
    text-decoration: none !important;
}

/* hover titre produit */
.woocommerce-cart .wc-block-grid__product-link:hover .wc-block-grid__product-title {
    color: black !important;
}

/* PRIX */
.woocommerce-cart .wc-block-grid__product-price {
    color: var(--clr-primary);
}

/* BOUTON */
.woocommerce-cart .wc-block-grid__product-add-to-cart a {
    background-color: var(--clr-primary) !important;
    color: white !important;
    border-radius: 3px;
    padding: 10px 12px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
}

/* hover bouton */
.woocommerce-cart .wc-block-grid__product-add-to-cart a:hover {
    opacity: 0.85;
    text-decoration: none !important;
}


.woocommerce-cart .wc-block-grid__products { gap: 20px; }

/* NEWSLETTER */
#wpforms-673 .wpforms-field-label {
    color: #9e45c0 !important;
}

/* CONTACT */
#wpforms-379 .wpforms-field-label {
    color: #9e45c0 !important;
}

footer p {
    margin-bottom: 0;
}
/* --- CORRECTION MENU DÉROULANT --- */

/* 1. Texte en GRIS par défaut (non survolé) */
.site-header .site-navigation ul.sub-menu li a {
    color: #555555 !important; /* Couleur grise */
    background-color: #ffffff !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
}

/* 2. Texte en NOIR au survol (et fond blanc) */
.site-header .site-navigation ul.sub-menu li a:hover {
    background-color: #ffffff !important; /* Fond reste blanc */
    color: #9e45c0 !important;           /* Texte devient noir */
    outline: none !important;            
    box-shadow: none !important;         
}

/* 3. Suppression des flèches et nettoyage */
.site-header .site-navigation ul.sub-menu li a::after,
.site-header .site-navigation ul.sub-menu li::after,
.site-header .site-navigation .menu-item-has-children > a::after {
    display: none !important;
}

/* 4. Nettoyage de l'encadré au survol du bloc LI */
.site-header .site-navigation ul.sub-menu li {
    background: none !important;
    border: none !important;
}

/* Fibosearch container */
.dgwt-wcas-search-wrapp {
    max-width: 100% !important;
    background-color: #565656 !important;
}

/* Fibosearch input */
.dgwt-wcas-search-input {
    color: white;
    background-color: #5b5858 !important;
    border: none !important;
    &::placeholder {
        color: rgba(255, 255, 255, 0.486);
    }
}