/* Échos Abonnements — aux couleurs Échos Santé (utilise les variables du thème quand il est actif). */
.echos-paywall,.echos-offers,.echos-kiosk,.echos-account{--ab-green:var(--green,#009035);--ab-deep:var(--deep,#073c2b);--ab-lime:var(--lime,#d6ff73);--ab-line:var(--line,#d9e2d3);--ab-muted:var(--muted,#66746a);--ab-surface:var(--surface,#fff)}

/* Texte coupé : fondu vers le paywall */
/* Paywall en dégradé fondu : le texte s’efface progressivement dans la couleur de la page
   (claire, sombre ou sépia), puis la carte d’abonnement prend le relais dans un dégradé vert. */
.echos-fade{position:relative;height:0;pointer-events:none}
.echos-fade:before{content:'';position:absolute;left:-4px;right:-4px;bottom:0;height:260px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--paper,#f7f8f2) 82%)}
@supports (background:color-mix(in srgb,red,blue)){.echos-fade:before{background:linear-gradient(180deg,color-mix(in srgb,var(--paper,#f7f8f2) 0%,transparent) 0%,color-mix(in srgb,var(--paper,#f7f8f2) 60%,transparent) 45%,var(--paper,#f7f8f2) 85%)}}
.echos-fade+.echos-paywall{margin-top:-30px;z-index:1}

.echos-paywall{position:relative;overflow:hidden;margin:26px 0 40px;padding:34px 34px 28px;border-radius:24px;background:radial-gradient(120% 80% at 100% 0%,#d6ff7326 0,transparent 55%),linear-gradient(160deg,#0d5a3c 0%,var(--ab-deep) 42%,#04241a 100%);color:#eaf4e4;font-family:var(--body,inherit);box-shadow:0 -24px 60px -20px color-mix(in srgb,var(--paper,#f7f8f2) 90%,transparent),0 30px 60px -36px #073c2b99}
.echos-paywall:before{content:'';position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#d6ff7330 0,transparent 68%)}
.echos-paywall-top{display:flex;align-items:center;gap:12px}
.echos-paywall-lock{display:grid;place-content:center;width:42px;height:42px;border-radius:50%;background:var(--ab-lime);color:#0b2a1d;font:400 26px/1 Georgia,serif}
.echos-paywall-kicker,.echos-offer-kicker{margin:0;font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--ab-lime);text-transform:uppercase}
.echos-paywall .echos-paywall-title{margin:18px 0 8px;font:800 clamp(24px,3vw,32px)/1.15 var(--display,inherit);letter-spacing:-.8px;color:#fff}
.echos-paywall .echos-paywall-text{margin:0;max-width:560px;font-size:15px!important;line-height:1.7!important;color:#cfe3c8}
.echos-paywall-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:22px}
.echos-paywall-plan{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;background:linear-gradient(160deg,#ffffff1f,#ffffff08);border:1px solid #ffffff26;color:#fff!important;text-decoration:none!important;transition:transform .2s,background .2s}
.echos-paywall-plan:hover{transform:translateY(-2px);background:#ffffff1f}
.echos-paywall-plan span{font-size:13px;color:#cfe3c8}
.echos-paywall-plan strong{font:800 22px/1.1 var(--display,inherit);color:var(--ab-lime)}
.echos-paywall-plan strong del{opacity:.5;font-size:14px}
.echos-paywall-plan em{margin-top:6px;font-style:normal;font-size:12px;font-weight:700}
.echos-paywall-plan.is-best{background:linear-gradient(150deg,#e9ff9e 0%,var(--ab-lime) 55%,#b9ec4a 100%);border-color:var(--ab-lime)}
.echos-paywall-plan.is-best span,.echos-paywall-plan.is-best strong,.echos-paywall-plan.is-best em{color:#0b2a1d}
.echos-paywall-login{margin:18px 0 0;font-size:13px!important;color:#cfe3c8}
.echos-paywall-login a{color:var(--ab-lime)!important}
.echos-paywall-pay{margin:10px 0 0;font-size:11px!important;letter-spacing:.4px;color:#9fbf98}
.echos-premium-flag{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:5px 12px;border-radius:100px;background:var(--deep,#073c2b);color:var(--lime,#d6ff73);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.echos-premium-thanks{margin:12px 0 0;font-size:12px;color:var(--green,#009035)}

/* Offres */
.echos-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0 10px}
.echos-offer{position:relative;display:flex;flex-direction:column;padding:26px;border:1px solid var(--ab-line);border-radius:22px;background:var(--ab-surface)}
.echos-offer.is-best{background:var(--ab-deep);border-color:var(--ab-deep);color:#eaf4e4}
.echos-offer-badge{position:absolute;top:-11px;right:20px;padding:4px 12px;border-radius:100px;background:var(--ab-lime);color:#0b2a1d;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.echos-offer h3{margin:10px 0 6px;font:800 24px/1.15 var(--display,inherit);letter-spacing:-.6px}
.echos-offer.is-best h3{color:#fff}
.echos-offer .echos-offer-kicker{color:var(--ab-green)}
.echos-offer.is-best .echos-offer-kicker{color:var(--ab-lime)}
.echos-offer-tagline{margin:0;color:var(--ab-muted);font-size:14px}
.echos-offer.is-best .echos-offer-tagline{color:#cfe3c8}
.echos-offer-price{margin-top:20px;font:800 30px/1 var(--display,inherit);letter-spacing:-.8px;color:var(--ab-deep)}
.echos-offer.is-best .echos-offer-price{color:var(--ab-lime)}
.echos-offer-monthly{margin:6px 0 0;font-size:12px;color:var(--ab-muted)}
.echos-offer.is-best .echos-offer-monthly{color:#cfe3c8}
.echos-offer-button{display:flex;justify-content:space-between;margin-top:auto;padding:14px 18px;border-radius:14px;background:var(--ab-deep);color:var(--ab-lime)!important;font-weight:700;text-decoration:none!important;transform:translateY(18px)}
.echos-offer.is-best .echos-offer-button{background:var(--ab-lime);color:#0b2a1d!important}
.echos-offer{padding-bottom:44px}
.echos-offers-note{font-size:12px;color:var(--muted,#66746a)}

/* Kiosque */
.echos-kiosk{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin:24px 0}
.echos-kiosk-cover{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:var(--soft,#eaf0e5);box-shadow:0 18px 40px -24px #073c2b80}
.echos-kiosk-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.echos-kiosk-cover:hover img{transform:scale(1.04)}
.echos-kiosk-cover span{display:grid;place-content:center;height:100%;font-size:12px;color:var(--ab-muted)}
.echos-kiosk-cover b{position:absolute;left:10px;top:10px;padding:3px 10px;border-radius:100px;background:var(--ab-lime);color:#0b2a1d;font-size:10px;letter-spacing:.6px;text-transform:uppercase}
.echos-kiosk-meta{display:flex;justify-content:space-between;gap:8px;margin:12px 0 10px;font-size:13px}
.echos-kiosk-meta span{color:var(--ab-muted);font-size:12px}
.echos-kiosk-actions{display:flex;flex-wrap:wrap;gap:8px}
.echos-ed-btn{display:inline-flex;align-items:center;padding:8px 14px;border-radius:100px;border:1px solid var(--ab-line);font-size:12px;font-weight:700;text-decoration:none!important;color:var(--ab-deep)!important;background:var(--ab-surface)}
.echos-ed-btn.is-primary{background:var(--ab-deep);border-color:var(--ab-deep);color:var(--ab-lime)!important}
.echos-edition-single{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:36px;align-items:start}
.echos-edition-cover img{width:100%;height:auto;border-radius:14px;box-shadow:0 24px 60px -30px #073c2b99}
@media(max-width:700px){.echos-edition-single{grid-template-columns:1fr}}

/* Mon compte */
.echos-account-status{display:flex;gap:16px;align-items:center;padding:22px 24px;margin-bottom:24px;border-radius:20px;background:var(--soft,#eaf0e5)}
.echos-account-status.is-active{background:var(--ab-deep);color:#eaf4e4}
.echos-account-big{margin:4px 0;font:800 24px/1.2 var(--display,inherit);letter-spacing:-.5px}
.echos-account-status.is-active .echos-account-big{color:#fff}
.echos-account-status p{margin:2px 0}
.echos-account-hint{padding:14px 18px;border-radius:14px;background:var(--soft,#eaf0e5)}
.echos-pill{display:inline-block;padding:2px 10px;border-radius:100px;font-size:11px;font-weight:700;background:#eaf0e5;color:#073c2b}
.echos-pill.is-ok{background:var(--lime,#d6ff73);color:#0b2a1d}.echos-pill.is-warn{background:#fff1d6;color:#7a4b00}.echos-pill.is-off{background:#f3e3e3;color:#8a1f1f}

/* Badge sur les cards du thème */
.premium-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:100px;background:var(--deep,#073c2b);color:var(--lime,#d6ff73);font-size:9px;font-weight:700;letter-spacing:.8px;vertical-align:middle}

body.dark .echos-offer{background:#1a2e23}
body.dark .echos-offer-price{color:var(--lime,#d6ff73)}
body.dark .echos-ed-btn{background:#1a2e23;color:#eff5e9!important}
@media print{.echos-paywall{display:none}}
.echos-kiosk-more{margin:50px 0 0;font:800 30px/1.2 var(--display,inherit);letter-spacing:-1px}
.echos-account .echos-edition-single{margin-bottom:20px}
.echos-paywall-plan>em,.echos-paywall-plan>span{font-family:var(--body,inherit)}
.echos-paywall-plan strong{font-family:var(--display,inherit)}
.echos-paywall-plans+.echos-paywall-login{margin-top:20px}
/* Priorité sur la typographie de lecture du thème */
.echos-paywall .echos-paywall-plan strong{font-size:22px!important;line-height:1.15}
.echos-paywall .echos-paywall-plan>span,.echos-paywall .echos-paywall-plan>em{font-size:13px!important;line-height:1.4}
.echos-paywall .echos-paywall-plan strong span{font:inherit!important}
.echos-paywall .echos-paywall-login{margin-top:20px!important}
.echos-offers .echos-offer p{margin:0}
.echos-offers .echos-offer .echos-offer-kicker{font-size:10px!important;line-height:1.5!important;letter-spacing:1.6px}
.echos-offers .echos-offer .echos-offer-tagline{font-size:14px!important;line-height:1.5!important;margin-top:2px}
.echos-offers .echos-offer .echos-offer-monthly{font-size:12px!important;line-height:1.5!important;margin-top:6px}
.echos-offers .echos-offer h3{font-size:22px!important;margin:12px 0 6px!important}
p.echos-offers-note{font-size:12px!important;line-height:1.6!important}
.echos-kiosk .echos-kiosk-meta,.echos-kiosk .echos-ed-btn{font-size:12px!important;line-height:1.4!important}
.echos-kiosk a.echos-ed-btn{text-decoration:none!important}
/* Mon compte WooCommerce dans le thème Échos Santé */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.woocommerce-MyAccount-navigation a{display:block;padding:11px 16px;border-radius:12px;border:1px solid var(--line,#d9e2d3);background:var(--surface,#fff);color:var(--ink,#102b20)!important;text-decoration:none!important;font-weight:600;font-size:14px}
.woocommerce-MyAccount-navigation .is-active a{background:var(--deep,#073c2b);border-color:var(--deep,#073c2b);color:var(--lime,#d6ff73)!important}
.echos-history{width:100%;border-collapse:collapse;font-size:13px}
.echos-history th,.echos-history td{padding:10px;border-bottom:1px solid var(--line,#d9e2d3);text-align:left}