/*
Theme Name: Kadence Child
Description: Charte CBDetox — bien-être, sommeil & détox
Template: kadence
Version: 1.0.0
*/

/* ---------- Typos self-hostées ---------- */
@font-face{font-family:'Fraunces';src:url('fonts/fraunces-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Fraunces';src:url('fonts/fraunces-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunitosans-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunitosans-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunitosans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

/* ---------- Design tokens ---------- */
:root{
  --dx-bg:#FAF6F0;
  --dx-surface:#FFFFFF;
  --dx-sand:#EAE0D2;
  --dx-sand-2:#F3EDE2;
  --dx-ink:#2E3A33;
  --dx-ink-2:#55625B;
  --dx-muted:#7C8781;
  --dx-sage:#7C9A83;
  --dx-sage-d:#54755E;
  --dx-terra:#C97B5D;
  --dx-terra-d:#B4674B;
  --dx-radius:16px;
  /* Mapping palette Kadence */
  --global-palette1:var(--dx-terra);
  --global-palette2:var(--dx-sage-d);
  --global-palette3:var(--dx-ink);
  --global-palette4:var(--dx-ink-2);
  --global-palette5:var(--dx-muted);
  --global-palette6:var(--dx-sand);
  --global-palette7:var(--dx-sand-2);
  --global-palette8:var(--dx-bg);
  --global-palette9:#FFFFFF;
}

/* ---------- Base ---------- */
body{
  background:var(--dx-bg);
  color:var(--dx-ink-2);
  font-family:'Nunito Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:1.03rem;
  line-height:1.7;
}
h1,h2,h3,h4,h5,h6,.site-title,.entry-title{
  font-family:'Fraunces',Georgia,serif;
  font-weight:600;
  color:var(--dx-ink);
  letter-spacing:-.01em;
  line-height:1.18;
}
a{color:var(--dx-sage-d);}
a:hover{color:var(--dx-terra);}
::selection{background:var(--dx-sage);color:#fff;}
.entry-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.entry-content .wp-block-button__link,.entry-content .dx-cardlink a,.entry-content .wp-block-post-title a,.entry-content .wp-block-post-terms a,.entry-content .wp-block-post-excerpt__more-link{text-decoration:none;}
blockquote{border-left:3px solid var(--dx-terra);background:var(--dx-sand-2);border-radius:10px;padding:1rem 1.3rem;font-style:normal;}

/* ---------- Header ---------- */
#masthead{background:var(--dx-bg);}
#masthead .site-header-row-container-inner,
#masthead .site-header-upper-wrap,
#masthead .site-main-header-wrap{background:transparent;box-shadow:none;}
.site-header-inner-wrap{border-bottom:1px solid var(--dx-sand);}
.site-branding .site-title{font-size:1.55rem;font-weight:700;color:var(--dx-ink);}
.site-branding a:hover .site-title{color:var(--dx-sage-d);}
.site-branding .site-title::before{
  content:"";display:inline-block;width:1.05em;height:1.05em;margin-right:.38em;vertical-align:-.16em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237C9A83' d='M12.2 21.4c-.3-6.6 2-11.9 8.9-14-.7 7.4-3.9 11.9-8.9 14Z'/%3E%3Cpath fill='%23C97B5D' d='M11 20.6C10.2 15.9 8 12 2.9 10c.9 6 3.3 8.9 8.1 10.6Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.site-branding .site-description{display:none;}
.main-navigation .primary-menu-container > ul > li > a{
  font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:.94rem;color:var(--dx-ink-2);
}
.main-navigation .primary-menu-container > ul > li > a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a{color:var(--dx-sage-d);}

/* ---------- Boutons ---------- */
.wp-block-button__link{
  font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:.98rem;
  border-radius:999px;padding:.78em 1.6em;
  background:var(--dx-terra);color:#fff;border:2px solid var(--dx-terra);
  box-shadow:none;transition:all .18s ease;
}
.wp-block-button__link:hover{background:var(--dx-terra-d);border-color:var(--dx-terra-d);color:#fff;transform:translateY(-1px);}
.dx-btn-ghost .wp-block-button__link{background:transparent;color:var(--dx-sage-d);border-color:var(--dx-sage);}
.dx-btn-ghost .wp-block-button__link:hover{background:var(--dx-sage);border-color:var(--dx-sage);color:#fff;}

/* ---------- Hero ---------- */
.dx-hero{
  background:linear-gradient(135deg,#F6EFE5 0%,#EFE9DC 55%,#E9E2D2 100%);
  border-radius:calc(var(--dx-radius) + 10px);
  padding:clamp(2.6rem,6vw,4.6rem) clamp(1.4rem,5vw,4rem);
  margin-top:1.6rem;position:relative;overflow:hidden;
}
.dx-hero::after{
  content:"";position:absolute;right:-120px;top:-130px;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle at 32% 32%,rgba(124,154,131,.38),rgba(124,154,131,0) 70%);
}
.dx-hero::before{
  content:"";position:absolute;left:-140px;bottom:-160px;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle at 60% 40%,rgba(201,123,93,.20),rgba(201,123,93,0) 70%);
}
.dx-hero > *{position:relative;z-index:1;}
.dx-hero h1{font-size:clamp(2.1rem,4.6vw,3.3rem);max-width:14em;margin:.35em 0 .45em;}
.dx-overline{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--dx-terra);margin:0;}
.dx-lead{font-size:1.14rem;max-width:38em;color:var(--dx-ink-2);margin-bottom:1.6em;}

/* ---------- Cartes piliers ---------- */
.dx-pillars{margin-top:2.2rem;gap:1.2rem;}
.dx-pillars .wp-block-column{
  background:var(--dx-surface);border:1px solid var(--dx-sand);border-radius:var(--dx-radius);
  padding:1.7rem 1.5rem;transition:transform .18s ease,box-shadow .18s ease;
}
.dx-pillars .wp-block-column:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(46,58,51,.10);}
.dx-pillars h3{font-size:1.28rem;margin:0 0 .5em;}
.dx-pillars p{font-size:.97rem;margin-bottom:.6em;}
.dx-cardlink{margin-top:auto;}
.dx-cardlink a{font-weight:700;color:var(--dx-terra);text-decoration:none;}
.dx-cardlink a:hover{color:var(--dx-terra-d);}

/* ---------- Têtes de section ---------- */
.dx-sec-head{margin-top:3.2rem;margin-bottom:.4rem;}
.dx-sec-head h2{font-size:clamp(1.6rem,3vw,2.15rem);margin:.15em 0 .2em;}

/* ---------- Derniers articles (query loop) ---------- */
.dx-latest-q{margin-top:1.4rem;}
.dx-latest-q ul{list-style:none;padding:0;margin:0;}
.dx-latest-q .wp-block-post-template{gap:1.3rem;}
.dx-latest-q li.wp-block-post{
  background:var(--dx-surface);border:1px solid var(--dx-sand);border-radius:var(--dx-radius);
  overflow:hidden;padding-bottom:1.15rem;margin:0;
  transition:transform .18s ease,box-shadow .18s ease;
}
.dx-latest-q li.wp-block-post:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(46,58,51,.10);}
.dx-latest-q .wp-block-post-featured-image{margin:0 0 1rem;}
.dx-latest-q .wp-block-post-featured-image img{display:block;width:100%;height:auto;}
.dx-latest-q .wp-block-post-terms{
  padding:0 1.15rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin:0 0 .2rem;
}
.dx-latest-q .wp-block-post-terms a{color:var(--dx-sage-d);text-decoration:none;}
.dx-latest-q .wp-block-post-title{padding:0 1.15rem;font-size:1.16rem;margin:.3rem 0 .35rem;line-height:1.3;}
.dx-latest-q .wp-block-post-title a{color:var(--dx-ink);text-decoration:none;}
.dx-latest-q .wp-block-post-title a:hover{color:var(--dx-sage-d);}
.dx-latest-q .wp-block-post-excerpt{padding:0 1.15rem;font-size:.93rem;color:var(--dx-muted);margin:0;}
.dx-latest-q .wp-block-post-excerpt__more-link{color:var(--dx-terra);font-weight:700;text-decoration:none;}

/* ---------- Bande "démarche" ---------- */
.dx-band{
  background:var(--dx-ink);border-radius:calc(var(--dx-radius) + 10px);
  padding:clamp(2.2rem,5vw,3.4rem);margin:3.4rem 0 1rem;
}
.dx-band h2{color:#F6F1E7;font-size:clamp(1.55rem,3vw,2.1rem);margin-top:0;}
.dx-band p{color:#C9CFC5;max-width:46em;}
.dx-band .dx-overline{color:var(--dx-sage);}

/* ---------- Footer ---------- */
#colophon{background:var(--dx-ink);color:#C9CFC5;margin-top:3.2rem;}
#colophon .site-footer-wrap,#colophon .site-footer-row-container-inner{background:transparent;}
#colophon a{color:#EDE7DC;}
#colophon a:hover{color:var(--dx-sage);}

/* ---------- Divers ---------- */
.wp-block-button__link,.wp-block-button__link:hover{text-decoration:none;}
body.home .entry.content-bg{background:transparent;box-shadow:none;border:none;}
body.home .entry-header{display:none;}
body.home .content-area{padding-top:0;}
.wp-block-post-terms__separator{display:none;}
@media (max-width:781px){
  .dx-hero{padding:2rem 1.2rem;}
  .dx-pillars{gap:.9rem;}
}