/*
Theme Name: TastySprig Child
Template: astra
Version: 2.0
*/
:root{
  --mx-cream:#faf7f2; --mx-card:#ffffff; --mx-coral:#e85d4a; --mx-coral2:#d14836;
  --mx-ink:#241d1a; --mx-ink2:#7a6a60; --mx-line:#ece1d6; --mx-soft:#fdf6f2;
  --mx-serif:Georgia,"Iowan Old Style","Times New Roman",serif;
}
*{box-sizing:border-box}
body{background:var(--mx-cream)!important;color:var(--mx-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}

/* ---------- header ---------- */
.site-header,.ast-primary-header-bar,.main-header-bar{
  background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--mx-line)!important;box-shadow:none!important}
.main-header-bar-wrap{backdrop-filter:saturate(1.4) blur(8px)}
.site-title a{color:var(--mx-coral)!important;font-weight:900!important;letter-spacing:-.6px;font-size:26px!important}
.main-navigation a{font-weight:600;color:var(--mx-ink)!important}
.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--mx-coral)!important}

/* ---------- listing wrap + intro ---------- */
.mx-wrap{padding:20px 0 56px}
.mx-intro{margin:6px 2px 24px}
.mx-intro h1{font-family:var(--mx-serif);font-size:33px;font-weight:800;letter-spacing:-.4px;
  color:var(--mx-ink);margin:0 0 6px;line-height:1.15}
.mx-intro p,.mx-introd{color:var(--mx-ink2);font-size:16px;margin:0;line-height:1.6}

/* ---------- magazine grid ---------- */
.mx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.mx-card{background:var(--mx-card);border:1px solid var(--mx-line);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(43,35,32,.05);
  transition:transform .16s ease,box-shadow .16s ease}
.mx-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(43,35,32,.13)}
.mx-thumb{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--mx-soft);position:relative}
.mx-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;transition:transform .3s ease}
.mx-card:hover .mx-thumb img{transform:scale(1.05)}
.mx-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--mx-coral),var(--mx-coral2));color:#fff;font-weight:900;
  font-size:24px;letter-spacing:.5px;opacity:.95}
.mx-body{padding:15px 18px 17px;display:flex;flex-direction:column;gap:9px;flex:1}
.mx-cat{align-self:flex-start;background:var(--mx-soft);color:var(--mx-coral2);border:1px solid var(--mx-line);
  font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 10px;border-radius:20px;
  text-decoration:none;transition:.15s}
.mx-cat:hover{background:var(--mx-coral);color:#fff;border-color:var(--mx-coral)}
.mx-title{font-family:var(--mx-serif);font-size:19px;line-height:1.3;font-weight:800;margin:0}
.mx-title a{color:var(--mx-ink)!important;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mx-title a:hover{color:var(--mx-coral)!important}
.mx-exc{color:var(--mx-ink2);font-size:14px;line-height:1.55;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mx-meta{margin-top:auto;padding-top:9px;display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid var(--mx-line);font-size:12.5px;color:var(--mx-ink2)}
.mx-more{color:var(--mx-coral)!important;font-weight:700;text-decoration:none;white-space:nowrap}
.mx-more:hover{color:var(--mx-coral2)!important}
.mx-empty{color:var(--mx-ink2);padding:24px 2px}

/* featured first card (wide screens) */
@media(min-width:920px){
  .mx-card.mx-feat{grid-column:1 / -1;flex-direction:row}
  .mx-card.mx-feat .mx-thumb{flex:0 0 360px;aspect-ratio:3/4}
  .mx-card.mx-feat .mx-body{flex:1;justify-content:center;padding:30px 40px;gap:13px}
  .mx-card.mx-feat .mx-title{font-size:28px}
  .mx-card.mx-feat .mx-title a{-webkit-line-clamp:3}
  .mx-card.mx-feat .mx-exc{-webkit-line-clamp:5;font-size:16px}
}

/* pagination */
.mx-pag{margin-top:42px}
.mx-pag .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.mx-pag .page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;
  padding:0 13px;border-radius:11px;background:var(--mx-card);border:1px solid var(--mx-line);
  color:var(--mx-ink)!important;text-decoration:none;font-weight:700}
.mx-pag .page-numbers.current{background:var(--mx-coral);color:#fff!important;border-color:var(--mx-coral)}
.mx-pag .page-numbers:hover{border-color:var(--mx-coral)}
.mx-pag .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ---------- single article ---------- */
.single .entry-title,.ast-single-post .entry-title{font-family:var(--mx-serif);font-size:34px;line-height:1.2;font-weight:800}
.single .entry-content{font-size:18px;line-height:1.85;color:#33291f}
.single .entry-content p{margin:0 0 1.25em}
.single .entry-content h2{font-family:var(--mx-serif);color:var(--mx-coral2);font-weight:800;margin-top:1.7em;font-size:26px}
.single .entry-content h3{font-family:var(--mx-serif);color:var(--mx-ink);font-weight:800;margin-top:1.4em}
.single .entry-content img{border-radius:14px}
.single .entry-content blockquote{border-left:4px solid var(--mx-coral);background:#fdf1ee;border-radius:10px;
  padding:14px 20px;font-style:italic;margin:1.4em 0}
.ast-single-post .post-thumb img,.single .post-thumb-img-content img{border-radius:16px}

/* GROS bouton Suivant / Weiter (single only) */
.mx-nextwrap{text-align:center;margin:36px 0 10px}
.mx-navrow{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.mx-next{display:inline-block;background:linear-gradient(135deg,var(--mx-coral),var(--mx-coral2));color:#fff!important;
  font-size:19px;font-weight:800;padding:15px 44px;border-radius:14px;text-decoration:none!important;
  box-shadow:0 6px 20px rgba(232,93,74,.4);transition:transform .12s ease}
.mx-next:hover{transform:scale(1.04)}
.mx-back{display:inline-block;background:#fff;color:var(--mx-coral2)!important;border:2px solid var(--mx-coral);
  font-size:19px;font-weight:800;padding:13px 36px;border-radius:14px;text-decoration:none!important;transition:transform .12s ease}
.mx-back:hover{transform:scale(1.04);background:#fdf1ee}
.mx-pageinfo{display:block;margin-top:10px;color:var(--mx-ink2);font-size:13px}

/* ---------- footer ---------- */
.site-footer,.ast-small-footer,.footer-sml-layout{background:#241d1a!important;color:#cfc3bb!important}
.site-footer a,.ast-small-footer a{color:#f0b9ae!important}
.mx-footlinks{background:#241d1a;padding:20px 16px 6px;border-top:1px solid rgba(255,255,255,.08)}
.mx-footlinks-in{max-width:1100px;margin:0 auto}
.mx-footmenu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:9px 24px;margin:0;padding:0}
.mx-footmenu li{margin:0}
.mx-footmenu a{color:#e9ddd4!important;font-size:13px;font-weight:600;text-decoration:none;transition:.15s}
.mx-footmenu a:hover{color:var(--mx-coral)!important}

/* ---------- responsive ---------- */
@media(max-width:600px){
  .mx-grid{grid-template-columns:1fr;gap:18px}
  .mx-intro h1{font-size:26px}
  .site-title a{font-size:22px!important}
  .single .entry-title,.ast-single-post .entry-title{font-size:27px}
  .single .entry-content{font-size:17px}
  .mx-next,.mx-back{font-size:17px;padding:13px 30px}
}