/* ================================================================
   BAOBIZZ — CSS Customizer FINAL consolidé
   Remplace l'intégralité du CSS additionnel
   ================================================================ */

/* ----------------------------------------------------------------
   CSS EXISTANT — Jeu Renaissance Kembala (ne pas modifier)
   ---------------------------------------------------------------- */
#rk-wrap, #rk-wrap *, #rk-wrap *::before, #rk-wrap *::after { box-sizing: border-box; }
#rk-wrap{--rk-gold:#f5a623;--rk-gold-light:#ffd166;--rk-green:#06d6a0;--rk-red:#ef476f;--rk-blue:#118ab2;--rk-purple:#9b5de5;--rk-dark:#0a0e1a;--rk-dark2:#131929;--rk-dark3:#1a2235;--rk-dark4:#212d42;--rk-text:#e0e6f0;--rk-muted:#8892a4;--rk-border:rgba(245,166,35,.18);font-family:"Segoe UI",system-ui,sans-serif;color:var(--rk-text)}

/* Masquer titres pages légales */
.page-id-42115 .entry-title,
.page-id-42115 h1.wp-block-post-title,
.page-id-42121 .entry-title,
.page-id-42121 h1.wp-block-post-title {
  display: none !important;
}


/* ----------------------------------------------------------------
   1. POLICES GOOGLE
   ---------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,400&family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');


/* ----------------------------------------------------------------
   2. VARIABLES BAOBIZZ
   ---------------------------------------------------------------- */
:root {
  --bz-cream:  #FDFAF3;
  --bz-ink:    #1C150A;
  --bz-gold:   #C8860A;
  --bz-ochre:  #B5720A;
  --bz-dusk:   #2D1F0A;
  --bz-night:  #1A1208;
  --bz-sand:   #EDE0C4;
  --bz-sand2:  #D6C9A8;
}


/* ----------------------------------------------------------------
   3. GLOBAL
   ---------------------------------------------------------------- */
body {
  background-color: var(--bz-cream) !important;
  color: var(--bz-ink);
  font-family: 'Lato', Georgia, sans-serif !important;
  font-size: 16px;
  line-height: 1.7;
}
h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--bz-dusk);
}
img { max-width: 100%; height: auto; }


/* ----------------------------------------------------------------
   4. EN-TÊTE
   ---------------------------------------------------------------- */
.site-header,
#masthead,
.inside-header,
.site-header-wrap {
  background-color: var(--bz-dusk) !important;
  border-bottom: 3px solid var(--bz-gold) !important;
  box-shadow: none !important;
}

/* Titre du site — blanc */
.site-header .site-title a,
.site-header .site-title a:link,
.site-header .site-title a:visited,
.site-header .site-title a:hover,
.site-header .site-branding a,
.site-header .site-branding a:hover {
  color: #FDFAF3 !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 1.55rem !important;
  text-decoration: none !important;
}
.site-header .site-description {
  color: var(--bz-sand) !important;
  font-size: 11px !important;
  opacity: 0.8;
}


/* ----------------------------------------------------------------
   5. NAVIGATION
   ---------------------------------------------------------------- */
.main-navigation,
.inside-navigation {
  background-color: var(--bz-night) !important;
}
.main-navigation .main-nav ul li a {
  color: rgba(255,255,255,0.75) !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
  color: var(--bz-gold) !important;
}
.main-navigation .main-nav ul ul {
  background-color: var(--bz-dusk) !important;
  border-top: 2px solid var(--bz-gold) !important;
}
button.menu-toggle {
  background: transparent !important;
  color: var(--bz-gold) !important;
  border: 1px solid var(--bz-gold) !important;
  border-radius: 2px;
}


/* ----------------------------------------------------------------
   6. GRILLE HOMEPAGE
   ---------------------------------------------------------------- */
body.home #primary,
body.home .content-area {
  max-width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
body.home .site-main,
body.home #main {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  background: var(--bz-sand2) !important;
  max-width: 100% !important;
  padding: 0 !important;
}
body.home .site-main .navigation,
body.home .site-main .pagination,
body.home .site-main .nav-links,
body.home .site-main .posts-navigation {
  grid-column: 1 / -1;
  background: var(--bz-cream);
  padding: 2rem;
  text-align: center;
}
.pagination .page-numbers,
.posts-navigation .nav-links a {
  display: inline-block;
  color: var(--bz-ink);
  border: 1px solid var(--bz-sand);
  padding: 7px 14px;
  border-radius: 2px;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin: 2px;
}
.pagination .page-numbers.current {
  background: var(--bz-gold);
  color: #ffffff;
  border-color: var(--bz-gold);
}


/* ----------------------------------------------------------------
   7. HERO — premier article (pleine largeur, fond sombre)
   ---------------------------------------------------------------- */
body.home .site-main article:first-child,
body.home #main article:first-child {
  grid-column: 1 / -1 !important;
  background: var(--bz-dusk) !important;
  border-bottom: 4px solid var(--bz-gold) !important;
  overflow: hidden;
}
body.home .site-main article:first-child .inside-article,
body.home #main article:first-child .inside-article {
  background: transparent !important;
  padding: 2rem 2.5rem !important;
}

/* Titre hero — blanc */
body.home .site-main article:first-child .entry-title a,
body.home #main article:first-child .entry-title a {
  color: #FDFAF3 !important;
  -webkit-text-fill-color: #FDFAF3 !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}
body.home .site-main article:first-child .entry-title a:hover,
body.home #main article:first-child .entry-title a:hover {
  color: var(--bz-sand) !important;
  -webkit-text-fill-color: var(--bz-sand) !important;
}

/* Meta et excerpt hero */
body.home .site-main article:first-child .entry-meta,
body.home .site-main article:first-child .entry-meta a,
body.home .site-main article:first-child .entry-meta span,
body.home #main article:first-child .entry-meta,
body.home #main article:first-child .entry-meta a,
body.home #main article:first-child .entry-meta span {
  color: rgba(255,255,255,0.55) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.55) !important;
}
body.home .site-main article:first-child .entry-summary p,
body.home #main article:first-child .entry-summary p {
  color: rgba(255,255,255,0.65) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.65) !important;
}

/* Bouton Lire la suite hero */
body.home .site-main article:first-child .read-more,
body.home #main article:first-child .read-more {
  display: inline-block !important;
  background: var(--bz-gold) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 9px 20px !important;
  border-radius: 2px !important;
  border: none !important;
  text-decoration: none !important;
}


/* ----------------------------------------------------------------
   8. GRILLE 2×2 — articles 2 à 5
   ---------------------------------------------------------------- */
body.home .site-main article:nth-child(n+2):nth-child(-n+5),
body.home #main article:nth-child(n+2):nth-child(-n+5) {
  background: #ffffff;
  overflow: hidden;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .post-image,
body.home #main article:nth-child(n+2):nth-child(-n+5) .post-image {
  height: 185px;
  overflow: hidden;
  margin: 0;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .post-image img,
body.home #main article:nth-child(n+2):nth-child(-n+5) .post-image img {
  width: 100%;
  height: 185px;
  object-fit: cover;
  transition: transform 0.4s ease;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5):hover .post-image img,
body.home #main article:nth-child(n+2):nth-child(-n+5):hover .post-image img {
  transform: scale(1.04);
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .entry-header,
body.home #main article:nth-child(n+2):nth-child(-n+5) .entry-header {
  padding: 14px 16px 4px;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .entry-meta .cat-links a,
body.home #main article:nth-child(n+2):nth-child(-n+5) .entry-meta .cat-links a {
  color: var(--bz-gold) !important;
  -webkit-text-fill-color: var(--bz-gold) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .entry-title a,
body.home #main article:nth-child(n+2):nth-child(-n+5) .entry-title a {
  color: var(--bz-ink) !important;
  -webkit-text-fill-color: var(--bz-ink) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  text-decoration: none;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .entry-title a:hover,
body.home #main article:nth-child(n+2):nth-child(-n+5) .entry-title a:hover {
  color: var(--bz-gold) !important;
  -webkit-text-fill-color: var(--bz-gold) !important;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .entry-summary,
body.home #main article:nth-child(n+2):nth-child(-n+5) .entry-summary {
  padding: 6px 16px 14px;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .entry-summary > p,
body.home #main article:nth-child(n+2):nth-child(-n+5) .entry-summary > p {
  font-size: 13px;
  color: #666;
}
body.home .site-main article:nth-child(n+2):nth-child(-n+5) .read-more,
body.home #main article:nth-child(n+2):nth-child(-n+5) .read-more {
  color: var(--bz-gold) !important;
  -webkit-text-fill-color: var(--bz-gold) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  background: transparent !important;
  border: none !important;
  padding: 4px 0 !important;
}


/* ----------------------------------------------------------------
   9. LISTE COMPACTE — articles 6+
   ---------------------------------------------------------------- */
body.home .site-main article:nth-child(n+6),
body.home #main article:nth-child(n+6) {
  grid-column: 1 / -1;
  background: var(--bz-cream);
  border-bottom: 1px solid var(--bz-sand);
}
body.home .site-main article:nth-child(n+6) .inside-article,
body.home #main article:nth-child(n+6) .inside-article {
  display: grid;
  grid-template-columns: 110px 1fr;
  column-gap: 16px;
  padding: 14px 20px;
}
body.home .site-main article:nth-child(n+6) .post-image img,
body.home #main article:nth-child(n+6) .post-image img {
  width: 110px;
  height: 76px;
  object-fit: cover;
  border-radius: 3px;
}
body.home .site-main article:nth-child(n+6) .entry-title a,
body.home #main article:nth-child(n+6) .entry-title a {
  color: var(--bz-ink) !important;
  -webkit-text-fill-color: var(--bz-ink) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-decoration: none;
}
body.home .site-main article:nth-child(n+6) .entry-title a:hover,
body.home #main article:nth-child(n+6) .entry-title a:hover {
  color: var(--bz-gold) !important;
  -webkit-text-fill-color: var(--bz-gold) !important;
}
body.home .site-main article:nth-child(n+6) .read-more,
body.home #main article:nth-child(n+6) .read-more {
  display: none !important;
}


/* ----------------------------------------------------------------
   10. MASQUER BOUTONS DE PARTAGE SUR LA LISTE
   ---------------------------------------------------------------- */
body.home article .sharedaddy,
body.home article .sd-sharing-enabled,
body.home article .sd-content,
body.home article .jp-relatedposts {
  display: none !important;
}
body.single .sharedaddy,
body.single .sd-sharing-enabled {
  display: block !important;
}


/* ----------------------------------------------------------------
   11. BLOCS HTML PERSONNALISÉS
   ---------------------------------------------------------------- */
.bz-cat-nav {
  background: transparent;
  padding: 8px 16px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}
.bz-cat-chip {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.35);
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,0.8) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.8) !important;
  text-decoration: none;
  transition: all 0.2s;
}
.bz-cat-chip:hover {
  background: var(--bz-gold);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--bz-gold);
}

.bz-afribot-strip {
  background: var(--bz-sand);
  border-top: 1px solid var(--bz-sand2);
  border-bottom: 1px solid var(--bz-sand2);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.bz-afribot-icon {
  width: 46px; height: 46px;
  background: var(--bz-dusk);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--bz-gold);
  font-size: 22px; font-weight: 700;
  flex-shrink: 0;
}
.bz-afribot-text { flex: 1; }
.bz-afribot-text h4 {
  font-family: 'Playfair Display', serif !important;
  font-size: 15px !important;
  color: var(--bz-dusk) !important;
  margin: 0 0 2px;
}
.bz-afribot-text p { font-size: 13px; color: #666; margin: 0; }
.bz-afribot-btn {
  display: inline-block;
  background: var(--bz-dusk);
  color: var(--bz-gold) !important;
  -webkit-text-fill-color: var(--bz-gold) !important;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 10px 20px; border-radius: 2px;
  text-decoration: none; flex-shrink: 0;
}
.bz-afribot-btn:hover {
  background: var(--bz-gold);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.bz-stats-bar {
  background: var(--bz-cream);
  border-top: 1px solid var(--bz-sand);
  border-bottom: 1px solid var(--bz-sand);
  padding: 18px 20px;
  display: flex;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}
.bz-stat-item { text-align: center; }
.bz-stat-num {
  font-family: 'Playfair Display', serif;
  font-size: 1.7rem; font-weight: 900;
  color: var(--bz-gold); display: block; line-height: 1;
}
.bz-stat-label {
  font-size: 11px; color: #aaa;
  text-transform: uppercase; letter-spacing: 0.08em;
  display: block; margin-top: 4px;
}

.bz-newsletter {
  background: var(--bz-dusk);
  padding: 44px 24px; text-align: center;
}
.bz-newsletter h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.65rem !important;
  color: var(--bz-gold) !important;
  -webkit-text-fill-color: var(--bz-gold) !important;
  margin: 0 0 8px;
}
.bz-newsletter p {
  color: rgba(255,255,255,0.6) !important;
  font-size: 14px; margin: 0 auto 24px; max-width: 480px;
}
.bz-nl-form {
  display: flex; gap: 8px;
  max-width: 420px; margin: 0 auto;
}
.bz-nl-input {
  flex: 1;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  color: #ffffff; padding: 11px 14px;
  border-radius: 2px; font-size: 14px; outline: none;
}
.bz-nl-input::placeholder { color: rgba(255,255,255,0.4); }
.bz-nl-input:focus { border-color: var(--bz-gold); }
.bz-nl-btn {
  background: var(--bz-gold); color: #ffffff; border: none;
  padding: 11px 22px; border-radius: 2px;
  font-size: 13px; font-weight: 700; text-transform: uppercase;
  cursor: pointer;
}
.bz-nl-btn:hover { background: var(--bz-ochre); }
.bz-nl-rgpd {
  font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 10px;
}
.widget .bz-newsletter { padding: 24px 16px; }
.widget .bz-nl-form { flex-direction: column; }


/* ----------------------------------------------------------------
   12. ARTICLES INDIVIDUELS
   ---------------------------------------------------------------- */
.single .entry-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 2.3rem !important;
  line-height: 1.25 !important;
  color: var(--bz-dusk) !important;
}
.single .entry-content p { font-size: 17px; line-height: 1.9; }
.single .entry-content h2 {
  font-size: 1.5rem !important;
  color: var(--bz-dusk);
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--bz-sand);
}
.single .entry-content blockquote {
  border-left: 4px solid var(--bz-gold);
  background: var(--bz-sand);
  padding: 1rem 1.5rem;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  margin: 1.5rem 0;
  border-radius: 0 4px 4px 0;
}


/* ----------------------------------------------------------------
   13. FOOTER
   ---------------------------------------------------------------- */
.site-footer {
  background-color: var(--bz-night) !important;
  border-top: 4px solid var(--bz-gold) !important;
}
.site-footer .widget-title,
.site-footer h4, .site-footer h5 {
  font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase; letter-spacing: 0.1em;
  color: var(--bz-gold) !important; margin-bottom: 12px;
}
.site-footer p, .site-footer li { color: rgba(255,255,255,0.45) !important; }
.site-footer a { color: rgba(255,255,255,0.5) !important; }
.site-footer a:hover { color: var(--bz-gold) !important; }
.copyright-bar { background: var(--bz-night) !important; }
.copyright-bar p, .copyright-bar .copyright {
  color: rgba(255,255,255,0.25) !important;
  font-size: 11px !important;
}


/* ----------------------------------------------------------------
   14. RESPONSIVE MOBILE
   ---------------------------------------------------------------- */
@media (max-width: 768px) {
  body.home .site-main,
  body.home #main { grid-template-columns: 1fr !important; }
  body.home .site-main article:first-child .inside-article,
  body.home #main article:first-child .inside-article { padding: 1.5rem 1.25rem; }
  body.home .site-main article:first-child .entry-title a,
  body.home #main article:first-child .entry-title a { font-size: 1.5rem !important; }
  .bz-afribot-strip { flex-wrap: wrap; }
  .bz-afribot-btn { width: 100%; text-align: center; }
  .bz-nl-form { flex-direction: column; }
  .bz-stats-bar { gap: 24px; }
}

/* ================================================================
   FIN — baobizz-customizer-final.css
   ================================================================ */
/* Titre hero — fond transparent sur entry-header */
body.home #main article:first-child .entry-header {
  background: transparent !important;
  padding: 1.5rem 2rem 0.5rem !important;
}
body.home #main article:first-child .entry-title a {
  color: #FDFAF3 !important;
  -webkit-text-fill-color: #FDFAF3 !important;
  font-size: 1.9rem !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}
body.home #main article:first-child .entry-summary {
  background: transparent !important;
  padding: 0 2rem 1.5rem !important;
}
body.home #main article:first-child .entry-footer {
  background: transparent !important;
  padding: 0 2rem 1.5rem !important;
}
/* CORRECTIF liste compacte — articles 6+ */
body.home #main article:nth-child(n+6) .inside-article {
  display: grid !important;
  grid-template-columns: 110px 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 16px !important;
  align-items: start !important;
  padding: 14px 20px !important;
  background: var(--bz-cream) !important;
}
body.home #main article:nth-child(n+6) .post-image {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  margin: 0 !important;
  width: 110px !important;
}
body.home #main article:nth-child(n+6) .post-image img {
  width: 110px !important;
  height: 76px !important;
  object-fit: cover !important;
  border-radius: 3px !important;
}
body.home #main article:nth-child(n+6) .entry-header {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
}
body.home #main article:nth-child(n+6) .entry-summary {
  grid-column: 2 !important;
  grid-row: 2 !important;
  padding: 0 !important;
}
body.home #main article:nth-child(n+6) .entry-title {
  font-size: 1rem !important;
  line-height: 1.4 !important;
  margin: 0 0 4px !important;
}
body.home #main article:nth-child(n+6) .entry-footer {
  display: none !important;
}
/* Masquer excerpt et footer dans liste compacte */
body.home #main article:nth-child(n+6) .entry-summary p {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 13px !important;
  color: #888 !important;
}
body.home #main article:nth-child(n+6) .entry-footer {
  display: none !important;
}
body.home #main article:nth-child(n+2):nth-child(-n+5) .entry-summary p {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
/* Masquer footer dans liste compacte */
body.home #main article:nth-child(n+6) .entry-footer {
  display: none !important;
}
/* Limiter excerpt liste compacte à 1 ligne */
body.home #main article:nth-child(n+6) .entry-summary {
  display: none !important;
}
/* AfriBot widget — texte lisible sur fond sable */
.bz-afribot-text h4 {
  color: #2D1F0A !important;
  font-size: 14px !important;
}
.bz-afribot-text p {
  color: #4a3520 !important;
  font-size: 13px !important;
}
.bz-afribot-strip {
  background: var(--bz-sand) !important;
}
/* Masquer catégories et commentaires dans la liste homepage */
body.home .cat-links,
body.home .posted-in,
body.home .comments-link {
  display: none !important;
}html,
body {
  background: #F7EEDB !important;
}

body {
  background:
    radial-gradient(circle at 12% 18%, rgba(200,134,10,0.18), transparent 24%),
    radial-gradient(circle at 88% 28%, rgba(19,37,27,0.16), transparent 26%),
    radial-gradient(circle at 78% 82%, rgba(132,76,16,0.14), transparent 28%),

    linear-gradient(45deg, rgba(90,54,18,0.035) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(90,54,18,0.035) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(90,54,18,0.035) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(90,54,18,0.035) 75%),

    linear-gradient(180deg, #FCF8EF 0%, #F4E8CB 48%, #F8F0DE 100%) !important;

  background-size:
    auto,
    auto,
    auto,
    42px 42px,
    42px 42px,
    42px 42px,
    42px 42px,
    auto !important;

  background-position:
    center,
    center,
    center,
    0 0,
    0 21px,
    21px -21px,
    -21px 0,
    center !important;

  background-attachment: fixed !important;
}

.site,
.site-content,
.content-area,
.site-main,
.entry-content,
.wp-site-blocks,
#page,
#content,
.ast-container,
.container,
.elementor-section,
.elementor-container {
  background: transparent !important;
}