/*
Theme Name: Astra Child
Theme URI: https://siamtraditions.fr
Description: Thème enfant pour Astra
Author: Ton Nom
Author URI: https://siamtraditions.fr
Template: astra
Version: 1.0.0
*/

/* Note: The CSS files are loaded from assets/css/ folder. */

@import url('https://fonts.googleapis.com/css2?family=Courgette:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comic Neue:wght@400;700&display=swap');
/* Indie Flower */

@import url('css-blog.css');
@import url('css-woocommerce.css');

body.woocommerce-shop .ast-archive-description {
  border-bottom: 1px solid #fff !important;
}

/* ************************************************************************************************** */

@media (max-width: 1200px) {
    .ast-separate-container .entry-content > .alignfull, .ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content .alignfull {
        margin-left: 0px !important;
        margin-right: 0px !important; 
    }
}

/* .wp-block-woocommerce-checkout {
    margin: 
    padding-top: 60px !important;
} */

@media (max-width: 768px) {
  .wp-block-woocommerce-cart {
    margin-top: -40px !important;
  }
}

.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 10px !important;
    margin-bottom: 2px !important;   
}

/* Bloc récapitulatif total panier */
.wp-block-woocommerce-cart-totals-block {
  border: 1px solid #e0e0e0; /* bordure légère */
  border-radius: 10px; /* coins arrondis */
  padding: 30px 15px 15px 15px !important;
  /* background: #fafafa;  fond légèrement gris */
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);  petite ombre */
  font-size: 0.9em !important;
}
@media (min-width: 1200px) {
  .wp-block-woocommerce-cart-totals-block {
    width: 33% !important;
    margin-left: 22px !important; 
  }
}

/* Bouton de validation panier */
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button {
  border-radius: 30px;
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover {
    border-color: #2F6EAE;
    box-shadow: 0 0px 30px rgba(0,0,0,0.08);
}

.wc-block-cart-item__image img {
    border-radius: 8px;
    border: 1px solid: eee;
}

/* .wc-block-mini-cart__drawer * {
  outline: 1px solid red !important;
} */

.wc-block-mini-cart__drawer .wc-block-cart-item__image img { width: 80px !important; }
.wc-block-mini-cart__drawer .wc-block-cart-item__product { padding-left: 20px !important }

@media (min-width: 768px) {
  .wc-block-cart-item__image {
    width: auto !important; /* libère la largeur */
    flex: none !important;  /* empêche le flex de forcer la taille */
  }
  .wc-block-cart-item__image img {
    all: unset !important;
    width: 180px !important;
    height: auto !important;
    display: block !important;
    margin: 0px !important;
  }
.wc-block-mini-cart__drawer .wc-block-cart-item__image img { width: 120px !important; }
.wc-block-mini-cart__drawer .wc-block-cart-item__product { padding-left: 60px !important }
}

@media (max-width: 767px) {
  /* Conteneur de l'image : largeur fixe sur mobile */
  .wc-block-cart-item__image {
    width: 120px !important; /* taille réduite */
    flex: none !important;
  }

  /* Image adaptée à la largeur du conteneur */
  .wc-block-cart-item__image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 6px;
  }

  /* Ajoute un petit espace entre l'image et le texte */
  .wc-block-cart-item__image {
    padding-right: 15px !important;
  }

  /* Forcer le texte à bien se placer à côté */
  .wc-block-cart-items__row {
    display: flex !important;
    align-items: flex-start;
  }
  .wc-block-mini-cart__drawer .wc-block-cart-item__image img { width: 120px !important; }
}

/* Séparateur discret entre chaque article du panier */
.wc-block-cart-items__row {
  border-bottom: 1px solid #e0e0e0; /* séparateur gris clair */
}

/* Neutralisation totale des marges/paddings */
.wp-block-woocommerce-cart-items-block,
.wp-block-woocommerce-cart-items-block > *,
.wc-block-cart-items__row,
.wc-block-cart-items__row > * {
  margin: 0 0 15px !important;
  padding: 15px 0 0 0 !important;
  gap: 0 !important;
}


/* ************************************************************************************************** */

/* *********************** a changer de fichier */
.woocommerce-message {
    border-radius: 10px;
    font-weight: 500;
    background: #e8f7e8;
    border-left: 5px solid #4CAF50;
    color: #2e7d32;
}

/* ************************ page mon compte ********* */

.woocommerce-dashboard-custom  {
    border: 1px solid #eee;
    border-radius: 6px;
    background: #fefefe;
    padding: 20px 20px 10px 20px !important;
    margin-bottom: 15px
}
.woocommerce-dashboard-custom h3 {
    font-family: 'Comic Neue', sans-serif;
}
.woocommerce-dashboard-custom p {
    margin: 10px 0 !important;
}

.woocommerce-Address-title {
    border-radius: 6px;
}

/* ******* ********* ************* *********** ******* */
.ast-right-sidebar #primary {
         padding-right: 0px;
}

@media (max-width: 922px) {
  .woocommerce .ast-container { 
    padding-left: 20px !important; 
    padding-right: 20px !important; 
  }
}
@media (max-width: 768px) {
  .woocommerce .ast-container { 
    padding-left: 8px !important; 
    padding-right: 8px !important; 
  }
}

.woocommerce .page-title {
    margin-bottom: 10px !important;
    font: normal 1.7em Roboto, sans-serif !important;
}

@media (min-width: 922px) {
   .ast-right-sidebar #secondary {
      border-left: 1px solid  #fff;
      margin-left: -1px;
   }
  .woocommerce .content-area { 
    padding-left: 2px !important; 
  }
}

.woocommerce .ast-right-sidebar #primary::before {
   /* content: none !important; */
}

@media (min-width: 922px) {
 .woocommerce .widget-area {
    padding-left: 30px !important;
    padding-right: 0 !important;
  } 
}

.woocommerce-result-count {
    padding-left: 10px !important;
}

.woocommerce .woocommerce-ordering {
    margin-bottom: 0px !important;
}

/* Border arrondi autour de chaque produit */
.woocommerce ul.products li.product {
    border: 1px solid #e5e5e5; 
    border-radius: 10px; 
    padding: 0 8px;
    background: #fff;
    transition: all 0.3s ease;
    margin-bottom: 2px !important;
}

.woocommerce ul.products li.product:hover {
    border-color: #2F6EAE;
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.woocommerce ul.products {
    gap: 5px !important; /* espace entre les cartes produits */
}

.woocommerce ul.products li.product .astra-shop-summary-wrap { 
  margin-top: -16px !important; 
}

.woocommerce ul.products li.product .price {
    color: #667;
    font-style: italic;
    font-weight: normal;
    border-radius: 4px;
    background: #f3f3fa;
    display: inline;
    padding: 4px 6px !important;
    margin: 2px 36% !important;
}

.woocommerce ul.products li.product .star-rating {
   /* color: #fffed6;  couleur des étoiles */
}

/* Style global pour les boutons "Ajouter au panier" */
.woocommerce ul.products li.product .button {
    display: block; 
    width: 80%; 
    margin: 8px auto !important;  
    padding: 8px 12px 10px 12px;
    text-align: center;
    background-color: #3481cf;
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 30px;
    transition: all 0.3s ease;
    font-size: 0.9em;
    white-space: nowrap;
}

/* Effet au survol */
.woocommerce ul.products li.product .button:hover {
    background-color: #005bb5; 
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

/* ************************************************************************ */
/* ********************* pagging boutique ********************************* */

/* Container de la pagination */
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 4px;
  border: none;
  background: #fff;
}

.woocommerce nav.woocommerce-pagination ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  border: none !important;
  background: #fff;
}

.woocommerce-js nav.woocommerce-pagination ul li {
  border: none;
}

/* Chaque bouton */
.woocommerce nav.woocommerce-pagination ul li {
  margin: 0;
  padding: 0;
}

/* Liens */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
 margin: 0 2px !important;
  display: block;
  padding: 10px 18px 6px 18px;
  font-size: 1em;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease;
  border-right: 1px solid #e0e0e0;
}

/* Supprimer le bord du dernier */
.woocommerce nav.woocommerce-pagination ul li:last-child a {
  border-right: none;
}

/* Page active */
.woocommerce nav.woocommerce-pagination ul li .current {
  background: #0073e6;
  color: #fff;
  font-weight: bold;
}

/* Hover */
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #0073e6;
  color: #fff;
}

/* Icônes Précédent/Suivant */
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
  font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span {
    padding: 8px 12px;
    font-size: 12px;
  }
  .woocommerce nav.woocommerce-pagination ul {
    width: 100% !important;
    padding-bottom: 0px !important;
  }
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span {
    padding: 7px 18px 9px 12px !important;
    font-size: 1em !important;
  }
}


/* ***************** info rupture de stock ******************** */

.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link::after {
    content: "Alerte dispo";
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,0.4);
    padding: 3px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

/* ****************** popup modalité livraison - retour ************ */

/* --- Style global du popup --- */
.st-modal {
  display: none; /* caché par défaut */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 15px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6); /* fond semi-transparent */
  backdrop-filter: blur(3px); /* petit flou élégant */
}

/* --- Contenu du popup --- */
.st-modal-content {
  background: #fff;
  max-width: 400px;
  margin: 10% auto;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  line-height: 20px;
}

.st-modal-content h3 {
  padding: 0 0 6px 0 !important;
}

.st-modal-content p {
  padding: 8px 0 !important;
}

/* --- Bouton fermer --- */
.st-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  color: #333;
  transition: color 0.2s ease;
}

.st-modal-close:hover {
  color: #d83c3c;
}

/* ********************************* Siderbar woocommerce ************* */

/* ************ bloc presentation artisans ************ */
.sidebar-artisans {
  background: url('https://siamtraditions.fr/wp-content/uploads/2025/09/infoartisans.jpg') no-repeat bottom right !important;
  background-size: auto 100% !important;
  border: 1px solid #f7f7f9;
  border-radius: 8px;
  padding: 10px 30% 6px 10px;
  font-size: 1.1em;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #bbc;
  font-family: 'Comic Neue', sans-serif;
}

.sidebar-artisans b {
  color: #446; /* bleu léger pour le titre */
}

.sidebar-artisans a {
  display: inline-block;
  margin-top: 6px;
  font-weight: bold;
  text-decoration: none;
}

.sidebar-artisans a:hover {
  text-decoration: underline;
}

/* ************************* bloc panier ******************* */
.woocommerce #block-46 {
    visibility: hidden;  /* inaccessible visuellement */
    position: absolute;  /* hors du flux visuel */
    left: -9999px;       /* décalé très loin */
    pointer-events: none; /* évite tout clic dessus */
}

/* État par défaut (vide) */
.sidebar-cart-badge {
  background: #fefefe;
  color: #556;
  font-weight: bolder;
  transition: all 0.3s ease;
  border-radius: 8px;
  padding: 8px !important;
  font-size: 1.1em;
  margin: 5px 0;
  border: 1px solid #eee;
}

.sidebar-cart-badge span {
  font-weight: normal;
}

/* Quand il y a au moins 1 produit */
.sidebar-cart-badge.active-cart {
  background: #0073e6; /* bleu */
  color: #fff;
}

.sidebar-cart-badge.active-cart:hover {
  background: #005bb5;
}

/* ************************* bloc prix ******************* */

/* ---- Bloc principal ---- */
.wp-block-woocommerce-product-filter-price {
  padding: 10px 10px 10px 10px;
}

/* ---- Texte du titre "Prix" ---- */
.wp-block-woocommerce-product-filter-price .wp-block-heading {
  font-size: 14px !important;
  font-weight: bold;
  margin-bottom: -2px !important;
  color: #555 !important;
}

/* ---- Track global ---- */
.wc-block-product-filter-price-slider__range {
  position: relative;
  height: 8px;
  background: #e0e0e0; /* barre grise */
  border-radius: 8px;
  margin: 20px;
}

.wc-block-product-filter-price-slider .text input[type=text] {
  background: #fafafa !important;
  color: #333 !important;
  padding: 2px 2px !important;
  border: 1px solid red !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  min-width: 40px !important;
  border: 1px solid #ddd !important;
  transition: all 0.3s ease !important;
}

.wc-block-product-filter-price-slider .text input[type="text"] {
  box-sizing: border-box !important; /* le border inclus dans la taille */
  width: 55px !important;           /* largeur fixe */
  height: 25px !important;          /* hauteur fixe */
  padding: 10px !important;          /* espace interne */
  margin: 0 !important;
}



/* ************************* bloc categories ******************* */

.sabai-cat-list ul {
  padding: 0;
  margin: 20px 0 0 0;
}

.sabai-cat-list a {
  background: #fbfbfb;
}

.sabai-cat-count {
   color: #557;
   font-size: 0.8em
}

/* ************************* bloc modalités ******************* */

.sidebar-links {
  margin: 0 0 0 0 !important;
}

.sidebar-links a {
  display: block;
  padding: 8px 12px;
  background: #f5f5f5;
  border-radius: 5px;
  margin: 0 0 6px 0 !important;
  transition: all 0.3s ease;
  font-size: 1em;
  font-style: italic;
  color: #445
}

.sidebar-links a:hover {
  background: #0073e6;
  color: #fff;
}

/* ********************************************************************* */
/********************** article solo *********************************** */

/* Décalage automatique pour les ancres avec une barre fixe */
#reviews {
  scroll-margin-top: 100px; /* hauteur de ta barre fixe */
}

/* ===== Global structure ===== */
.woocommerce div.product {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

@media (min-width: 922px) and (max-width: 1200px) {
  .woocommerce div.product {
     margin-top: 70px !important;
     margin-bottom: 20px !important;
  }
}
@media (max-width: 921px) {
  .woocommerce div.product {
     margin-top: 20px !important;
     margin-bottom: 20px !important;
  }
}

.single-product .product_title {
  font-size: 1.3em !important;
}
.single-product .entry-summary .woocommerce-Price-amount {
  margin: 0px !important;
  padding: 6px 10px !important;
  font-size: 0.7em !important;
  font-weight: normal;
  font-style: italic;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #f7f7f7;
  color: #555;
}
.single-product .woocommerce-product-details__short-description {
  margin: -5px 0 20px 0 !important;
}
.single-product .woocommerce-product-details__short-description p {
  margin: 0px !important;
  padding: 0px !important;
}
.single-product .ast-stock-detail {
  margin: -10px 0 15px 0 !important;
  color: #778 !important;
  font-size: 0.8em !important;
}
.single-product .out-of-stock {
  margin: -8px 0 15px 0 !important;
  font-weight: bolder;
}
.single-product .single_add_to_cart_button {
  border-radius: 20px;
}
.single-product .single_add_to_cart_button:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
  background: blue !important;
}

/* Galerie image */
.woocommerce div.product div.images {
  border-radius: 10px;
  /* overflow: hidden; */
}

/* Zone texte produit */
.woocommerce div.product .summary {
  padding: 0 15px;
}

/* Titre du produit */
.woocommerce div.product .product_title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

/* Prix */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 1.4rem;
  font-weight: bold;
  color: #0073e6;
  margin-bottom: 15px;
}

/* Bouton ajouter au panier */
.single_add_to_cart_button {
  display: block;
  width: 100%;
  padding: 12px 20px;
  background: #0073e6;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  transition: background 0.3s ease;
  text-align: center;
  cursor: pointer;
}

.single_add_to_cart_button:hover {
  background: #005bb5;
}

/* Tabs (Description, Avis...) */
.woocommerce-tabs ul.tabs {
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #eee;
  padding: 0;
  margin-top: -20px !important;
}

.woocommerce-tabs ul.tabs li {
  list-style: none;
  margin: 0 15px !important;
}

.woocommerce-tabs ul.tabs li a {
  padding: 8px 15px;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease, border-bottom 0.3s ease;
}

.woocommerce-tabs ul.tabs li.active a {
  border-bottom: 2px solid #0073e6;
  color: #0073e6;
  font-weight: bold;
}

/* ******************************************************** */
/* **************** gestion rupture de stock ********************* */

/* Bouton sous le message de rupture */
.sabai-outofstock-wrapper {
  margin: -10px 0 10px 0 !important;
  text-align: left;
}

.sabai-popup-open {
  background: #0073e6;
  color: #fff;
  padding: 8px 18px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s ease;
}

.sabai-popup-open:hover {
  background: #005bb5;
}

/* === POPUP === */
.sabai-popup {
  display: none; /* caché par défaut */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

.sabai-popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  position: relative;
  animation: fadeIn 0.3s ease;
}

.sabai-popup-content h3 {
  margin-top: 0;
  font-size: 18px;
}

.sabai-popup-content p {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}

/* Bouton fermer (croix) */
.sabai-popup-close {
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 22px;
  color: #666;
  cursor: pointer;
  transition: color 0.3s ease;
}

.sabai-popup-close:hover {
  color: #000;
}

/* Champs formulaire */
.sabai-stock-notify input[type="text"],
.sabai-stock-notify input[type="email"] {
  width: 100%;
  padding: 8px;
  margin: 6px 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

/* Bouton envoyer */
.sabai-stock-notify button {
  background: #0073e6;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s ease;
}

.sabai-stock-notify button:hover {
  background: #005bb5;
}

/* Animation du popup */
@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.9);}
  to {opacity: 1; transform: scale(1);}
}


/* ******************************************************** */
/* **************** liens produit  artisant ********************* */

/* Bloc artisan dans la colonne droite */
.sabai-artisan-box {
  display: flex;
  /* align-items: center; */
  gap: 15px;
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fafafa;
}

.sabai-artisan-box p {
  padding: 0 !important;
  margin: 0 !important;
}

/* Logo à gauche */
.sabai-artisan-box .artisan-logo img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  opacity: 0.9;
}

/* Texte */
.sabai-artisan-box .discover-text {
  font-size: 0.9em;
  color: #666;
  margin: 0;
  line-height: 1.3;
}

.sabai-artisan-box .artisan-name a {
  font-size: 15px;
  font-weight: 600;
  color: #0073e6;
  text-decoration: none;
  transition: color 0.3s ease;
}

.sabai-artisan-box .artisan-name a:hover {
  color: #005bb5;
  text-decoration: underline;
}



/* ******************************************************** */
/* **************** image produit ********************* */

/* Cadre fixe pour l'image principale */
.woocommerce div.product div.images img {
  object-fit: contain;       /* garde les proportions sans déformation */
  margin: 0 auto;
  display: block;
  background: #fff;          /* fond blanc si l'image ne remplit pas le cadre */
  border-radius: 8px;
  border: 4px solid #f7f7f7;
}

@media (min-width: 922px) {
  .woocommerce div.product div.images {
    width: 44% !important;
  }
  .woocommerce div.product div.summary {
    width: 55% !important;
  }
}


/* ******************************************************** */
/* **************** produits associés ********************* */

.related.products {
  border-top: 3px double #ddd !important;
  margin-top: 0 !important;
  padding-top: 6px !important;
}
.related.products h2 {
  font-size: 1.2em
}

/* Conteneur grille des produits associés */
.related.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr); /* toujours 6 colonnes */
  gap: 20px; /* espace entre les produits */
  margin: 20px auto 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 100%;
}

/* Chaque produit associé */
.related.products ul.products li.product {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  text-align: center;
  padding: 0px 12px !important;
  min-height: 220px; /* hauteur mini pour que les blocs restent égaux */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: box-shadow 0.3s ease;
}

.related.products ul.products li.product:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  /* Cacher les produits après le 2e */
  .related.products ul.products li.product:nth-child(n+3) {
    display: none !important;
  }

  /* Toujours 2 colonnes larges */
  .related.products ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.related.products ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.2em !important;
}
.related.products ul.products li.product .woocommerce-loop-product__title,
.related.products ul.products li.product .star-rating,
.related.products ul.products li.product .price {
  text-align: left !important;
}
.related.products ul.products li.product .button {
  padding: 8px 20px !important;
}

.related.products ul.products li.product .button:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  background: blue;
}



/* *************************************************************************************** */
/* ***************************** fin woocommerce ***************************************** */
/* *************************************************************************************** */

/* *************************** affiche les produits des artisans ************************* */

/* Conteneur global */
.sabai-produits-artisan {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* toujours 4 colonnes */
  gap: 20px;
  margin-top: 20px;
  width: 100%;
  max-width: 100%;
}

/* Chaque bloc produit */
.sabai-produit-item {
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  text-align: center;
  padding: 5px 5px 8px 5px !important;
  min-height: 200px; /* hauteur mini pour éviter les sauts */
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sabai-produit-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #667;
}

/* Image du produit */
.sabai-produit-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Titre */
.sabai-produit-title {
  margin: 0px !important;
  padding: 0px !important;
}

.sabai-produit-title a {
  text-decoration: none !important;
  font-size: 0.7em !important;
  color: #333;
}

.sabai-produit-title a:hover {
  color: #0073e6;
}

/* Prix */
.sabai-produit-price {
  color: #667; /* #0073e6; */
  font-style: italic;
  margin: 0px !important;
  padding: 0px !important;
  font-size: 0.9em !important;
}

/* Bouton "Voir le produit" */
.sabai-produit-button .sabai-view-product-btn {
  display: inline-block;
  padding: 2px 16px;
  background: #0073e6;
  color: #fff;
  font-weight: 600;
  border-radius: 20px;
  text-decoration: none !important;
  transition: background 0.3s ease, transform 0.2s ease;
  font-size: 0.9em !important;
}

.sabai-produit-button .sabai-view-product-btn:hover {
  background: blue;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}


@media (max-width: 768px) {
  .sabai-produits-artisan {
    grid-template-columns: repeat(2, 1fr); 
  }
}


/* ***************************       solcial share          ************************* */
 
.blg-social-share {
    margin: 30px 0 -20px 0 !important;
    text-align: right;
}
.bottom-social-share {
    margin: 0 !important;
    /*text-align: right;*/
}
@media (max-width: 768px) {
    .bottom-social-share {
        text-align: center;
    }
}
.blg-social-share p {
    font-size: 0.8em;
    font-weight: bold;
}
.bottom-social-share A, .blg-social-share A {
    display: inline-block;
    width: 25px;
    height: 25px;
}
.blg-social-share a {
    margin: 0;
    text-decoration: none !important;
    color: #0073aa;
    opacity: 0.8;
}
.bottom-social-share A {
    opacity: 0.5;
}
.blg-social-share a:hover {
    color: #005082;
    opacity: 1;
}
.bottom-social-share A:HOVER {
    opacity: 1;
}

/* ******************************** */

/* a classer, taille page contact */

  .page-id-196 #secondary { border: 0px !important; padding-right: 30px !important }
  .page-id-196 #primary {  border: 0px !important; padding-left: 0px !important; padding-top: 5px !important }

@media (min-width: 920px) and (max-width: 1200px) {
    .page-id-196 .site-content { margin-top: 15px !important; }
}

.page-id-196 #happyforms-213 { margin: 0 5% ; }
.page-id-196 #happyforms-213 SPAN { font-size: 1em !important; margin: 0 !important  }
.page-id-196 #happyforms-213 INPUT { font-size: 0.9em !important; padding: 5px 8px !important; margin: 0 !important  }
.page-id-196 #happyforms-213 BUTTON { font-size: 1em !important; padding: 8px 14px !important  }

@media (min-width: 920px) {
    /*#post-196 { width: 900px; margin: auto !important; }
    #post-47 .woocommerce { width: 500px; margin: auto !important; } */
}

/* ********** header **************** */

.main-header-bar-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

body.admin-bar .main-header-bar-wrap {
    top: 32px;
}

.ast-primary-header-bar {
    /* background: url('https://siamtraditions.fr/wp-content/uploads/2024/12/headthai.png') no-repeat center top; */
}

/* **********  gestion taille du header ********** */

/* Réduire la hauteur du header */
.main-header-bar {
    height: 55px; /* Hauteur de la barre d'en-tête */
    line-height: 55px; /* Alignement vertical du contenu */
}

/* Ajuster le header fixé (sticky) */
.main-header-bar-wrap {
    height: 55px; /* Hauteur réduite pour la version sticky */
    line-height: 55px; /* Alignement du contenu */
}

/* Ajuster les marges du logo */
.main-header-bar .site-branding {
    margin: 0; /* Enlève la marge autour du logo */
    padding: 0; /* Enlève tout padding inutile */
}

/* Ajuster le logo dans le header */
.main-header-bar .site-branding img {
    max-height: 70px; /* Réduit la taille du logo */
    height: auto;
}

/* **************  titre logo  ******************* */


.ast-logo-title-inline .site-logo-img {
    padding-right: 7px;
}

header .site-title a {
    font-family: 'Courgette', sans-serif;
    letter-spacing: 2px;
    /* color: #20529C; */
}

.ast-site-title-wrap {
    padding-top: 3px;
}

/*  *****************  menu *********************** */

.ast-header-account-inner-wrap, .ast-header-account-link {
    margin: -5px 0 0 0 !important;
}

/* ****************** fond page ******************* */

/* Fond blanc pour toutes les pages du blog */
.blog, .archive, .single-post {
    background-color: #ffffff; /* Blanc */
}

/* Facultatif : S'assurer que tout le contenu a un fond blanc */
.site-content {
    background-color: #fff !important; /* Blanc */
}

/* ******************* marge du contenu ************* */

@media (min-width: 1200px) {
    .site-content { margin-top: 25px; }
    .sidebar-main  { top: 90px; }
}
@media (min-width: 920px) and (max-width: 1200px) {
    .site-content { margin-top: 80px !important; }
    .sidebar-main  { top: 80px !important; }
    .post .site-content, .single .site-content, .blog .site-content, .archive .site-content { margin-top: 15px !important; }
}
@media (max-width: 919px) {
    .site-content { margin-top: 75px; }
    .post .site-content, .single .site-content, .blog .site-content, .archive .site-content { margin-top: 50px !important; }
    HEADER { top: 60px; }
}

/* **************** footer ************************ */

.site-footer { text-align: center !important }

     .site-primary-footer-wrap {
            /*background: #f4f6f7 url('https://siamtraditions.fr/wp-content/uploads/2024/12/footerfresk.png') repeat-x center top !important;*/
            border-top: 1px solid #CCCED0 !important;
            padding: 10px 0 10px 0 !important;
        } 
        .site-primary-footer-wrap A {
            color: #555;
        }
        .site-primary-footer-wrap A:HOVER {
            color: #1682EF;
        }

        .site-below-footer-wrap {
            background-color: #555 !important;
            padding: 0px 0 0px 0 !important;
        }
        .ast-footer-copyright {
            color: #fff !important;
            font-style: italic;
        }
        .ast-footer-copyright EM {
            font-family: 'Courgette', sans-serif;
        }

/* ******************* gestionaire cookies ******** */

@media (max-width: 768px) {
    #cmplz-manage-consent{
        display: none !important;
    }
}

/* ****************** logo categories page *************** */

.single .category-culture-thailandaise H1, .category-culture-thailandaise .ast-archive-description H1 {
    background: url('https://siamtraditions.fr/wp-content/uploads/2025/01/titrecatcult.jpg') no-repeat top left !important;
    padding-left: 45px !important;
}

.single .category-temples-thailandais H1, .category-temples-thailandais .ast-archive-description H1 {
    background: url('https://siamtraditions.fr/wp-content/uploads/2025/01/titrecattempl.jpg') no-repeat top left !important;
    padding-left: 45px !important;
}

.single .category-cuisine-thailandaise H1, .category-cuisine-thailandaise .ast-archive-description H1 {
    background: url('https://siamtraditions.fr/wp-content/uploads/2025/01/titrecatcuis.jpg') no-repeat top left !important;
    padding-left: 45px !important;
}

.single .category-artisans-partenaires H1, .category-artisans-partenaires .ast-archive-description H1 {
    background: url('https://siamtraditions.fr/wp-content/uploads/2025/01/titrecatart.jpg') no-repeat top left !important;
    padding-left: 45px !important;
}

/* ******************* select catergorie articles ********** */

.category-form {
  float: right;
  display: inline !important;
  width: 300px;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
}

.category-select { 
  width: 300px;
  padding: 0 0 0 8px !important;
  border: 1px solid #ccc;
  border-radius: 5px; 
  background-color: #f9f9f9;
  font-size: 0.9em;
  margin: 20px 0 0 0;
}
@media (max-width: 768px) {
  .category-select { 
    width: 100%;
    float: none;
    margin: 12px 0 12px 0;
  }
}

/* ****************** page a propos ****************** */

@media (min-width: 768px) {
    .post-198 {
        background: url('https://siamtraditions.fr/wp-content/uploads/2024/12/apropos.png') no-repeat left top !important;
        padding: 0 0 0 450px;
    }
}


/*************************************** templates divers ************************************* */

/* ************* gestion images solo ****************** */

.article-img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 5px;

  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Image centrée */
.img-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* Image alignée à gauche avec marge droite */
.img-left {
  float: left;
  margin-right: 1.5em !important;
  margin-bottom: 1em !important;
}

/* Image alignée à droite avec marge gauche et bas */
.img-right {
  float: right;
  margin-left: 1.5em !important;
  margin-bottom: 1em !important;
}

/* Image de petite taille */
.img-small {
  width: 250px;
  max-width: 100%;
}

/* Responsive : annule les float sur mobile pour éviter le bazar */
@media screen and (max-width: 768px) {

  .article-img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
    margin: auto;
  }

  .img-small {
    width: 200px;
    max-width: 100%;
  }

  .img-left,
  .img-right {
    float: none;
    display: block;
    margin: 1em auto;
  }

}

/* **************** galerie images x4 *************** */

 .gallery-onlinex4 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* espace entre les images */
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 6px;
    justify-content: center;
    background-color: #f9f9f9; /* facultatif */
  }

  .gallery-onlinex4 img {
    flex: 1 1 calc(25% - 6px);
    max-width: calc(25% - 6px);
    border-radius: 6px;
    object-fit: cover;
    height: auto;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
  }

  /* Adaptation pour petits écrans */
  @media (max-width: 768px) {
    .gallery-onlinex4 img {
     flex: 1 1 calc(50% - 6px); /* 2 images par ligne */
     max-width: calc(50% - 6px);
    }
  }

  /* Effet agrandi */
  .gallery-onlinex4 img.gallx4over {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    transform: translate(-50%, -50%) scale(1.05);
    z-index: 1000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    border-radius: 12px;
  }

  /* Assombrir le fond quand une image est agrandie */
  body.gallx4overfond::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
  }


/* ********************** page cuisines ******************************** */

.img-pgcuisine {
  float: right;
  margin-top: -10px !important;
  margin-left: 1.5em !important;
  margin-bottom: 1em !important;
  width: 300px;
}
@media screen and (max-width: 768px) {
  .img-pgcuisine {
    float: none;
    display: block;
    margin: auto !important;
    margin-bottom: 1em !important;
  }
}

.sabai-recipe {
  background-color: #fffaf3;
  border: 1px solid #e2c799;
  border-radius: 12px;
  padding: 1.5em;
  margin: 2em 0;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.sabai-recipe h3 {
  color: #555; /*#b76e31; */
  font-size: 1.4em;
  margin-bottom: 0.8em;
  margin-top: 0;
}

.sabai-recipe h4 {
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  color: #a0501a;
  font-size: 1.15em;
}

.sabai-recipe ul,
.sabai-recipe ol {
  margin-left: 1.5em;
  padding-left: 0.5em;
}

.sabai-recipe li {
  margin-bottom: 0.4em;
  line-height: 1.5em;
}

.sabai-tip {
  margin-top: 1em;
  font-style: italic;
  color: #8b4f14;
}

/* *** */

.sabai-price {
  background-color: #f1f5f9; /* bleu-gris clair */
  /* border-left: 4px solid #0073e6;  bleu vif */
  padding: 1rem;
  margin: 2rem 0;
  border-radius: 6px;
  font-size: 0.95rem;
  color: #1e293b;
}

.sabai-price h3 {
  margin-top: 0;
  color: #0073e6; /* bleu un peu plus soutenu */
  font-size: 1.1rem;
}

.sabai-price ul {
  padding-left: 1.2rem;
  margin: 0.5rem 0;
}

.sabai-price li {
  margin-bottom: 0.3rem;
}

.sabai-price .sabai-note {
  font-style: italic;
  color: #475569;
  font-size: 0.9rem;
}