/*
Theme Name: Astra Child
Theme URI: https://sabaitraditions.fr
Description: Thème enfant pour Astra
Author: Ton Nom
Author URI: https://sabaitraditions.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=Courgette:wght@400;700&display=swap'); */

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


.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 */
@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://sabaitraditions.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://sabaitraditions.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://sabaitraditions.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://sabaitraditions.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://sabaitraditions.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://sabaitraditions.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://sabaitraditions.fr/wp-content/uploads/2024/12/apropos.png') no-repeat left top !important;
        padding: 0 0 0 450px;
    }
}

/*************************************** accueil temporaire **************** */

.divtempacc {
    border-radius:20px;
    background-color:#f4f6f7;
    width:70%;
    margin:30px auto;
    padding:20px
}
.divtempacc a {
    text-decoration:none !important;
    border-radius:8px;
    display:bloc;
    border:1px solid #00d084;
    background-color:#fff;
    padding:8px;
    color: #00d084
}
.divtempacc a:hover {
    border:1px solid #888;
    background-color:#ddd;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    color: #027349;
}
.divtemacctetx {
    width:100%;
    text-align:center;
    margin-bottom: 20px;
}
.divtempacc img {
    margin: 10px auto;
}

@media (min-width: 768px) {

    .divtempacc {
        width:50% !important;
    }
    .divtemacctetx {
        float: right;
        width:60%;
        text-align:center
    }
    .divtempacc img {
    width: 40%;
    }

}

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

.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;
  }

}

/* ********************** rectes cuisines ******************************** */

.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;
}