/*
Theme Name: Le Laboratoire du Gobe Cerise - Astra Child
Description: Theme enfant pour le site Le Laboratoire du Gobe Cerise
Author: Marie-Charlotte Daureu
Author URI: https://lelabo.delautrecotedubois.com
Template: astra 
Version: 0.1.0
*/


@font-face {
  font-family: "CaviarDreams";
  src: url('CaviarDreams.ttf');
}
@font-face{
  font-family: "TrashHand";
  src: url('TrashHand.ttf');
}
.title.entry-title{
  font-family: "CaviarDreams";
  text-transform: uppercase;
}
.trash h2{
  font-family: "TrashHand";
  font-size: xxx-large;
}
.trash p{
  font-family: caviardreams;
}
.site-title a{
  font-family: "CaviarDreams";
}
.ast-single-entry-banner .entry-title{
    font-family: "CaviarDreams";
    text-transform: uppercase;
    font-size: xxx-large;
    font-weight: bold;
}

p, .entry-content p {
  margin-bottom: 1em;
}
.justify{
  text-align:justify;
}
.ast-container {
  max-width: 100%;
  padding: 0;
}
.ast-separate-container .ast-woocommerce-container {
  padding: 2%;
}
.ast-separate-container #primary {
  padding: 0;
  margin: 0;
  border: 0;
}

/* WOOCOMMERCE */
.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  margin-bottom: 0px;
  padding: 0;
  font-size: 1em;
}
.products .loop-product-categories{
  margin-bottom:5px;
}

/*menu catégories*/
#secondary h2 {
  font-size: 1.4rem;
  background: var(--ast-global-color-2);
  color: white;
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
}
#block-8{
  margin-bottom:0px; /*corriger marge titre menu lateral*/
}

/* Toutes les catégories top-level en majuscules + bold */
#secondary .wc-block-product-categories-list > .wc-block-product-categories-list-item > a {
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom:;
}
.wc-block-product-categories-list .wc-block-product-categories-list--depth-1{
  margin-top: 0.75em;

}
/* Sous-catégories (niveau 2+) en minuscules et indentées */
#secondary .wc-block-product-categories-list-item ul a {
    text-transform: none!important; /* réinitialisation pour les enfants */
    padding-left: 15px;
}
/* Flèche pour les sous-catégories */
#secondary .wc-block-product-categories-list-item ul a::before {
    content: "→ "; /* flèche Unicode */
    margin-right: 5px; /* espace entre flèche et texte */
    color: #666;       /* couleur de la flèche */
    font-size: 0.9em;  /* optionnel : légèrement plus petit que le texte */
}
.widget_nav_menu .menu a{
  font-weight: bold;
}


/*pages woocommerce trop larges moches*/
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
    max-width: 1200px; /* largeur souhaitée */
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}

/*tabs description*/
.woocommerce-js div.product .woocommerce-tabs {
  background:white;
  padding-top:0px;
  margin-bottom: 4em;
  width: 100%;
}
.woocommerce-js div.product .woocommerce-tabs .panel {
  margin: 0 0 1.2em;
  padding: 0px 20px 20px 20px;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: .5em;
  font-weight: 700;
  color: #383838;
  text-decoration: none;
}
/*efface bordure tab grise moche*/
/*.woocommerce-js div.product .woocommerce-tabs ul.tabs::before {
  background-color: transparent; 
}*/
.sku_wrapper{
  display:none!important; /*retire le UGS ND*/
}

.related.products .ast-woo-product-category{
  display: none!important; /*évite le doublon non clicable des produits liés*/
}

/* produits similaires par 3 au lieu de 4 colones*/
/*.woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid) {
  grid-template-columns: repeat(3,1fr);
}*/
/*
.up-sells, .related .products{
  max-width: 1200px;
  margin:auto;
}*/

/*affichage des class liivraison */
.wc-block-components-totals-shipping .wc-block-components-totals-item__label {
  flex-grow: 1;
  font-style: italic;
  font-size: small;
}
.wc-block-components-totals-shipping .wc-block-components-formatted-money-amount{
  /*font-weight: bold;*/
}

.wp-block-woocommerce-accordion-item .accordion-item__heading button{
  border: lightgrey solid 1px;
  padding: 10px;
}
.wp-block-woocommerce-accordion-item .accordion-item__heading button:hover, .wp-block-woocommerce-accordion-item .accordion-item__heading button:active, .wp-block-woocommerce-accordion-item .accordion-item__heading button:focus{
  color: #000000;
  background-color: transparent;
  border-color: transparent;
  border: black solid 1px;
  padding: 10px;
}

/************ ATTENTION COPIER COLLER EN DESSOUS, A TRIER *********************/

/*LES HEADERS IMAGES DES DIFFERENTES PAGES*/
.wp-block-cover{
  min-width: 100%!important;
}
.home.page-template-default .ast-single-entry-banner[data-post-type="page"] {
  min-height: 100vh;
}
.page-template-default .ast-single-entry-banner[data-post-type="page"] {
  min-height: 30vh;
}
.blog .home .ast-single-entry-banner[data-post-type="page"] {
  min-height: 50vh;
}
/*MENU*/
.main-header-menu .menu-link, .main-header-menu > a {
  padding: 0 0.6em; /*reduit le padding par defaut*/
}
.site-header .site-branding {
  flex-direction: row!important;
}
.site-header-section > div:last-child {
  padding-right: 10px;
}
.ast-logo-title-inline .ast-site-identity {
  padding: 1em; /*ajoute une marge a gauche du logo*/
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
  line-height: 0px; /*retirer l'espace quand ça revient à la ligne car trop long*/
}

/*MENU BOUTIQUE*/

/*corriger la fleche du menu deroulant trier par qui est sous le texte*/
.woocommerce-js .variations select, .woocommerce-js .woocommerce-ordering select {
  padding: .5em;
  padding-right: 1.5em;
}

/* Style pour icônes menu WooCommerce */
.menu-item.cart-icon,
.menu-item.account-icon {
  display: inline-block;
  margin-left: 12px;
  position: relative;
}

.menu-item.cart-icon a,
.menu-item.account-icon a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

/* Icône Dashicon visible et bien dimensionnée */
.dashicons {
  font-size: 22px;
  line-height: 1;
  vertical-align: middle;
}

/* Badge du compteur de panier */
.cart-count {
  position: absolute;
  top: -6px;
  right: -10px;
  background: #e63946;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  padding: 2px 6px;
  line-height: 1;
  min-width: 16px;
  text-align: center;
}

/* Effet au survol */
.cart-contents:hover .dashicons,
.account-icon:hover .dashicons {
  color: var(--ast-global-color-0);
}

/*page mon compte*/
.woocommerce-account .site-content , .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation{
  padding:20px;
}


/*LES BLOGS TEMOIGNAGES*/
.page .elementor-testimonial-wrapper .elementor-testimonial-content {
  font-size: 0.8em;
  margin-bottom: 20px;
  background: beige;
  padding: 20px;
  border-radius: 10px;
}

/*BLOG*/
.blog .ast-container, .archive .ast-container {
  padding: 20px;
}
.ast-separate-container .ast-article-inner, .ast-separate-container .ast-blog-layout-4-grid .ast-article-inner, .ast-plain-container .ast-blog-layout-4-grid .ast-article-inner {
  background-color: white;
}
.blog #comments .submit, .archive #comments .submit{
  background-color:#ffab5c;
}
.blog p, .blog .entry-content p, .single-post .ast-article-single p {
  text-align: justify;
}
.read-more a{
  background-color: #ffab5c;
  color: white;
  padding: 10px;
}
.read-more a:hover{
  background-color: #c95654;
}

/*FOOTER*/
/*lien dans encadré bleu orange au lieu de rouge*/
.uagb-cta__desc a{
  color:var(--ast-global-color-1);
}
.uagb-cta__desc a:hover{
  color:var(--ast-global-color-0);
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
  max-width: 100%;
}
.footer-widget-area .wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-a04e5cf9 > .uagb-container-inner-blocks-wrap {
  --inner-content-custom-width: 100%;
}
  /* Toutes les catégories top-level en majuscules + bold */
  #nav_menu-3 .menu-item > a {
      text-transform: uppercase;
      font-weight: bold;
      padding-bottom:;
  }

  /* Sous-catégories (niveau 2+) en minuscules et indentées */
  #nav_menu-3 .sub-menu .menu-item a {
      text-transform: none!important; /* réinitialisation pour les enfants */
      padding-left: 15px;
  }
  /* Flèche pour les sous-catégories */
  #nav_menu-3 .sub-menu .sub-menu .menu-item a::before {
      content: "→ "; /* flèche Unicode */
      margin-right: 5px; /* espace entre flèche et texte */
      color: #666;       /* couleur de la flèche */
      font-size: 0.9em;  /* optionnel : légèrement plus petit que le texte */
  }



@media (min-width: 922px) {
  /*pour que la page boutique s'affiche pas en container réduit, corrige astra*/
  .ast-woo-shop-archive .site-content > .ast-container {
    max-width: 100%;
  }
  /* Sidebar sticky (position: sticky) */
  .ast-left-sidebar #secondary {
    padding-right: 30px;
    width: 25%;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    align-self: flex-start;
    top:20px;
  }

  /* Assure que le parent n'a pas overflow bloquant pour le sticky*/
  .ast-left-sidebar .ast-row,
  .ast-left-sidebar .ast-container {
      overflow: visible;
  }

 .ast-left-sidebar #primary {
    padding-left: 30px;
    width: 75%;
  }
}
#secondary, #primary{
  margin:0;
}

/*CORRECTIONS SUR MOBILE*/
@media (max-width: 1200px) {
  .ast-separate-container .entry-content > .alignfull, .ast-separate-container .entry-content[ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content .alignfull {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 921px) {
  #masthead .ast-mobile-header-wrap .ast-above-header-bar {
    padding:10px;
  }
  .ast-mobile-header-content > * {
    padding: 0px 10px;
  }
  body .ast-logo-title-inline .ast-site-identity {
    padding: 10px;
  }
  .page-template-default .ast-single-entry-banner[data-post-type="page"] {
    min-height: 25vh;
  }
  .ast-header-break-point .ast-builder-layout-element[data-section="section-hb-social-icons-1"] {
    display: flex;
    background: #ffab5c;
    padding: 10px;
    justify-content: center;
  }
  .ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg {
    fill: #c95654!important;
  }
  .site-primary-footer-inner-wrap .nav_menu-3{
    text-align: center;
  }
    .site-primary-footer-inner-wrap .nav_menu-3 .widget_nav_menu ul ul.sub-menu li {
    padding-left: 0;
  }
  .footer-nav-wrap{
    margin-bottom:5%;
  }
  .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
    color: var(--ast-global-color-0);
    background: var(--ast-global-color-5);
  }
  #nav_menu-3{
    padding:5%;/*pour que le menu du bas e soit pas collé aux bords*/
  }
  .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
    padding-left: 10px;
    padding-right: 10px;
  }

}

@media (max-width: 768px) {
    /* Parent container en colonne normale */
    .ast-container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Sidebar avant le contenu */
    .ast-left-sidebar #secondary,
    .ast-right-sidebar #secondary {
        order: -1 !important;
        width: 100% !important; /* prend toute la largeur sur mobile */
        margin-bottom: 20px;
    }

    /* Contenu principal */
    #primary {
        order: 0 !important;
        width: 100% !important;
    }

    /* Si sticky voulu */
    /*#secondary {
        position: sticky;
        top: 0;
        z-index: 10;
    }*/
}

@media (max-width: 544px) {
  .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    display: block;
    margin-right: 0;
    border-bottom: 1px solid lightgray;
  }
  .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a{
    color:#981f41;
  }
  .footer-widget-area .wp-block-uagb-call-to-action{
    padding: 10px;
  }
  .footer-widget-area .uagb-block-22b2019b .uagb-cta__wrap {
    width: 100%;
  }
  .woocommerce-js div.product div.summary {
    margin-bottom: 0em;
  }
  .footer-widget-area .menu-menu-principal{
    text-align: center;
  }
}