/*
Theme Name: the CBD online -- Child (GeneratePress)
Template: generatepress
Author: Organizen
Version: 1.1
Description: Theme enfant leger thecbdonline.fr -- header/menu/footer de marque sur TOUTES les pages + homepage (front-page.php).
*/

:root{
  --green:#2F6B53; --green-d:#234F3E; --honey:#E8A04A; --honey-d:#C9852F;
  --ink:#1E2A24; --muted:#5E6B63; --line:#E3EBE5; --cream:#F7FAF6; --white:#fff;
}
*{box-sizing:border-box}
body{color:var(--ink);font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background:var(--white)}
a{color:var(--green);text-decoration:none}
a:hover{color:var(--honey-d)}
h1,h2,h3,.entry-title{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.01em;line-height:1.15}

/* ====== MASQUER le header/footer/nav par defaut de GeneratePress ====== */
.site-header, .site-footer, .main-navigation, .generate-back-to-top { display:none !important; }

/* ====== HEADER DE MARQUE (injecte sur toutes les pages) ====== */
.cbd-strip{background:var(--green-d);color:#DCEAE0;font-size:13px;text-align:center;padding:7px 10px}
.cbd-strip b{color:#fff}
.cbd-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.cbd-head .in{max-width:1080px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:22px;height:64px}
.cbd-logo{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:21px;font-weight:700;color:var(--green-d)}
.cbd-logo .leaf{width:30px;height:30px;border-radius:50%;background:var(--green);position:relative;flex:0 0 30px}
.cbd-logo .leaf::before{content:"";position:absolute;inset:7px 9px;border-radius:0 14px 0 14px;background:var(--honey);transform:rotate(8deg)}
.cbd-logo b{color:var(--honey-d)}
.cbd-nav{display:flex;gap:20px;margin-left:auto;font-size:15px;font-weight:600;list-style:none;margin:0 0 0 auto;padding:0}
.cbd-nav li{margin:0}
.cbd-nav a{color:var(--ink);padding:6px 2px;border-bottom:2px solid transparent;display:inline-block}
.cbd-nav a:hover{color:var(--green);border-bottom-color:var(--honey)}
.cbd-cta{background:var(--honey);color:var(--green-d);padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;display:inline-block}
.cbd-cta:hover{background:var(--honey-d);color:#fff}
.cbd-burger{display:none;margin-left:auto;background:none;border:0;font-size:26px;color:var(--green-d);cursor:pointer}

/* ====== FOOTER DE MARQUE ====== */
.cbd-foot{background:var(--green-d);color:#C9DBCF;padding:50px 0 26px;font-size:14px;margin-top:60px}
.cbd-foot .in{max-width:1080px;margin:0 auto;padding:0 20px}
.cbd-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}
.cbd-foot h4{color:#fff;font-family:inherit;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.cbd-foot a{display:block;padding:4px 0;color:#C9DBCF}
.cbd-foot a:hover{color:var(--honey)}
.cbd-foot .logo{color:#fff;display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:20px;font-weight:700;margin-bottom:12px}
.cbd-foot .leaf{width:28px;height:28px;border-radius:50%;background:var(--green);position:relative}
.cbd-foot .leaf::before{content:"";position:absolute;inset:6px 8px;border-radius:0 13px 0 13px;background:var(--honey)}
.cbd-foot .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:12px;color:#9FB6A8;line-height:1.6}

/* ====== ZONE CONTENU (pages internes / articles) ====== */
.site-content,.content-area{background:var(--white)}
.single .inside-article,.page .inside-article{max-width:1080px;margin:0 auto;padding:0;border:0;background:transparent}
/* l'article fournit son propre hero+titre -> masquer le titre/entete GeneratePress en simple */
.single .entry-header,.single .page-header,.single-post .entry-title{display:none !important}
.single .entry-content,.page .entry-content{margin-top:0}
/* listes/blog par defaut : un peu d'air */
.blog .inside-article,.archive .inside-article{max-width:820px;margin:0 auto 22px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}
.entry-content{font-size:17px}

/* Boutons generiques */
.button,button,input[type="submit"],.wp-block-button__link{background:var(--green);border:0;border-radius:999px;color:#fff;font-weight:700;padding:11px 20px}
.button:hover,button:hover{background:var(--green-d);color:#fff}

/* ====== SECTIONS HOMEPAGE (front-page.php) ====== */
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.hp-hero{background:linear-gradient(160deg,var(--cream),#EDF4EE 70%,#E4EFE7);padding:60px 0 66px;position:relative;overflow:hidden}
.hp-hero::after{content:"";position:absolute;right:-100px;bottom:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(232,160,74,.22),transparent 65%)}
.hp-hero .wrap{position:relative;z-index:2;max-width:740px}
.hp-hero .eyebrow{color:var(--green);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.hp-hero h1{font-size:clamp(32px,6vw,50px);margin:14px 0 0;color:var(--green-d)}
.hp-hero p{font-size:clamp(16px,2.4vw,20px);color:var(--muted);margin:16px 0 0;max-width:560px}
.hp-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:700;font-size:16px}
.btn-honey{background:var(--honey);color:var(--green-d)} .btn-honey:hover{background:var(--honey-d);color:#fff}
.btn-out{background:transparent;color:var(--green-d);border:2px solid var(--green)} .btn-out:hover{background:var(--green);color:#fff}
.hp-trust{background:var(--green-d);color:#EAF3EC}
.hp-trust .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:18px 20px;font-size:14px;font-weight:600}
.hp-trust span{display:flex;align-items:center;gap:8px}
.hp-trust .dot{width:8px;height:8px;border-radius:50%;background:var(--honey)}
.hp-block{padding:60px 0}
.hp-head{text-align:center;max-width:620px;margin:0 auto 36px}
.hp-head .eyebrow{color:var(--honey-d);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.hp-head h2{font-size:clamp(26px,4vw,36px);margin:10px 0 0;color:var(--green-d)}
.hp-head p{color:var(--muted);margin:12px 0 0}
.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hp-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.18s;display:flex;flex-direction:column}
.hp-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(35,79,62,.45)}
.hp-card .top{height:110px;display:flex;align-items:center;justify-content:center;font-size:42px}
.c1{background:#E8F1EA}.c2{background:#E9EEF6}.c3{background:#F3EEE6}.c4{background:#EFF3E8}
.hp-card .body{padding:18px;flex:1;display:flex;flex-direction:column}
.hp-card h3{font-size:18px;color:var(--green-d)}
.hp-card p{font-size:14px;color:var(--muted);margin:8px 0 14px;flex:1}
.hp-card .link{color:var(--green);font-weight:700;font-size:14px}
.quizcard{background:linear-gradient(135deg,var(--green),var(--green-d));color:#fff;border-radius:20px;padding:40px 36px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;box-shadow:0 24px 50px -28px rgba(35,79,62,.7)}
.quizcard .qt{flex:1;min-width:260px}
.quizcard .badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.quizcard h2{color:#fff;font-size:clamp(24px,3.5vw,32px);margin:14px 0 0}
.quizcard p{color:#D7E8DC;margin:10px 0 0;max-width:430px}
.hp-qual{background:var(--cream)}
.qcols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.qbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px}
.qbox .ic{width:46px;height:46px;border-radius:12px;background:#EAF3EC;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--green)}
.qbox h3{font-size:18px;margin:14px 0 0;color:var(--green-d)}
.qbox p{font-size:14.5px;color:var(--muted);margin:8px 0 0}
.news{background:linear-gradient(135deg,#FBF4E9,#F7FAF6);border:1px solid var(--line);border-radius:20px;padding:40px 32px;text-align:center}
.news h2{color:var(--green-d);font-size:clamp(24px,3.5vw,30px)}
.news p{color:var(--muted);margin:10px auto 0;max-width:460px}
.news .form{display:flex;gap:10px;max-width:440px;margin:22px auto 0;flex-wrap:wrap}
.news input{flex:1;min-width:200px;padding:13px 16px;border:1px solid var(--line);border-radius:999px}

@media(max-width:860px){
  .hp-grid{grid-template-columns:repeat(2,1fr)} .qcols{grid-template-columns:1fr} .cbd-foot .cols{grid-template-columns:1fr 1fr}
  .cbd-nav{display:none} .cbd-burger{display:block}
}
@media(max-width:520px){ .hp-grid{grid-template-columns:1fr} .cbd-foot .cols{grid-template-columns:1fr} }