/*
Theme Name: Julie Belrive
Theme URI: https://juliebelrive.com
Author: Julie Belrive
Description: Thème sur mesure pour le site de l'autrice Julie Belrive — romances de petite ville sur la côte landaise.
Version: 1.4
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: julie-belrive
*/

:root{
  --creme:#faf6ef; --sable:#eee2cf; --encre:#2c2a33; --gris:#6b675f;
  --mer:#2f5d6b; --mer-fonce:#234855; --terre:#b5573c; --ligne:#e4d8c4;
  --serif:"EB Garamond",Garamond,"Cormorant Garamond",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--creme);color:var(--encre);font-family:var(--serif);font-size:1.2rem;line-height:1.7}
img{max-width:100%;height:auto}
a{color:var(--mer);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--terre)}
h1,h2,h3{font-weight:600;line-height:1.2;color:var(--mer-fonce);margin:0 0 .6em}
h1{font-size:2.6rem}h2{font-size:1.9rem}h3{font-size:1.35rem}
.wrap{width:min(1080px,100% - 2.5rem);margin-inline:auto}
.narrow{width:min(720px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:99}

/* header */
.site-header{background:var(--creme);border-bottom:1px solid var(--ligne);position:sticky;top:0;z-index:20}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.brand{font-size:1.8rem;font-weight:600;letter-spacing:.02em;color:var(--mer-fonce);text-decoration:none}
.brand small{display:block;font-size:.85rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.nav ul{list-style:none;display:flex;gap:1.8rem;margin:0;padding:0}
.nav a{text-decoration:none;color:var(--encre);font-size:1.1rem;padding:.3rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav .current-menu-item a{border-bottom-color:var(--terre);color:var(--mer-fonce)}
.burger{display:none;background:none;border:1px solid var(--ligne);border-radius:6px;padding:.4rem .7rem;font:inherit;font-size:1rem;color:var(--mer-fonce);cursor:pointer}

/* boutons */
.btn{display:inline-block;background:var(--terre);color:#fff;text-decoration:none;padding:.7rem 1.6rem;border-radius:999px;font-size:1.1rem;border:2px solid var(--terre);transition:.15s}
.btn:hover{background:#9c452d;border-color:#9c452d;color:#fff}
.btn.ghost{background:transparent;color:var(--mer-fonce);border-color:var(--mer)}
.btn.ghost:hover{background:var(--mer);color:#fff}

/* hero */
.hero{background:linear-gradient(180deg,var(--sable) 0%,var(--creme) 100%);padding:4.5rem 0 3.5rem;text-align:center}
.hero .kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.95rem;color:var(--terre);margin:0 0 1rem}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.4em}
.hero p.lead{font-size:1.35rem;max-width:36rem;margin:0 auto 1.8rem;color:#4a463f}
.hero .actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

section.block{padding:3.5rem 0}
section.block.alt{background:#fff8ee}
.center{text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.9rem;color:var(--terre);margin:0 0 .4rem}

/* livres */
.books{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.6rem;margin:2rem 0}
.book-card{text-align:center;text-decoration:none;color:var(--encre)}
.book-card:hover .cover{transform:translateY(-4px)}
.cover{aspect-ratio:2/3;border-radius:4px 8px 8px 4px;box-shadow:0 8px 22px rgba(44,42,51,.22);overflow:hidden;position:relative;transition:.2s;background:var(--mer);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.2rem;text-align:center}
.cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:rgba(0,0,0,.18)}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover .serie{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.cover .num{font-size:1rem;margin:.4rem 0;opacity:.9}
.cover .ttl{font-size:1.35rem;font-weight:600;line-height:1.15}
.cover .aut{position:absolute;bottom:1rem;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;opacity:.85}
.tome-1 .cover{background:linear-gradient(160deg,#3d7484,#234855)}
.tome-2 .cover{background:linear-gradient(160deg,#8a3d50,#5c2231)}
.tome-3 .cover{background:linear-gradient(160deg,#7f9067,#4f5f3d)}
.tome-4 .cover{background:linear-gradient(160deg,#c9994a,#8d6427)}
.tome-5 .cover{background:linear-gradient(160deg,#3d5e51,#22382f)}
.book-card .cap{margin-top:.9rem;font-size:1.05rem;line-height:1.3}
.book-card .cap b{display:block;color:var(--mer-fonce)}
.book-row{display:grid;grid-template-columns:200px 1fr;gap:2.2rem;align-items:start;padding:2.2rem 0;border-bottom:1px solid var(--ligne)}
.book-row:last-child{border-bottom:0}
.book-row .meta{color:var(--terre);text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;margin:0}
.book-row h2{margin-top:.2rem}
.book-row .couple{font-style:italic;color:var(--gris);margin:-.2rem 0 .8rem}

/* newsletter */
.newsletter{background:var(--mer-fonce);color:#f4efe6;padding:3.5rem 0;text-align:center}
.newsletter h2{color:#fff}
.newsletter p{max-width:34rem;margin:0 auto 1.4rem}
.newsletter .form{max-width:30rem;margin:0 auto;background:#fff;color:var(--encre);border-radius:10px;padding:1rem}
.newsletter .fallback a{color:#fff}

/* contenu */
.page-head{background:var(--sable);padding:3rem 0 2.2rem;text-align:center}
.page-head h1{margin:0}
.content{padding:3rem 0}
.content p{margin:0 0 1.2em}
.about{display:grid;grid-template-columns:240px 1fr;gap:2.4rem;align-items:start}
.about .portrait{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2e3c6,#c9a26a);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;font-weight:600;overflow:hidden}
.about .portrait img{width:100%;height:100%;object-fit:cover}
.posts{display:grid;gap:2rem}
.post-card{border-bottom:1px solid var(--ligne);padding-bottom:1.6rem}
.post-card h2{font-size:1.6rem;margin-bottom:.2em}
.post-card h2 a{text-decoration:none}
.post-card .date{color:var(--gris);font-size:1rem;margin:0 0 .5rem}
.pager{display:flex;justify-content:space-between;margin-top:2rem}
.entry-meta{color:var(--gris)}

/* footer */
.site-footer{background:#1f2a2f;color:#cfd6d6;padding:2.5rem 0;text-align:center;font-size:1rem}
.site-footer a{color:#e7d9bd}
.site-footer ul{list-style:none;padding:0;margin:0 0 1rem;display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap}

@media(max-width:760px){
  body{font-size:1.1rem}
  .burger{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--creme);border-bottom:1px solid var(--ligne)}
  .nav.open{display:block}
  .nav ul{flex-direction:column;gap:0;padding:.5rem 1.25rem 1rem}
  .nav a{display:block;padding:.7rem 0}
  .book-row{grid-template-columns:1fr;gap:1.2rem}
  .book-row .cover{max-width:200px;margin-inline:auto}
  .about{grid-template-columns:1fr;text-align:center}
  .about .portrait{width:180px;margin-inline:auto}
  h1{font-size:2rem}
}

.badge{display:inline-block;background:var(--sable);color:var(--mer-fonce);border:1px solid var(--ligne);padding:.35rem 1rem;border-radius:999px;font-size:1.05rem}
.notify{color:var(--gris);font-size:1.05rem;margin-top:-.4rem}
.book-card .soon{display:block;color:var(--terre);font-size:.95rem;margin-top:.2rem}

/* 1.3 : tome 6 et coffrets */
.tome-6 .cover{background:linear-gradient(160deg,#6b4a7a,#43294f)}
.coffret .cover{background:linear-gradient(160deg,#2c2a33,#55505f)}
.coffret .cover .num{font-size:.95rem}
.coffrets-head{padding-top:2.5rem;margin-top:1rem;border-top:2px solid var(--ligne)}
.coffrets-head p{color:var(--gris)}
.see-coffrets{margin-top:1.6rem;color:var(--gris)}