/*
Theme Name: Hello Elementor Child
Theme URI: https://qwery.fr/
Description: Hello Elementor Child Theme
Author: Qwery
Author URL: https://qwery.fr/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */
:root {
    --main-qwery-color: #E88B00;
    --main-qwery-color-lighter: #FFB039;
    --main-typo: Figtree, sans-serif;
}


@media (max-width: 768px) {
    body {
        padding-top: 40px;
    }
}


.archive-description .description-text {
    max-height: 48px; /* Hauteur maximale de la description tronquée */
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  .archive-description .description-text.expanded {
    max-height: none; /* Déplie la description pour montrer le texte complet */
  }
  
  .archive-description .toggle-description {
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    display: block;
  }
  
  .archive-description .toggle-description:hover {
    color: #fff;
  }


/* MEGA MENU */

/* Style de base pour le méga menu */
.mega-menu {
    list-style-type: none;
    padding-left: 0;
    display: flex; /* Catégories principales alignées horizontalement */
}

.mega-menu-item {
    position: relative; /* Nécessaire pour positionner le sous-menu par rapport au parent */
    margin-right: 20px;
}

.mega-menu-item > a {
    display: block;
    padding: 10px 15px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.mega-menu-item > a:hover {
    background-color: #005177;
}

/* Sous-menu pour afficher les sous-catégories */
.mega-submenu {
    display: none; /* Caché par défaut */
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f1f1f1;
    padding: 15px;
    min-width: 300px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 999; /* S'assurer que le sous-menu est au-dessus des autres éléments */
}

/* Style pour les sous-catégories et sous-sous-catégories */
.mega-submenu-item {
    margin-bottom: 10px;
}

.mega-submenu-item > a {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}

.mega-submenu-item > a:hover {
    color: #0073aa;
}

/* Afficher le sous-menu au survol de la catégorie principale */
.mega-menu-item:hover .mega-submenu {
    display: flex; /* Afficher en colonnes */
    flex-wrap: wrap;
}

/* Pour chaque sous-menu afficher les éléments sous forme de colonnes */
.mega-submenu > li {
    width: 33.33%; /* Affichage en 3 colonnes */
}




/* Menu custom by Qwery */

#menu-primary nav,
#menu-primary nav > ul {
    width: 100%;
}

#menu-primary nav > ul > li.menu-item {
    position: unset;
}

#menu-primary nav > ul > li.menu-item > ul.sub-menu{
    position: absolute;
    left: 0;
    right: 0;
}


#menu-primary nav > ul > li.menu-item > ul.sub-menu > li{
    width: 33%;
    display: inline-block;
}



/* Bloc produit similiare */

.elementor-widget-woocommerce-products ul.products li.product .add_to_cart_button {
    display: none;
}




/* Ventes croisées sur le panier */
#qwery-cross-sells-on-cart > li {
    font-family: Figtree;
    display: flex;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid rgb(213, 216, 220);
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
    justify-content: space-between;
    align-items: center;
}

#qwery-cross-sells-on-cart > li > a.woocommerce-LoopProduct-link {
    display: flex;
    align-items: center;
    width: 80%;
    font-family: var(--main-typo);
}

#qwery-cross-sells-on-cart > li > a.woocommerce-LoopProduct-link > img {
    width: 60px;
    height: 60px;
    margin-right: 30px;
    margin-bottom: 0;
}

#qwery-cross-sells-on-cart > li > a.woocommerce-LoopProduct-link > * {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 0px;
}

#qwery-cross-sells-on-cart > li > a.add_to_cart_button {
    margin-top: 0px;
    font-weight: bold !important;
    color: var(--main-qwery-color) !important;
    font-family: var(--main-typo);
}



@media (max-width: 768px) {

    #qwery-cross-sells-on-cart > li {
        width: 100%;
        flex-direction: column;
    }

    #qwery-cross-sells-on-cart > li > a.woocommerce-LoopProduct-link{
        width: 100%;
    }
}


/* PANIER - Calculateur prix expédition */
tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator a.shipping-calculator-button{
    font-weight: bold !important;
    color: var(--main-qwery-color) !important;
}

#shipping_method > li > label {
    color: var(--main-qwery-color-text) !important;
    font-family: var(--main-typo);
}

div.cart_totals.calculated_shipping {
    font-family: var(--main-typo);
}

/* PANIER - Code promo */
button.e-apply-coupon {
    font-size: 15px;
    font-family: var(--main-typo);
}




/* Produits liés sur la fiche produit */
#qwery-cross-sells-on-cart {
    font-family: Figtree;
}

#qwery-cross-sells-on-cart > h2 {
    font-weight: 700;
    margin-bottom: 0.6em;
    color: var(--main-qwery-color-text);
}

#qwery-cross-sells-on-cart > ul.products-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

#qwery-cross-sells-on-cart > ul.products-list > li.product {
    width:23%;
    float: none;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}

#qwery-cross-sells-on-cart > ul.products-list > li.product > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 0 20px;
    color: var(--main-qwery-color-text);
}

#qwery-cross-sells-on-cart > ul.products-list > li.product > a > h3 {
    font-size: 1em;
    font-weight: 700;
    font-family: var(--main-typo);
}

#qwery-cross-sells-on-cart > ul.products-list > li.product > a > img {
    height: 200px;
    object-fit: contain;
    margin: 0 auto 20px;
}

#qwery-cross-sells-on-cart > ul.products-list > li.product > .price {
    color: var(--main-qwery-color);
    padding: 0 20px;
    font-size: 1em;
    font-weight: 700;
    font-family: var(--main-typo);
}



/* COMMANDE */

button.woocommerce_checkout_place_order,
button#place_order {
    border: 0px;
    color: #fff;
}

button.woocommerce_checkout_place_order:hover,
button#place_order:hover {
    background-color:  #cf7c00 !important;
}

@media (max-width: 768px) {
 /* Nothing */
}


/* Floating CTA */

#floating-cta.dark > div > a{
    background-color: #333;
    color: #fff;
}

#floating-cta.dark > div > a:hover {
    background-color: #E88B00;
}

#floating-cta.dark > div > a .elementor-heading-title {
    color: #fff;
}

#floating-cta.dark > div > a svg {
    fill: none;
}
#floating-cta.dark > div > a svg > path {
    stroke: #fff;
}



/* MENU */

#menu-1-5081897 a {
    transition: all 0.3s;
}
#menu-1-5081897 a:hover {
    color: var(--main-qwery-color-lighter);
}

ul.qwery-shortcode-menu{
    list-style: none;
    color: #161616;
    padding: 0;
    margin: 0;
}

ul.qwery-shortcode-menu a {
    font-family: var(--main-typo);
    color: #161616;
    transition: all 0.3s;
}

ul.qwery-shortcode-menu a:hover {
    color: var(--main-qwery-color-lighter);
}

.qwery-shortcode-menu-parent-link {
    font-weight: 700;
    margin-bottom: 10px;
}