/*
Theme Name: HackTheMenu Child
Theme URI: https://hackthemenu.us/
Description: Child theme for Kadence. Holds the shared article design system (hero, fact cards, sections, tables, FAQ) for hackthemenu.us so every article renders in one visual language. Parent theme CSS stays untouched; this stylesheet loads after it.
Author: HackTheMenu
Template: kadence
Version: 1.1.2
Text Domain: hackthemenu-child
*/

/* ============================================================
   HACKTHEMENU ARTICLE DESIGN SYSTEM
   Articles carry per-chain class prefixes (ino-, bk-, pop-, clv-,
   yo-, sonic-, dq-, mcd- ...) over one shared suffix vocabulary:
   -hero-stage, -hero-shell, -float-card, -fact-value, -section,
   -section-title, -price-table, -faq-item, -callout and so on.
   Attribute selectors below style that whole vocabulary at once,
   so every current and future article gets the same design.
   ============================================================ */

:root{
  --htm-teal:#14B8A6;
  --htm-teal-dark:#0D9488;
  --htm-teal-deep:#0F766E;
  --htm-dark:#1A1A1A;
  --htm-body:#374151;
  --htm-muted:#6B7280;
  --htm-line:#E5E7EB;
  --htm-bg:#F7F7F7;
  --htm-teal-soft:#F0FDF9;
  --htm-butter:#FFF7EA;
  --htm-sage:#EDF7F0;
  --htm-blush:#FDF0F2;
  --htm-ledger:#F8FAFC;
  --htm-blue:#2B6CB0;
  --htm-radius:20px;
  --htm-shadow:0 6px 24px rgba(17,24,39,.07);
}

/* ---------- Article roots ---------- */
.entry-content [class*="-article-root"],
.entry-content [class*="-page-native"],
.entry-content [class*="-coupons-page"]{
  color:var(--htm-body);
  font-size:17px;
  line-height:1.75;
}
.entry-content [class*="-article-root"] p,
.entry-content [class*="-page-native"] p{
  margin:0 0 16px;
}

/* ---------- Hero ---------- */
/* Posts whose content carries its own hero hide Kadence's entry
   header, so the article title never renders twice. */
body.htm-has-hero .entry-header{
  display:none;
}
.entry-content [class*="-hero-stage"]{
  background:linear-gradient(135deg,#F0FDF9 0%,#F7F7F7 55%,#FFF7EA 100%);
  border:1px solid var(--htm-line);
  border-radius:24px;
  padding:44px 40px 36px;
  margin:8px 0 36px;
}
.entry-content [class*="-hero-shell"]{
  max-width:1120px;
  margin:0 auto;
}
/* Raw-HTML articles: columns are direct children of the shell.
   Group articles: columns live in the inner container (rule below).
   Articles with their own embedded design use !important there and
   are intentionally left untouched. */
.entry-content [class*="-hero-shell"]:has(> [class*="-hero-copy-col"]){
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:36px;
  align-items:start;
}
.entry-content [class*="-overline"],
.entry-content [class*="-eyebrow"]{
  display:inline-block;
  color:var(--htm-teal-deep);
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:#fff;
  border:1px solid #CCFBF1;
  border-radius:999px;
  padding:5px 12px;
  margin:0 0 16px;
}
.entry-content [class*="-hero-title"]{
  color:var(--htm-dark);
  font-size:42px;
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.01em;
  margin:0 0 16px;
}
.entry-content [class*="-hero-copy"]{
  font-size:17.5px;
  color:var(--htm-body);
  margin:0 0 14px;
}
.entry-content [class*="-subtitle"]{
  font-size:19px;
  color:var(--htm-body);
  margin:0 0 14px;
}
.entry-content [class*="-scope-note"],
.entry-content [class*="-hero-note"],
.entry-content [class*="-price-note"]{
  font-size:13.5px;
  color:var(--htm-muted);
  margin:10px 0 0;
}
.entry-content [class*="-hero-actions"]{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:22px 0 6px;
}
.entry-content [class*="-hero-actions"] .wp-block-button{
  margin:0;
}

/* Buttons: primary / secondary (wrapper and direct variants) */
.entry-content [class*="-primary"] > .wp-block-button__link,
.entry-content a[class*="-btn-primary"],
.entry-content [class*="-btn-primary"] > a{
  background:var(--htm-teal);
  color:#fff !important;
  border:1px solid var(--htm-teal);
  border-radius:999px;
  padding:12px 24px;
  font-weight:700;
  font-size:15.5px;
  text-decoration:none;
  display:inline-block;
  transition:background .15s ease;
}
.entry-content [class*="-primary"] > .wp-block-button__link:hover,
.entry-content a[class*="-btn-primary"]:hover{
  background:var(--htm-teal-dark);
}
.entry-content [class*="-secondary"] > .wp-block-button__link,
.entry-content a[class*="-btn-secondary"],
.entry-content [class*="-btn-secondary"] > a{
  background:#fff;
  color:var(--htm-dark) !important;
  border:1px solid #D1D5DB;
  border-radius:999px;
  padding:12px 24px;
  font-weight:700;
  font-size:15.5px;
  text-decoration:none;
  display:inline-block;
}
.entry-content [class*="-secondary"] > .wp-block-button__link:hover,
.entry-content a[class*="-btn-secondary"]:hover{
  border-color:var(--htm-teal);
  color:var(--htm-teal-deep) !important;
}
.entry-content a[class*="-btn"]:not([class*="-btn-primary"]):not([class*="-btn-secondary"]){
  color:var(--htm-blue);
  font-weight:700;
}

/* ---------- Hero floats / fact cards ---------- */
/* Grid only when cards are DIRECT children (raw-HTML articles).
   Group articles lay out their inner container instead — applying
   a grid here would squeeze that container into one column. */
.entry-content [class*="-hero-floats"]:has(> [class*="-float-card"]){
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.entry-content [class*="-hero-floats"]:has(> [class*="-fact-card"]){
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.entry-content [class*="-float-card"],
.entry-content [class*="-fact-card"]{
  background:#fff;
  border:1px solid var(--htm-line);
  border-radius:16px;
  box-shadow:var(--htm-shadow);
  padding:18px 18px 14px;
  margin:0;
}
.entry-content [class*="-float-2"],
.entry-content [class*="-float-4"],
.entry-content [class*="-fact-two"],
.entry-content [class*="-fact-four"],
.entry-content [class*="-fact-b"],
.entry-content [class*="-fact-d"]{
  background:#FFF7F2;
}
.entry-content [class*="-fact-value"]{
  color:var(--htm-dark);
  font-size:23px;
  font-weight:800;
  line-height:1.15;
  margin:0 0 4px !important;
}
.entry-content [class*="-fact-label"]{
  color:var(--htm-muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0 !important;
}

/* ---------- Jump bar / jump links ---------- */
.entry-content [class*="-jumpbar"],
.entry-content [class*="-jump-inner"]{
  background:#fff;
  border:1px solid var(--htm-line);
  border-radius:14px;
  padding:12px 16px;
  margin:0 0 30px;
}
.entry-content [class*="-jump-links"]{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  align-items:center;
  margin:14px 0 0;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.entry-content [class*="-jump-links"]::-webkit-scrollbar{
  display:none;
}
.entry-content [class*="-jump-links"] a,
.entry-content [class*="-jumpbar"] a{
  background:var(--htm-teal-soft);
  border:1px solid #CCFBF1;
  color:var(--htm-teal-deep) !important;
  border-radius:999px;
  padding:6px 14px;
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
  display:inline-block;
  flex:0 0 auto;
  white-space:nowrap;
}
.entry-content [class*="-jump-links"] a:hover,
.entry-content [class*="-jumpbar"] a:hover{
  background:#CCFBF1;
}
/* Scrollspy active pill (class added by scrollspy.js) — dark selected
   state that stays readable on every article's brand-colored bar. */
.entry-content [class*="-jump-links"] a.htm-jump-active,
.entry-content [class*="-jumpbar"] a.htm-jump-active{
  background:#1A1A1A !important;
  border-color:#1A1A1A !important;
  color:#FFFFFF !important;
  box-shadow:0 2px 8px rgba(0,0,0,.28);
}

/* ---------- Sections ---------- */
.entry-content [class*="-section"]:not([class*="-section-title"]):not([class*="-faq-section"]){
  margin:38px 0;
}
.entry-content [class*="-section-title"]{
  color:var(--htm-dark);
  font-size:27px;
  font-weight:800;
  line-height:1.25;
  margin:0 0 18px;
  padding-bottom:10px;
  position:relative;
}
.entry-content [class*="-section-title"]::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  border-radius:4px;
  background:var(--htm-teal);
  margin-top:10px;
}
/* Tinted section variants */
.entry-content [class*="-butter"]{
  background:var(--htm-butter);
  border-radius:var(--htm-radius);
  padding:28px;
}
.entry-content [class*="-sage"]{
  background:var(--htm-sage);
  border-radius:var(--htm-radius);
  padding:28px;
}
.entry-content [class*="-blush"]{
  background:var(--htm-blush);
  border-radius:var(--htm-radius);
  padding:28px;
}
.entry-content [class*="-ledger"]{
  background:var(--htm-ledger);
  border:1px solid var(--htm-line);
  border-radius:var(--htm-radius);
  padding:28px;
}
.entry-content [class*="-surface"]{
  background:var(--htm-bg);
  border-radius:var(--htm-radius);
  padding:28px;
}
.entry-content [class*="-tint"]{
  background:var(--htm-teal-soft);
  border-radius:var(--htm-radius);
  padding:28px;
}

/* ---------- Tables ---------- */
.entry-content [class*="-table-wrap"]{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.entry-content figure.wp-block-table{
  overflow-x:auto;
  border-radius:14px;
  margin:0 0 8px;
}
.entry-content .wp-block-table table,
.entry-content [class*="-price-table"] table,
.entry-content [class*="-hack-table"] table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--htm-line);
  border-radius:14px;
  overflow:hidden;
  font-size:15.5px;
  background:#fff;
}
.entry-content .wp-block-table thead th,
.entry-content [class*="-price-table"] thead th,
.entry-content [class*="-hack-table"] thead th{
  background:var(--htm-teal-deep);
  color:#fff;
  text-align:left;
  font-weight:700;
  padding:12px 16px;
  border:none;
}
.entry-content .wp-block-table td,
.entry-content [class*="-price-table"] td,
.entry-content [class*="-hack-table"] td{
  padding:11px 16px;
  border-bottom:1px solid #EEF2F5;
  color:var(--htm-body);
  vertical-align:top;
}
.entry-content .wp-block-table tbody tr:nth-child(even) td,
.entry-content [class*="-price-table"] tbody tr:nth-child(even) td,
.entry-content [class*="-hack-table"] tbody tr:nth-child(even) td{
  background:#F9FAFB;
}
.entry-content .wp-block-table tbody tr:last-child td,
.entry-content [class*="-price-table"] tbody tr:last-child td,
.entry-content [class*="-hack-table"] tbody tr:last-child td{
  border-bottom:none;
}
.entry-content .wp-block-table figcaption{
  color:var(--htm-muted);
  font-size:13px;
  padding:8px 4px 0;
  text-align:left;
}

/* ---------- FAQ (native details accordions) ---------- */
.entry-content [class*="-faq-stage"],
.entry-content [class*="-faq-section"]{
  margin:38px 0;
}
.entry-content details[class*="-faq-item"]{
  background:#fff;
  border:1px solid var(--htm-line);
  border-radius:14px;
  margin:0 0 10px;
  padding:0;
  overflow:hidden;
}
.entry-content details[class*="-faq-item"] summary{
  cursor:pointer;
  list-style:none;
  font-weight:700;
  color:var(--htm-dark);
  font-size:16.5px;
  padding:16px 44px 16px 18px;
  position:relative;
}
.entry-content details[class*="-faq-item"] summary::-webkit-details-marker{
  display:none;
}
.entry-content details[class*="-faq-item"] summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:var(--htm-teal-deep);
  font-size:22px;
  font-weight:800;
  line-height:1;
}
.entry-content details[class*="-faq-item"][open ] summary::after{
  content:"\2013";
}
.entry-content details[class*="-faq-item"] > p,
.entry-content details[class*="-faq-item"] > div{
  padding:0 18px 16px;
  margin:0;
  color:var(--htm-body);
}

/* ---------- Lists: check / process ---------- */
.entry-content [class*="-check-list"] ul,
.entry-content [class*="-check-list"]{
  list-style:none;
}
.entry-content [class*="-check-list"] li{
  position:relative;
  padding-left:32px;
  margin:0 0 10px;
  list-style:none;
}
.entry-content [class*="-check-list"] li::before{
  content:"\2713";
  position:absolute;
  left:0;
  top:1px;
  width:21px;
  height:21px;
  border-radius:50%;
  background:var(--htm-teal-soft);
  border:1px solid #99F6E4;
  color:var(--htm-teal-deep);
  font-size:12px;
  font-weight:800;
  text-align:center;
  line-height:20px;
}
.entry-content [class*="-process-list"],
.entry-content ul[class*="-process"]{
  list-style:none;
  counter-reset:htm-step;
  padding-left:0;
}
.entry-content [class*="-process-list"] li,
.entry-content ul[class*="-process"] li{
  position:relative;
  padding-left:44px;
  margin:0 0 14px;
  list-style:none;
  counter-increment:htm-step;
}
.entry-content [class*="-process-list"] li::before,
.entry-content ul[class*="-process"] li::before{
  content:counter(htm-step);
  position:absolute;
  left:0;
  top:0;
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--htm-teal);
  color:#fff;
  font-size:14.5px;
  font-weight:800;
  text-align:center;
  line-height:30px;
}

/* ---------- Callouts, compare, answer cards ---------- */
.entry-content [class*="-callout"]{
  background:var(--htm-teal-soft);
  border-left:4px solid var(--htm-teal);
  border-radius:12px;
  padding:18px 20px;
  margin:24px 0;
  color:var(--htm-body);
}
.entry-content [class*="-compare-grid"]{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:24px 0;
}
.entry-content [class*="-compare-card"],
.entry-content [class*="-answer-card"]{
  background:#fff;
  border:1px solid var(--htm-line);
  border-radius:16px;
  box-shadow:var(--htm-shadow);
  padding:22px;
  margin:0 0 16px;
}
.entry-content [class*="-order-note"]{
  font-size:13.5px;
  color:var(--htm-muted);
  margin:8px 0 0;
}

/* ---------- Article footer ---------- */
.entry-content [class*="-article-footer"]{
  border-top:1px solid var(--htm-line);
  margin-top:44px;
  padding-top:22px;
  color:var(--htm-muted);
  font-size:14.5px;
}

/* Reveal-on-scroll hooks: content must never depend on JS to be visible */
.entry-content [class*="-reveal"]{
  opacity:1 !important;
  transform:none !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px){
  .entry-content [class*="-hero-stage"]{
    padding:30px 22px 26px;
    border-radius:18px;
  }
  .entry-content [class*="-hero-shell"]{
    gap:24px;
  }
  .entry-content [class*="-hero-shell"]:has(> [class*="-hero-copy-col"]){
    grid-template-columns:1fr;
  }
  .entry-content [class*="-hero-title"]{
    font-size:31px;
  }
  .entry-content [class*="-section-title"]{
    font-size:23px;
  }
  .entry-content [class*="-compare-grid"]{
    grid-template-columns:1fr;
  }
  .entry-content [class*="-butter"],
  .entry-content [class*="-sage"],
  .entry-content [class*="-blush"],
  .entry-content [class*="-ledger"],
  .entry-content [class*="-surface"],
  .entry-content [class*="-tint"]{
    padding:20px;
  }
}
@media (max-width: 560px){
  .entry-content [class*="-hero-floats"]:has(> [class*="-float-card"]){
    gap:10px;
  }
  .entry-content [class*="-float-card"],
  .entry-content [class*="-fact-card"]{
    padding:13px 13px 10px;
  }
  .entry-content [class*="-fact-value"]{
    font-size:18px;
  }
  .entry-content [class*="-hero-actions"] .wp-block-button,
  .entry-content [class*="-hero-actions"] .wp-block-button__link{
    width:100%;
    text-align:center;
  }
  .entry-content .wp-block-table table{
    font-size:14px;
  }
  .entry-content .wp-block-table td,
  .entry-content .wp-block-table thead th{
    padding:9px 11px;
  }
}

/* ============================================================
   MIGRATED 2026-10-20: former Customizer Additional CSS
   (was stored against the standalone Kadence theme; moved here
   verbatim so header/footer fixes survive the child theme.)
   ============================================================ */
/* Novamira evergreen article metadata */
body.single-post .entry-meta,
body.single-post time.entry-date,
body.blog .entry-meta,
body.archive .entry-meta{
  display:none!important;
}

/* Dairy Queen hero two-card color fix */
body.postid-345 .dq-float-2,
body.postid-345 .dq-float-4{background:#FFF7F2!important;}
body.postid-345 .dq-float-2 .dq-fact-value,
body.postid-345 .dq-float-2 .dq-fact-label,
body.postid-345 .dq-float-4 .dq-fact-value,
body.postid-345 .dq-float-4 .dq-fact-

/* hackthemenu.us: bottom disclaimer fine-print (2026-10-15) */
.ht-bottom-disclaimer{width:100% !important;margin-bottom:20px !important;padding-bottom:20px !important;border-bottom:1px solid rgba(255,255,255,.12) !important;}
.ht-bottom-disclaimer p{color:#6B7280 !important;font-size:12.5px !important;line-height:1.7 !important;margin:0 !important;max-width:900px !important;}label{color:#5A0B16!important;}
/* end Dairy Queen hero two-card color fix */

/* hackthemenu.us: infographic images fit within viewport height (no scrolling) */
.htmu-fit-screen{text-align:center;}
.htmu-fit-screen img{max-height:85vh;width:auto;margin-left:auto;margin-right:auto;display:block;}

/* Footer CTA band */
.ht-footer-cta{background:linear-gradient(135deg,#14B8A6 0%,#0D9488 100%);padding:44px 24px;}
.ht-footer-cta-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ht-footer-cta h2{color:#fff;font-size:30px;font-weight:800;margin:0 0 6px;letter-spacing:-.5px;}
.ht-footer-cta p{color:rgba(255,255,255,.9);font-size:16px;margin:0;}
.ht-footer-cta-btn{background:#fff;color:#0D9488;font-weight:800;font-size:16px;padding:14px 30px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.2);transition:transform .2s;}
/* hackthemenu.us: footer big-brand polish (2026-10-15) */
.site-footer .footer-widget-area .widget-title, .site-footer h2.widget-title { color:#fff !important; font-weight:700 !important; font-size:17px !important; margin-bottom:18px !important; text-align:left !important; }
.site-footer .footer-widget-area h2.wp-block-heading { color:#fff !important; font-weight:700 !important; font-size:17px !important; margin-bottom:18px !important; text-align:left !important; }
.site-footer .footer-widget-area a { color:#9CA3AF !important; }
.site-footer .footer-widget-area a:hover { color:#14B8A6 !important; }
.site-footer .footer-widget-area .widget_nav_menu li { margin-bottom:10px !important; }
.site-footer .footer-widget-area a.ht-footer-cta-btn, .site-footer .footer-widget-area a.ht-footer-cta-btn:hover { color:#0D9488 !important; }
.site-footer .site-middle-footer-wrap .footer-widget-area { text-align:left !important; }
.site-footer .site-bottom-footer-wrap { border-top:1px solid rgba(255,255,255,.12) !important; padding-top:24px !important; margin-top:16px !important; }
.site-footer .site-bottom-footer-wrap .site-footer-bottom-section-1 { text-align:left !important; }
.site-footer .site-bottom-footer-wrap .site-footer-bottom-section-2 { text-align:right !important; }
.site-footer .site-bottom-footer-wrap a { color:#9CA3AF !important; }
.site-footer .site-bottom-footer-wrap a:hover { color:#14B8A6 !important; }
.site-footer .site-bottom-footer-wrap .footer-html-inner p { color:#9CA3AF !important; }
.site-footer .wp-block-social-links .wp-block-social-link { background:rgba(255,255,255,.08) !important; }
.site-footer .wp-block-social-links .wp-block-social-link a, .site-footer .wp-block-social-links .wp-block-social-link a:hover { color:#fff !important; background:transparent !important; }
.site-footer .wp-block-social-links .wp-block-social-link svg, .site-footer .wp-block-social-links .wp-block-social-link svg path { fill:#fff !important; }

/* hackthemenu.us: bottom bar left/right layout fix */
.site-footer .site-bottom-footer-wrap .site-bottom-footer-inner-wrap { display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:space-between !important; gap:12px 32px !important; }
.site-footer .site-bottom-footer-wrap .site-footer-section { flex:0 1 auto !important; margin:0 !important; }
.site-footer .site-bottom-footer-wrap nav ul { display:flex !important; flex-wrap:wrap !important; gap:8px 24px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.site-footer .site-bottom-footer-wrap nav ul li { margin:0 !important; }
/* hackthemenu.us: push bottom-bar copyright to far right */
.site-footer .site-bottom-footer-wrap .site-bottom-footer-inner-wrap > :last-child { margin-left:auto !important; }
/* hackthemenu.us: bottom bar grid - force left/right */
.site-footer .site-bottom-footer-wrap .site-bottom-footer-inner-wrap { display:grid !important; grid-template-columns:1fr auto !important; align-items:center !important; gap:12px 32px !important; }


/* hackthemenu.us: bottom bar far-left/far-right fix */
.site-bottom-footer-wrap .site-bottom-footer-inner-wrap, .site-bottom-footer-wrap .kadence-footer-row-inner { display:flex !important; justify-content:space-between !important; align-items:center !important; width:100% !important; }

/* hackthemenu.us: bottom bar custom HTML element */
.ht-bottom-bar{display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:12px 32px !important;width:100% !important;}
.ht-bottom-links{display:flex !important;flex-wrap:wrap !important;gap:8px 28px !important;}
.ht-bottom-links a{color:#9CA3AF !important;text-decoration:none !important;font-size:14px !important;}
.ht-bottom-links a:hover{color:#14B8A6 !important;}
.ht-bottom-copy{color:#9CA3AF !important;font-size:14px !important;margin:0 !important;}
.ht-footer-cta-btn:hover{transform:translateY(-2px);color:#0D9488;}
.site-header.sticky,.kadence-sticky-header{backdrop-filter:blur(12px);}
#back-to-top,.scroll-to-top{display:flex;}

/* hackthemenu.us: fix oversized footer logo */
.site-footer .footer-widget-area img.custom-logo, .site-footer img.custom-logo, footer img.custom-logo { max-width: 200px !important; height: auto !important; }

/* hackthemenu.us: footer widget images (footer logo is a media widget image) */
.site-footer .footer-widget-area img { max-width: 200px !important; height: auto !important; }
/* ============================================================
   FIX 2026-10-20: block-editor group articles (Popeyes, BK, etc.)
   wrap columns in .wp-block-group__inner-container — apply the
   hero/float grids THROUGH that wrapper as well.
   ============================================================ */
.entry-content [class*="-hero-shell"] > .wp-block-group__inner-container{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:36px;
  align-items:start;
}
.entry-content [class*="-hero-floats"] > .wp-block-group__inner-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.entry-content [class*="-hero-shell"] > *,
.entry-content [class*="-hero-shell"] > .wp-block-group__inner-container > *,
.entry-content [class*="-hero-floats"] > .wp-block-group__inner-container > *{
  min-width:0;
}
.entry-content [class*="-hero-title"]{
  overflow-wrap:break-word;
}
/* (Removed blanket height:100% on cards in 1.0.5 — it made stacked
   non-grid cards overlap. Grid rows stretch cards automatically.) */
@media (max-width: 900px){
  .entry-content [class*="-hero-shell"] > .wp-block-group__inner-container{
    grid-template-columns:1fr;
    gap:24px;
  }
}

/* Deal articles (retrofitted + pipeline-born): sticky jump bar so the
   scrollspy strip stays on screen like the drafted articles' bars. */
.entry-content .deal-jumpbar{
  position:sticky;
  top:0;
  z-index:95;
}

/* Arby's roast-beef guide (post 2620) carries its own embedded dark
   jump-nav design: black bar, translucent pills, white text. The shared
   white jump-inner card must not sit behind those pills (white on white
   made the labels invisible). Neutralize the card for this nav only. */
.entry-content .arb-roast-jump-inner{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:10px 0;
  margin:0;
}

/* Reading gutters on small screens (user report 2026-10-20): on
   fullwidth/unboxed posts the plain flow ran edge to edge — section
   paragraphs touched both screen boundaries. Scoped to DIRECT children
   of .entry-content so designed articles whose sections live inside
   their own shells/groups keep their exact layout. */
@media (max-width: 900px){
  body.single-post .entry-content > p,
  body.single-post .entry-content > [class*="-section"]:not([class*="-section-title"]),
  body.single-post .entry-content > [class*="-faq-stage"],
  body.single-post .entry-content > figure[class*="-price-table"]{
    padding-left:20px;
    padding-right:20px;
  }
}

/* Single-column gutter for deal articles (user report 2026-10-20):
   deal articles carry no inner shell, so on small screens the whole
   entry content gets ONE 20px gutter — hero, jump bar, sections,
   tinted panels, FAQ and tables all align to the same margin line.
   The per-element paddings from the v1.0.7 fix are switched off for
   these posts so nothing is double-inset. */
@media (max-width: 900px){
  body.htm-deal-article .entry-content{
    padding-left:20px;
    padding-right:20px;
  }
  body.htm-deal-article.single-post .entry-content > p,
  body.htm-deal-article.single-post .entry-content > [class*="-section"]:not([class*="-section-title"]),
  body.htm-deal-article.single-post .entry-content > [class*="-faq-stage"],
  body.htm-deal-article.single-post .entry-content > figure[class*="-price-table"]{
    padding-left:0;
    padding-right:0;
  }
}
/* Price tables always scroll inside their figure, never the page. */
.entry-content figure[class*="-price-table"]{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  max-width:100%;
}

/* Beautiful body sections (user order 2026-10-20): on deal articles the
   plain sections left their paragraphs floating undesigned on the page
   background. Every section is now a soft designed panel — white card,
   hairline border, rounded corners, gentle shadow — and the FAQ stage
   gets the matching sage panel, so no paragraph looks plain anywhere.
   Scoped to deal articles; drafted articles keep their own designs. */
body.htm-deal-article .entry-content [class*="-section"]:not([class*="-section-title"]){
  background:#fff;
  border:1px solid var(--htm-line);
  border-radius:18px;
  padding:26px 28px;
  box-shadow:0 1px 3px rgba(26,26,26,.05);
}
body.htm-deal-article .entry-content [class*="-faq-stage"]{
  background:var(--htm-sage);
  border:1px solid var(--htm-line);
  border-radius:18px;
  padding:26px 28px;
  box-shadow:0 1px 3px rgba(26,26,26,.05);
}
body.htm-deal-article .entry-content [class*="-section"] p,
body.htm-deal-article .entry-content [class*="-faq-stage"] p{
  line-height:1.75;
  color:var(--htm-body);
  margin:0 0 16px;
}
body.htm-deal-article .entry-content [class*="-section"] p:last-child,
body.htm-deal-article .entry-content [class*="-faq-stage"] p:last-child{
  margin-bottom:0;
}
body.htm-deal-article .entry-content [class*="-section"] > p:first-of-type{
  font-size:17.5px;
  color:var(--htm-dark);
}
@media (max-width: 900px){
  body.htm-deal-article .entry-content [class*="-section"]:not([class*="-section-title"]),
  body.htm-deal-article .entry-content [class*="-faq-stage"]{
    padding:22px 20px;
  }
}

/* Keep the tint identity inside the new section cards (sage / butter /
   blush backgrounds win over the card's white). */
body.htm-deal-article .entry-content [class*="-section"][class*="-sage"]{ background:var(--htm-sage); }
body.htm-deal-article .entry-content [class*="-section"][class*="-butter"]{ background:var(--htm-butter); }
body.htm-deal-article .entry-content [class*="-section"][class*="-blush"]{ background:var(--htm-blush); }