/*
Theme Name: Friture sur la Ligne
Description: Thème de la newsletter pêche Friture sur la Ligne : page d'inscription Brevo en accueil, archives des numéros avec extrait réservé aux non-inscrits.
Version: 1.6
Author: Friture sur la Ligne
Text Domain: friture
Requires at least: 6.0
*/
:root{
  --paper:#f4efe4; --ink:#141414; --muted:#5b574f; --red:#d7261e; --line:#141414;
  --card:#fffaf0; --yellow:#ffd23f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:17px;line-height:1.55}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.mono{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* Masthead */
.top{border-bottom:3px solid var(--line)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px;gap:12px}
.top .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:8px;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.2}}
.masthead{text-align:center;padding:36px 0 18px;border-bottom:1px solid var(--line)}
.masthead h1{font-family:Fraunces,serif;font-weight:900;font-size:clamp(46px,11vw,120px);line-height:.9;letter-spacing:-.03em}
.masthead h1 em{font-style:italic;color:var(--red)}
.masthead .sub{margin-top:14px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}

/* Hero */
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding:48px 0 56px;border-bottom:3px solid var(--line);align-items:start}
.kicker{display:inline-block;background:var(--red);color:#fff;padding:4px 10px;margin-bottom:18px}
.hero h2{font-family:Fraunces,serif;font-size:clamp(32px,5vw,50px);line-height:1.05;font-weight:900;letter-spacing:-.02em}
.hero h2 span{background:linear-gradient(transparent 62%,var(--yellow) 62%)}
.hero p.lead{margin-top:20px;font-size:19px;color:var(--muted);max-width:520px}
.hero ul{list-style:none;margin-top:24px}
.hero li{padding:8px 0;border-top:1px dashed #b9b2a3;display:flex;gap:10px}
.hero li::before{content:"→";color:var(--red);font-weight:800}

.signup{background:var(--card);border:3px solid var(--line);box-shadow:8px 8px 0 var(--line);padding:28px}
.signup h3{font-family:Fraunces,serif;font-size:26px;line-height:1.1;margin-bottom:6px}
.signup .small{color:var(--muted);font-size:15px;margin-bottom:18px}
.field{display:block;width:100%;font:inherit;font-size:18px;padding:14px 16px;border:2px solid var(--line);background:#fff;border-radius:0;margin-bottom:12px}
.field:focus{outline:3px solid var(--yellow);outline-offset:0}
.consent{display:flex;gap:10px;font-size:13px;color:var(--muted);margin:4px 0 16px;line-height:1.4}
.consent input{margin-top:3px;accent-color:var(--red);flex:0 0 auto;width:18px;height:18px}
.btn{width:100%;font:inherit;font-weight:800;font-size:19px;padding:16px;background:var(--red);color:#fff;border:2px solid var(--line);cursor:pointer;transition:transform .08s,box-shadow .08s;box-shadow:4px 4px 0 var(--line)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--line)}
.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--line)}
.btn[disabled]{opacity:.6;cursor:wait}
.proof{margin-top:14px;font-size:13px;color:var(--muted);text-align:center}
.msg{display:none;padding:14px;border:2px solid var(--line);margin-top:14px;font-weight:600}
.msg.ok{display:block;background:#dff3d6}
.msg.err{display:block;background:#ffe0dc}
.hp{position:absolute;left:-9999px}

/* Une */
.section{padding:56px 0;border-bottom:3px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:28px;gap:12px;flex-wrap:wrap}
.section-head h2{font-family:Fraunces,serif;font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-.02em}
.headlines{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0}
.hl{padding:0 22px;border-left:1px solid var(--line)}
.hl:first-child{padding-left:0;border-left:0}
.hl .mono{color:var(--red)}
.hl h3{font-family:Fraunces,serif;font-weight:700;line-height:1.15;margin:8px 0 10px}
.hl:first-child h3{font-size:34px;font-weight:900}
.hl:not(:first-child) h3{font-size:21px}
.hl p{color:var(--muted);font-size:15px}
.disclaimer{margin-top:26px;font-size:13px;color:var(--muted);font-style:italic}

/* Rubriques */
.rubs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rub{border:2px solid var(--line);padding:20px;background:var(--card)}
.rub .num{font-family:Fraunces,serif;font-size:44px;font-weight:900;color:var(--red);line-height:1}
.rub h3{font-size:19px;margin:10px 0 6px;font-weight:800}
.rub p{font-size:15px;color:var(--muted)}

/* FAQ */
.faq{max-width:760px}
details{border-top:1px solid var(--line);padding:16px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:800;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--red);font-size:24px;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:10px;color:var(--muted)}

/* CTA final */
.final{background:var(--ink);color:var(--paper);text-align:center;padding:64px 0}
.final h2{font-family:Fraunces,serif;font-size:clamp(32px,5vw,54px);font-weight:900;line-height:1.05;letter-spacing:-.02em}
.final h2 em{color:var(--yellow)}
.final p{margin:14px auto 26px;max-width:520px;color:#c9c3b6}
.final .btn{max-width:360px;display:inline-block;text-decoration:none;box-shadow:4px 4px 0 var(--yellow)}

footer{padding:26px 0;font-size:13px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;gap:34px}
  .headlines{grid-template-columns:1fr}
  .hl{padding:18px 0;border-left:0;border-top:1px solid var(--line)}
  .hl:first-child{border-top:0;padding-top:0}
  .rubs{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .rubs{grid-template-columns:1fr}
  .signup{padding:20px;box-shadow:5px 5px 0 var(--line)}
  .top .hide-sm{display:none}
}

/* --- Ajouts WordPress --- */
.logo-link{text-decoration:none}
.nav{display:flex;gap:18px}
.nav a{text-decoration:none}
.nav a:hover{color:var(--red)}
.issues{list-style:none}
.issue{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}
.issue:last-child{border-bottom:1px solid var(--line)}
.issue .mono{color:var(--red)}
.issue h3{font-family:Fraunces,serif;font-size:28px;line-height:1.15;font-weight:900;margin-bottom:8px}
.issue h3 a{text-decoration:none}
.issue h3 a:hover{color:var(--red)}
.issue p{color:var(--muted)}
.pagination{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.pagination .page-numbers{border:2px solid var(--line);padding:6px 12px;text-decoration:none;font-weight:800}
.pagination .current{background:var(--ink);color:var(--paper)}
.article{max-width:720px;margin:0 auto;padding:48px 0}
.article h1{font-family:Fraunces,serif;font-size:clamp(34px,6vw,56px);line-height:1.05;font-weight:900;letter-spacing:-.02em;margin:12px 0 26px}
.entry{font-size:19px}
.entry > *+*{margin-top:1.1em}
.entry h2{font-family:Fraunces,serif;font-size:30px;line-height:1.15;margin-top:1.6em}
.entry h3{font-size:22px;margin-top:1.4em}
.entry a{color:var(--red)}
.entry ul,.entry ol{padding-left:1.3em}
.entry img{max-width:100%;height:auto}
.entry blockquote{border-left:4px solid var(--red);padding-left:18px;font-style:italic}
.gate{position:relative;margin-top:32px}
.gate::before{content:"";position:absolute;left:0;right:0;top:-120px;height:120px;background:linear-gradient(transparent,var(--paper));pointer-events:none}
.gate .signup h3{font-size:30px}
.empty{padding:40px 0;color:var(--muted)}
@media (max-width:600px){.issue{grid-template-columns:1fr;gap:6px}.entry{font-size:17px}.nav{gap:12px}}

/* Questions bonus du formulaire */
.bonus{border:2px dashed var(--line);padding:0 14px;margin-bottom:12px;background:#fff}
.bonus summary{font-size:15px;padding:12px 0;font-weight:700}
.bonus summary::after{font-size:20px}
.bonus[open]{padding-bottom:4px}
.bonus .field{font-size:16px;padding:12px 14px}
select.field{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23141414' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:38px}

/* Prénom + nom côte à côte */
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:380px){.row2{grid-template-columns:1fr;gap:0}}