/*
Theme Name:  Salient Child — Scoops
Theme URI:   https://www.ilovescoopsmn.com
Description: Scoops Ice Cream & More — "Parlor Light" palette on the Wilds-style conversion layout. Full-bleed photo hero, by-the-numbers band, about split, ice cream strip, 3-up community tiles, 2x2 order CTA, map + reviews + Google badge, split final CTA, footer, nav, CF7 forms.
Author:      Purple AI, https://gopurple.ai
Template:    salient
Version:     2.1.0
*/

/* ============================================================
   SCOOPS DESIGN SYSTEM v2 — Wilds-structure build
   Scope: wrap page content in <div class="scp">.
   Shared "brand dark" (--scp-ink) is used by: nav (scrolled),
   by-the-numbers band, map/reviews section, footer.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Fraunces:ital,opsz,wght@1,9..144,500;1,9..144,600&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

.scp{
  --scp-ink:#1a1210;          /* brand near-black — warm, no purple cast */
  --scp-ink-2:#281d1a;
  --scp-paper:#fdf6fa;
  --scp-paper-2:#fbecf3;
  --scp-card:#ffffff;
  --scp-pink:#ff2e83;
  --scp-pink-deep:#d61a6b;
  --scp-pink-soft:#ffd6e7;
  --scp-cyan:#10b3c0;
  --scp-cyan-deep:#0a8d98;
  --scp-cyan-soft:#d3f3f6;
  --scp-muted:#7c6471;
  --scp-muted-d:#c4a8b6;      /* muted text on dark */
  --scp-line:#f0d9e4;
  --scp-line-2:#e7c8d6;
  --scp-line-d:rgba(255,255,255,.14);
  --scp-display:'Bricolage Grotesque',sans-serif;
  --scp-accent:'Fraunces',serif;          /* italic accent words */
  --scp-body:'Mulish',sans-serif;
  font-family:var(--scp-body);color:var(--scp-ink);background:var(--scp-paper);
  -webkit-font-smoothing:antialiased;
}
.scp *,.scp *::before,.scp *::after{box-sizing:border-box}
.scp a{text-decoration:none;color:inherit}
.scp img{max-width:100%;display:block}
.scp h1,.scp h2,.scp h3,.scp h4{font-family:var(--scp-display);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--scp-ink);margin:0}
.scp p{margin:0}
.scp em,.scp .scp-it{font-family:var(--scp-accent);font-style:italic;font-weight:500;letter-spacing:0}

.scp-wrap{max-width:1140px;margin:0 auto;padding:0 28px}
.scp-sec{padding:96px 0}
.scp-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.22em;color:var(--scp-pink);text-transform:uppercase;display:block;margin-bottom:14px}
.scp-eyebrow--cyan{color:var(--scp-cyan)}
.scp-h2{font-size:clamp(32px,4.8vw,54px)}
.scp-h2 em{color:var(--scp-pink)}
.scp-lead{font-size:17.5px;color:var(--scp-muted);line-height:1.65}

/* ---------- buttons ---------- */
.scp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--scp-body);font-weight:800;font-size:15px;padding:15px 28px;border-radius:12px;cursor:pointer;transition:.2s;background:var(--scp-pink);color:#fff;border:1.5px solid var(--scp-pink);box-shadow:0 10px 26px -10px rgba(255,46,131,.75);text-align:center}
.scp-btn:hover{background:var(--scp-pink-deep);border-color:var(--scp-pink-deep);transform:translateY(-2px);color:#fff}
.scp-btn--ghost{background:transparent;color:var(--scp-ink);border-color:var(--scp-line-2);box-shadow:none}
.scp-btn--ghost:hover{background:var(--scp-ink);border-color:var(--scp-ink);color:#fff;transform:translateY(-2px)}
.scp-btn--light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.45);box-shadow:none;backdrop-filter:blur(4px)}
.scp-btn--light:hover{background:#fff;color:var(--scp-ink);border-color:#fff}
.scp-btn--cyan{background:var(--scp-cyan);border-color:var(--scp-cyan);box-shadow:0 10px 26px -10px rgba(16,179,192,.75)}
.scp-btn--cyan:hover{background:var(--scp-cyan-deep);border-color:var(--scp-cyan-deep)}

/* ============================================================
   NAV — transparent over hero → solid brand dark on scroll.
   (.scp-nav is the reference implementation used in the preview;
   JS toggles .scp-nav--solid after 40px scroll.)
   ============================================================ */
.scp-nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s,padding .3s;background:linear-gradient(rgba(20,8,16,.45),transparent);padding:22px 0}
.scp-nav-in{max-width:1240px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.scp-nav-brand{font-family:var(--scp-display);font-weight:800;font-size:19px;letter-spacing:.04em;color:#fff;text-transform:uppercase}
.scp-nav-brand span{opacity:.7;font-weight:600}
.scp-nav .scp-btn{padding:11px 22px;font-size:14px}
.scp-nav--solid{background:var(--scp-pink-deep);box-shadow:0 6px 24px -12px rgba(214,26,107,.55);padding:14px 0}
.scp-nav--solid .scp-btn{background:#fff;color:var(--scp-pink-deep);border-color:#fff;box-shadow:none}
.scp-nav--solid .scp-btn:hover{background:var(--scp-ink);color:#fff;border-color:var(--scp-ink)}

/* green "open / online" live dot (next to hours) */
.scp-live-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#2fe07d;vertical-align:middle;margin-right:9px;
  box-shadow:0 0 0 0 rgba(47,224,125,.6),0 0 10px rgba(47,224,125,.9);animation:scp-livepulse 1.8s infinite}
@keyframes scp-livepulse{0%{box-shadow:0 0 0 0 rgba(47,224,125,.6),0 0 10px rgba(47,224,125,.9)}70%{box-shadow:0 0 0 8px rgba(47,224,125,0),0 0 10px rgba(47,224,125,.9)}100%{box-shadow:0 0 0 0 rgba(47,224,125,0),0 0 10px rgba(47,224,125,.9)}}

/* --- Salient header overrides (use instead of .scp-nav in WP) ---
   Enable per-page: Page Settings → Header → Transparent. Selectors
   may need adjusting to your Salient version — verify in inspector. */
body[data-header-color] #header-outer[data-transparent-header="true"]:not(.scrolled-down){background:transparent!important}
#header-outer{background-color:#d61a6b!important;transition:background-color .3s} /* pink 1950s menu bar */
#header-outer #logo,#header-outer nav>ul>li>a{font-family:'Bricolage Grotesque',sans-serif!important;letter-spacing:.04em;color:#fff!important}

/* ============================================================
   HERO — full-bleed photo, dark scrim, centered copy
   ============================================================ */
.scp-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;color:#fff;
  /* Hero photo (3 ice cream cones, 2560×855) on the test server — update path when live. ~86% black scrim. */
  background:
    linear-gradient(rgba(10,5,8,.86),rgba(10,5,8,.86)),
    url('https://justcause.rocksolidshells.com/wp-content/uploads/2026/06/Scoops-Ice-Cream-Bloomington-MN-Homepage-background-scaled.jpg') center/cover no-repeat;
  background-color:#0a0508;
}
.scp-hero-in{width:100%;max-width:1200px;margin:0 auto;padding:140px 28px 110px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;text-align:left}
.scp-hero h1{color:#fff;font-size:clamp(40px,5.2vw,68px);line-height:1.04}
.scp-hero h1 em{color:var(--scp-pink-soft)}
.scp-hero-addr{margin-top:18px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.scp-hero-desc{margin:22px 0 0;max-width:540px;font-size:17.5px;line-height:1.65;color:rgba(255,255,255,.92)}
.scp-hero-punch{display:block;margin-top:14px;font-family:var(--scp-accent);font-style:italic;font-weight:600;font-size:22px;color:#fff}
.scp-hero-cta{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;margin-top:32px}
.scp-hero-bottom{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.85)}

/* ============================================================
   BY THE NUMBERS — brand dark band, 4 boxes
   ============================================================ */
.scp-numbers{background:var(--scp-ink);color:#fff;padding:64px 0}
.scp-numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--scp-line-d);border:1px solid var(--scp-line-d);border-radius:18px;overflow:hidden}
.scp-num{background:var(--scp-ink);padding:34px 22px;text-align:center;transition:.2s}
.scp-num:hover{background:var(--scp-ink-2)}
.scp-num b{display:block;font-family:var(--scp-display);font-weight:800;font-size:clamp(32px,3.6vw,46px);color:var(--scp-pink);line-height:1}
.scp-num span{display:block;margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--scp-muted-d)}

/* ============================================================
   ABOUT — text left, image right
   ============================================================ */
.scp-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.scp-about p{font-size:16.5px;line-height:1.75;color:var(--scp-muted);margin-top:18px}
.scp-about .scp-btn{margin-top:30px}
.scp-about-img{border-radius:22px;overflow:hidden;box-shadow:0 36px 70px -36px rgba(214,26,107,.5);border:1px solid var(--scp-line)}
.scp-about-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.scp-img-ph{display:grid;place-items:center;background:linear-gradient(150deg,var(--scp-pink-soft),#ffe9f3 55%,var(--scp-cyan-soft))}
.scp-img-ph span{font-size:11.5px;font-weight:800;letter-spacing:.14em;color:rgba(28,15,22,.45);text-transform:uppercase;text-align:center;line-height:1.9;padding:20px}
.scp-about-img .scp-img-ph{aspect-ratio:4/5}
/* wide-source variant: shorter crop + center faces so a full-width
   group photo reads well in the tall-ish About column */
.scp-about-img--wide img{aspect-ratio:4/3;object-position:center 35%}

/* ============================================================
   COMMUNITY EVENTS — 6 photo tiles, hover overlay
   ============================================================ */
.scp-amen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.scp-amen{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;border:1px solid var(--scp-line)}
.scp-amen img,.scp-amen .scp-img-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.scp-amen:hover img,.scp-amen:hover .scp-img-ph{transform:scale(1.05)}
.scp-amen-cap{position:absolute;inset:auto 0 0 0;padding:22px;background:linear-gradient(transparent,rgba(20,8,16,.85));color:#fff;transition:.3s}
.scp-amen-cap h3{color:#fff;font-size:21px}
.scp-amen-more{position:absolute;inset:0;background:rgba(20,8,16,.82);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .3s}
.scp-amen-more h3{color:#fff;font-size:21px;margin-bottom:12px}
.scp-amen-more p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.88)}
.scp-amen:hover .scp-amen-more,.scp-amen:focus-within .scp-amen-more{opacity:1}
.scp-amen:hover .scp-amen-cap{opacity:0}

/* ============================================================
   THE $$ SECTION — 2x2 order/menu/catering boxes
   ============================================================ */
.scp-order{background:var(--scp-paper-2)}
.scp-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.scp-ocard{position:relative;border:1px solid var(--scp-line);border-radius:20px;overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;transition:.25s}
.scp-ocard::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(10,5,8,.28) 0%,rgba(10,5,8,.60) 45%,rgba(10,5,8,.88) 100%);transition:.3s}
.scp-ocard:hover{transform:translateY(-5px);box-shadow:0 30px 60px -28px rgba(214,26,107,.55)}
.scp-ocard:hover{background-size:108%}
.scp-ocard:hover::before{background:linear-gradient(rgba(10,5,8,.38) 0%,rgba(10,5,8,.7) 45%,rgba(10,5,8,.92) 100%)}
.scp-ocard-body{position:relative;z-index:2;padding:34px;display:flex;flex-direction:column;align-items:flex-start}
.scp-ocard-k{font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--scp-pink-soft)}
.scp-ocard h3{font-size:clamp(23px,2.5vw,30px);margin:8px 0 12px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.scp-ocard p{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.94);margin-bottom:24px;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.scp-ocard .scp-btn{margin-top:0}

/* ============================================================
   MAP + REVIEWS — brand dark section
   ============================================================ */
.scp-loc{background:var(--scp-ink);color:#fff}
.scp-loc .scp-h2,.scp-loc h3{color:#fff}
.scp-loc .scp-h2 em{color:var(--scp-pink-soft)}
.scp-loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:48px;align-items:start}
.scp-review{background:var(--scp-ink-2);border:1px solid var(--scp-line-d);border-radius:18px;padding:26px;margin-bottom:18px}
.scp-stars{color:#ffce3d;font-size:15px;letter-spacing:2px}
.scp-review p{margin-top:12px;font-size:15px;line-height:1.65;color:rgba(255,255,255,.92)}
.scp-review .scp-review-by{margin-top:14px;font-size:13px;font-weight:700;color:var(--scp-muted-d)}
.scp-loc-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
.scp-loc-photos .scp-img-ph{aspect-ratio:1;border-radius:12px;position:relative}
.scp-map-card{background:var(--scp-ink-2);border:1px solid var(--scp-line-d);border-radius:20px;overflow:hidden}
.scp-map-card h3{color:#fff} /* self-contained: card works in hero too, not just .scp-loc */
.scp-map-card iframe{width:100%;height:330px;border:0;display:block;filter:saturate(.9)}
.scp-map-meta{padding:26px}
.scp-map-meta h3{font-size:22px}
.scp-map-meta h3 em{color:var(--scp-pink-soft)}
.scp-map-meta .scp-addr{margin:10px 0 20px;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--scp-muted-d);line-height:1.8}
.scp-map-meta .scp-row{display:flex;gap:12px;flex-wrap:wrap}
/* hours block inside the hero map card (replaces CTAs there) */
.scp-map-hours{margin-top:4px;border-top:1px solid var(--scp-line-d);padding-top:18px}
.scp-map-hours .scp-mh-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--scp-pink-soft);margin-bottom:8px}
.scp-map-hours .scp-mh-row{display:flex;justify-content:space-between;gap:14px;font-size:13.5px;color:rgba(255,255,255,.9);padding:4px 0}
.scp-map-hours .scp-mh-row b{color:#fff;font-weight:700}

/* ============================================================
   ICE CREAM STRIP — 4 edge-to-edge product photos
   ============================================================ */
.scp-icestrip{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.scp-icestrip a,.scp-icestrip .scp-ice{position:relative;display:block;aspect-ratio:1;overflow:hidden}
.scp-icestrip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.scp-icestrip .scp-ice:hover img{transform:scale(1.06)}
.scp-icestrip .scp-ice-cap{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,rgba(12,6,10,.8));color:#fff;font-weight:800;font-size:14px;letter-spacing:.02em;opacity:0;transform:translateY(8px);transition:.3s}
.scp-icestrip .scp-ice:hover .scp-ice-cap{opacity:1;transform:none}

/* ============================================================
   GOOGLE REVIEWS BADGE (under hero map / find-us map)
   ============================================================ */
.scp-greviews{margin-top:18px;background:var(--scp-ink-2);border:1px solid var(--scp-line-d);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px}
.scp-greviews .scp-gr-score{font-family:var(--scp-display);font-weight:800;font-size:32px;color:#fff;line-height:1}
.scp-greviews .scp-gr-stars{color:#ffce3d;font-size:16px;letter-spacing:1px}
.scp-greviews .scp-gr-meta{font-size:13px;color:var(--scp-muted-d);margin-top:3px}
.scp-greviews .scp-gr-g{margin-left:auto;font-weight:800;font-size:13px;color:#fff;white-space:nowrap}
.scp-greviews a.scp-gr-g:hover{color:var(--scp-pink-soft)}

/* ============================================================
   FINAL CTA — half + half
   ============================================================ */
.scp-final{display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.scp-final-half{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 36px;color:#fff;position:relative}
.scp-final-half--pickup{background:linear-gradient(rgba(214,26,107,.86),rgba(214,26,107,.92)),var(--scp-pink-deep)}
.scp-final-half--cater{background:linear-gradient(rgba(10,141,152,.88),rgba(10,141,152,.94)),var(--scp-cyan-deep)}
.scp-final-half h2{color:#fff;font-size:clamp(26px,3vw,38px)}
.scp-final-half p{margin:14px 0 28px;max-width:380px;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.92)}
.scp-final-half .scp-btn{background:#fff;color:var(--scp-ink);border-color:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.4)}
.scp-final-half .scp-btn:hover{transform:translateY(-2px);background:var(--scp-paper)}

/* ============================================================
   FOOTER — brand dark (markup in footer-snippet.html)
   ============================================================ */
.scp-footer{background:var(--scp-ink);color:#fff;padding:70px 0 36px;border-top:1px solid var(--scp-line-d)}
.scp-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px}
.scp-footer-brand{font-family:var(--scp-display);font-weight:800;font-size:24px;color:#fff}
.scp-footer-brand em{color:var(--scp-pink-soft)}
.scp-footer p{margin-top:14px;font-size:14px;line-height:1.7;color:var(--scp-muted-d)}
.scp-footer h4{color:#fff;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.scp-footer ul{list-style:none;margin:0;padding:0}
.scp-footer ul li{margin-bottom:11px}
.scp-footer ul a{font-size:14.5px;color:var(--scp-muted-d);transition:.2s}
.scp-footer ul a:hover{color:var(--scp-pink-soft)}
.scp-footer-hours{font-size:14px;color:var(--scp-muted-d);line-height:1.9}
.scp-footer-hours b{color:#fff;font-weight:700}
.scp-footer-bottom{margin-top:54px;padding-top:24px;border-top:1px solid var(--scp-line-d);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--scp-muted-d)}
.scp-social{display:flex;gap:10px}
.scp-social a{width:40px;height:40px;border:1px solid var(--scp-line-d);border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:12.5px;color:#fff;transition:.2s}
.scp-social a:hover{background:var(--scp-pink);border-color:var(--scp-pink)}
/* agency credit — "Made with ♥ in Minnesota" → gopurple.ai */
.scp-credit{font-size:13px;color:var(--scp-muted-d);transition:.2s}
.scp-credit .scp-heart{color:var(--scp-pink);transition:.2s}
.scp-credit:hover{color:#fff}
.scp-credit:hover .scp-heart{color:var(--scp-pink-soft)}

/* ============================================================
   SUBPAGE HEADER (gopurple-style bold page intro — for /menu etc.)
   ============================================================ */
.scp-pagehead{background:var(--scp-ink);color:#fff;padding:116px 0 52px;text-align:center}
.scp-pagehead h1{color:#fff;font-size:clamp(40px,6vw,72px)}
.scp-pagehead h1 em{color:var(--scp-pink-soft)}
.scp-pagehead p{margin:18px auto 0;max-width:560px;font-size:17px;line-height:1.6;color:var(--scp-muted-d)}

/* ============================================================
   CONTACT FORM 7 — works for general + catering forms.
   Wrap each CF7 form: [contact-form-7 ...] inside <div class="scp scp-form">
   ============================================================ */
.scp-form{max-width:680px;background:var(--scp-card);border:1px solid var(--scp-line-2);
  border-radius:24px;padding:34px 32px;box-shadow:0 44px 90px -56px rgba(43,12,28,.55)}
.scp-form-head{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--scp-line)}
.scp-form-head p{margin:8px 0 0;font-size:14px;color:var(--scp-muted);font-weight:600}
.scp-form label{display:block;font-size:12.5px;font-weight:800;letter-spacing:.05em;margin-bottom:8px;color:var(--scp-ink)}
.scp-form .scp-field{margin-bottom:18px}
.scp-form .scp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scp-form input[type=text],.scp-form input[type=email],.scp-form input[type=tel],
.scp-form input[type=date],.scp-form input[type=number],.scp-form select,.scp-form textarea{
  width:100%;background:#faf3f7;border:1.5px solid var(--scp-line);border-radius:12px;
  padding:14px 16px;font-family:var(--scp-body);font-size:15px;color:var(--scp-ink);transition:.2s}
.scp-form input:focus,.scp-form select:focus,.scp-form textarea:focus{outline:none;border-color:var(--scp-pink);box-shadow:0 0 0 3px rgba(255,46,131,.12)}
.scp-form input[type=submit],.scp-form .wpcf7-submit{display:inline-block;float:none;margin-top:6px;
  font-family:var(--scp-body);font-weight:800;font-size:15px;padding:15px 32px;border-radius:12px;
  background:var(--scp-pink)!important;color:#fff!important;border:1.5px solid var(--scp-pink)!important;
  cursor:pointer;transition:.2s;box-shadow:0 14px 30px -12px rgba(255,46,131,.7)}
.scp-form input[type=submit]:hover,.scp-form .wpcf7-submit:hover{
  background:var(--scp-pink-deep)!important;border-color:var(--scp-pink-deep)!important;transform:translateY(-2px)}
/* dark-section variant (e.g. forms placed on .scp-loc/.scp-footer) */
.scp-form--dark label{color:#fff}
.scp-form--dark input,.scp-form--dark select,.scp-form--dark textarea{background:var(--scp-ink-2);border-color:var(--scp-line-d);color:#fff}
/* CF7 feedback */
.scp-form .wpcf7-not-valid{border-color:#e35d6a!important}
.scp-form .wpcf7-not-valid-tip{font-size:12.5px;color:#e35d6a;margin-top:5px}
.scp-form .wpcf7-response-output{margin:18px 0 0;padding:14px 18px;border-radius:12px;border:1px solid var(--scp-line-2)!important;font-size:14px}
.scp-form .wpcf7-form.sent .wpcf7-response-output{border-color:#23c277!important;background:rgba(35,194,119,.08);color:#13734a}

/* button pair helper (About section dual CTAs etc.) */
.scp-btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.scp-btn-row .scp-btn{margin-top:0}

/* ---- Salient white-gap fix ----
   Salient's .container-wrap / row wrappers add default bottom spacing,
   leaving a white strip between the last section and the footer.
   These rules close it on the homepage. If a gap persists, also set
   the page's bottom padding to 0 in Salient → Page Settings, and make
   sure the final row's "bottom margin" is 0 in the WPBakery row. */
.home .container-wrap{padding-bottom:0!important}
.home #ajax-content-wrap > .container-wrap{margin-bottom:0!important}
.scp-final{margin:0!important}
.scp-final + *{margin-top:0}
/* the final split CTA should butt straight against the footer */
.scp .scp-final:last-child{margin-bottom:0}

/* mockup-only note bar */
.scp-note{background:#fff8e6;border-top:1px dashed #e7cf86;border-bottom:1px dashed #e7cf86;text-align:center;padding:13px;font-size:12.5px;color:#9a7b22}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  .scp-hero-in{grid-template-columns:1fr;padding-top:120px}
  .scp-numbers-grid{grid-template-columns:1fr 1fr}
  .scp-amen-grid{grid-template-columns:1fr 1fr}
  .scp-about-grid,.scp-loc-grid{grid-template-columns:1fr}
  .scp-footer-grid{grid-template-columns:1fr 1fr}
  .scp-icestrip{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .scp-sec{padding:70px 0}
  .scp-order-grid,.scp-amen-grid,.scp-final,.scp-footer-grid{grid-template-columns:1fr}
  .scp-form .scp-field-row{grid-template-columns:1fr}
  .scp-hero-cta .scp-btn{width:100%}
  .scp-greviews{flex-wrap:wrap}
  .scp-greviews .scp-gr-g{margin-left:0;width:100%}
  /* touch devices: hover overlay shown as caption text instead */
  .scp-amen{aspect-ratio:auto}
  .scp-amen img,.scp-amen .scp-img-ph{position:relative;aspect-ratio:16/10}
  .scp-amen-cap{display:none}
  .scp-amen-more{position:relative;opacity:1;background:var(--scp-ink);padding:22px}
}

/* ============================================================
   MENU PAGE
   ============================================================ */

/* page head meta row (hours + location + CTAs under the title) */
.scp-pagehead .scp-head-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin-top:26px}
.scp-pagehead .scp-meta-item{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--scp-muted-d)}
.scp-pagehead .scp-meta-item b{color:#fff;font-weight:700}
.scp-pagehead .scp-head-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}
/* status pill on dark header */
.scp-pagehead .scp-pill{background:rgba(255,255,255,.08);border-color:var(--scp-line-d);color:#fff}

/* fan favorites — highlighted band right under the header */
.scp-fav-band{background:var(--scp-ink);color:#fff;padding:0 0 70px;margin-top:-1px}
.scp-fav-head{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:30px}
.scp-fav-head .scp-star{color:#ffce3d;font-size:18px}
.scp-fav-head h2{color:#fff;font-size:clamp(22px,2.6vw,30px)}
.scp-fav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.scp-fav{background:var(--scp-ink-2);border:1px solid var(--scp-line-d);border-radius:16px;overflow:hidden;transition:.2s}
.scp-fav:hover{transform:translateY(-5px);box-shadow:0 22px 44px -26px rgba(255,46,131,.5);border-color:var(--scp-pink)}
.scp-fav-photo{aspect-ratio:1;position:relative}
.scp-fav-photo .scp-img-ph{position:absolute;inset:0}
.scp-fav-badge{position:absolute;top:10px;left:10px;background:#ffce3d;color:#3a2a00;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px}
.scp-fav-body{padding:16px 16px 18px}
.scp-fav-body h3{color:#fff;font-size:16px}
.scp-fav-body span{font-size:12.5px;color:var(--scp-muted-d)}

/* flavor of the month — colorful spotlight */
.scp-fom-sec{padding:90px 0}
.scp-fom{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -44px rgba(214,26,107,.55)}
.scp-fom-text{background:linear-gradient(135deg,var(--scp-pink) 0%,#ff5fae 45%,var(--scp-cyan) 130%);color:#fff;padding:54px 48px;display:flex;flex-direction:column;justify-content:center}
.scp-fom-text .scp-kick{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.scp-fom-text h2{color:#fff;font-size:clamp(34px,4.4vw,52px);margin:12px 0 14px}
.scp-fom-text p{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.95);margin-bottom:26px}
.scp-fom-text .scp-btn{background:#fff;color:var(--scp-pink-deep);border-color:#fff;align-self:flex-start}
.scp-fom-text .scp-btn:hover{transform:translateY(-2px);background:var(--scp-paper);color:var(--scp-pink-deep)}
.scp-fom-photo{position:relative;min-height:300px}
.scp-fom-photo .scp-img-ph{position:absolute;inset:0}

/* category heading */
.scp-cat-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:8px}
.scp-cat-note{font-size:14px;color:var(--scp-muted);max-width:480px;margin-top:6px}

/* menu cards with photo */
.scp-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.scp-mcard{background:var(--scp-card);border:1px solid var(--scp-line);border-radius:18px;overflow:hidden;transition:.18s}
.scp-mcard:hover{transform:translateY(-5px);box-shadow:0 22px 44px -24px rgba(214,26,107,.4);border-color:var(--scp-pink-soft)}
.scp-mcard-photo{aspect-ratio:4/3;position:relative}
.scp-mcard-photo .scp-img-ph{position:absolute;inset:0}
.scp-mcard-body{padding:18px}
.scp-mcard-body h3{font-size:16.5px}
.scp-mcard-body p{font-size:13px;color:var(--scp-muted);line-height:1.5;margin-top:5px}
.scp-mtags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.scp-mtag{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--scp-paper-2);color:var(--scp-pink-deep)}
.scp-mtag--gf{background:var(--scp-cyan-soft);color:var(--scp-cyan-deep)}

/* simple "more on the menu" list */
.scp-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.scp-more{background:var(--scp-card);border:1px solid var(--scp-line);border-radius:18px;padding:28px}
.scp-more h3{font-size:20px;margin-bottom:8px}
.scp-more p{font-size:14.5px;color:var(--scp-muted);line-height:1.55}

/* sticky order bar (optional — remove if you don't want it) */
.scp-orderbar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--scp-ink);border-top:1px solid var(--scp-line-d);box-shadow:0 -10px 30px -16px rgba(0,0,0,.5)}
.scp-orderbar-in{max-width:1140px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.scp-orderbar-txt{color:#fff;font-weight:700;font-size:15px}
.scp-orderbar-txt span{color:var(--scp-muted-d);font-weight:500}
.scp-orderbar .scp-row{display:flex;gap:10px;flex-wrap:wrap}
.scp-orderbar .scp-btn{padding:12px 20px;font-size:14px}

@media(max-width:980px){
  .scp-fav-grid{grid-template-columns:repeat(3,1fr)}
  .scp-menu-grid{grid-template-columns:repeat(3,1fr)}
  .scp-fom{grid-template-columns:1fr}
  .scp-fom-photo{min-height:240px;order:-1}
  .scp-more-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .scp-fav-grid{grid-template-columns:repeat(2,1fr)}
  .scp-menu-grid{grid-template-columns:repeat(2,1fr)}
  .scp-fom-text{padding:38px 26px}
  .scp-orderbar-txt{display:none}
  .scp-orderbar .scp-row{width:100%}
  .scp-orderbar .scp-btn{flex:1}
}

/* ============================================================
   INNER PAGES — About / Contact / Events
   ============================================================ */
/* alternating story split (reuses .scp-about-grid; image to the left) */
.scp-about-grid--rev figure{order:-1}

/* contact: info left / form right */
.scp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}
.scp-info-row{padding:16px 0;border-bottom:1px solid var(--scp-line)}
.scp-info-row:first-of-type{padding-top:0}
.scp-info-row .scp-k{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--scp-pink-deep)}
.scp-info-row .scp-v{font-size:16.5px;margin-top:6px;line-height:1.55}
.scp-socials-row{display:flex;gap:10px;margin-top:22px}
.scp-socials-row a{width:44px;height:44px;border:1px solid var(--scp-line-2);border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px;transition:.2s}
.scp-socials-row a:hover{background:var(--scp-pink);color:#fff;border-color:var(--scp-pink)}

/* events calendar list */
.scp-cal{margin-top:34px;border:1px solid var(--scp-line);border-radius:18px;overflow:hidden;background:var(--scp-card)}
.scp-cal-row{display:grid;grid-template-columns:84px 1fr auto;gap:22px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--scp-line)}
.scp-cal-row:last-child{border-bottom:none}
.scp-cal-date{text-align:center;background:var(--scp-paper-2);border-radius:12px;padding:10px 0}
.scp-cal-date b{display:block;font-family:var(--scp-display);font-weight:800;font-size:22px;line-height:1;color:var(--scp-ink)}
.scp-cal-date span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--scp-pink-deep)}
.scp-cal-info h3{font-size:19px}
.scp-cal-info p{font-size:14px;color:var(--scp-muted);margin-top:4px;line-height:1.5}
.scp-cal-tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--scp-cyan-deep);white-space:nowrap}

/* page intro lead under a pagehead */
.scp-pagelead{max-width:760px;margin:0 auto}

@media(max-width:980px){
  .scp-contact-grid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:640px){
  .scp-cal-row{grid-template-columns:64px 1fr;gap:16px}
  .scp-cal-tag{grid-column:2;justify-self:start}
}

/* ============================================================
   ORDER-ONLINE-PICKUP PAGE — 3 easy steps
   ============================================================ */
.scp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.scp-step{background:var(--scp-card);border:1px solid var(--scp-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:.2s}
.scp-step:hover{transform:translateY(-5px);box-shadow:0 28px 56px -30px rgba(214,26,107,.45)}
.scp-step-photo{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--scp-paper-2)}
.scp-step-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.scp-step-photo .scp-step-illus{position:absolute;inset:0;width:100%;height:100%;display:block}
.scp-step:hover .scp-step-photo img{transform:scale(1.05)}
.scp-step-num{width:46px;height:46px;border-radius:50%;background:var(--scp-pink);color:#fff;font-family:var(--scp-display);font-weight:800;font-size:20px;display:grid;place-items:center;box-shadow:0 8px 20px -6px rgba(214,26,107,.85)}
.scp-step-photo .scp-step-num{position:absolute;top:14px;left:14px;z-index:2}
.scp-step-body{padding:28px 28px 30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.scp-step h3{font-size:21px;margin-bottom:10px}
.scp-step p{font-size:15px;color:var(--scp-muted);line-height:1.6}
.scp-step-foot{margin-top:auto;width:100%;padding-top:22px}
.scp-step-foot .scp-btn{width:100%}
.scp-step-note{margin-top:12px;font-size:13px;color:var(--scp-cyan-deep);font-weight:700;text-align:center}
.scp-bigcta{margin-top:48px;text-align:center;background:var(--scp-paper-2);border:1px solid var(--scp-line);border-radius:22px;padding:46px}
.scp-bigcta h3{font-size:clamp(24px,3vw,34px);margin-bottom:10px}
.scp-bigcta p{color:var(--scp-muted);max-width:520px;margin:0 auto 24px;line-height:1.6}

/* ============================================================
   FOOTER VIA SALIENT WIDGET AREA
   Paste footer-widget.html into ONE Custom HTML widget in a
   single-column footer widget area (Appearance → Widgets).
   These rules let .scp-footer fill it edge-to-edge and remove
   the white gap + Salient's default copyright bar.
   NOTE: Salient selectors vary by version — verify in inspector.
   ============================================================ */
#footer-outer,#footer-widgets{background:var(--scp-ink)!important;padding:0!important;border:0!important}
#footer-widgets .container{width:100%!important;max-width:none!important;padding:0!important}
#footer-widgets .row .col{width:100%!important;margin:0!important;padding:0!important;min-height:0!important;float:none!important}
#footer-widgets .widget{margin:0!important;padding:0!important}
#footer-outer #copyright{display:none!important}      /* using .scp-footer-bottom instead */
body .container-wrap{padding-bottom:0!important;margin-bottom:0!important}  /* kills bottom white gap */
.scp-footer{margin:0}

@media(max-width:880px){.scp-steps{grid-template-columns:1fr}}

/* ============================================================
   "SWEET ON SCOOPS" BAND — reusable on every inner page
   Google rating + short testimonials + Open-Now hours pill
   ============================================================ */
.scp-sweet{background:linear-gradient(180deg,var(--scp-paper-2),var(--scp-paper))}
.scp-sweet-head{text-align:center;margin-bottom:46px}
.scp-sweet-head .scp-eyebrow{display:block;margin-bottom:12px}
.scp-sweet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.scp-sweet-left{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.scp-rating{display:flex;align-items:center;gap:16px;background:var(--scp-card);border:1px solid var(--scp-line);border-radius:18px;padding:20px 24px;width:100%;box-shadow:0 20px 44px -28px rgba(214,26,107,.35)}
.scp-rating-num{font-family:var(--scp-display);font-weight:800;font-size:50px;color:var(--scp-pink);line-height:1}
.scp-rating-stars{color:#ffce3d;font-size:18px;letter-spacing:1px}
.scp-rating-meta{font-size:13px;color:var(--scp-muted);margin-top:4px}
.scp-hours-pill{display:flex;align-items:center;gap:13px;background:var(--scp-card);border:1px solid var(--scp-line);border-radius:14px;padding:15px 18px;font-size:13.5px;color:var(--scp-muted);line-height:1.45;width:100%}
.scp-hours-pill b{color:#1aa35d;font-weight:800}
.scp-sweet-right{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.scp-tcard{background:var(--scp-card);border:1px solid var(--scp-line);border-radius:18px;padding:24px;transition:.18s}
.scp-tcard:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(214,26,107,.35)}
.scp-tcard p{font-size:15px;line-height:1.6;color:var(--scp-ink);margin:10px 0 12px}
.scp-tcard span{font-size:13px;font-weight:800;color:var(--scp-pink-deep)}
@media(max-width:880px){
  .scp-sweet-grid{grid-template-columns:1fr;gap:30px}
  .scp-sweet-right{grid-template-columns:1fr}
}

/* ============================================================
   "A BLOOMINGTON FAVORITE" — LIGHT variant
   (homepage scp-loc layout, re-skinned for white sections like
   the /order-online-pickup reviews block)
   ============================================================ */
.scp-review--light{background:var(--scp-card);border:1px solid var(--scp-line);border-radius:18px;padding:26px;margin-bottom:18px;box-shadow:0 18px 42px -30px rgba(214,26,107,.32)}
.scp-review--light p{margin-top:12px;font-size:15px;line-height:1.65;color:var(--scp-ink)}
.scp-review--light .scp-review-by{margin-top:14px;font-size:13px;font-weight:800;color:var(--scp-pink-deep)}
.scp-favphotos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
.scp-favphoto{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--scp-line)}
.scp-favphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.scp-favphoto:hover img{transform:scale(1.06)}
/* light map card */
.scp-map-card--light{background:var(--scp-card);border:1px solid var(--scp-line);box-shadow:0 28px 60px -40px rgba(214,26,107,.4)}
.scp-map-card--light h3{color:var(--scp-ink)}
.scp-map-card--light .scp-map-meta h3 em{color:var(--scp-pink)}
.scp-map-card--light .scp-map-meta .scp-addr{color:var(--scp-muted)}
/* light google reviews badge */
.scp-greviews--light{background:var(--scp-card);border:1px solid var(--scp-line);box-shadow:0 18px 42px -30px rgba(214,26,107,.32)}
.scp-greviews--light .scp-gr-score{color:var(--scp-pink)}
.scp-greviews--light .scp-gr-meta{color:var(--scp-muted)}
.scp-greviews--light .scp-gr-g{color:var(--scp-ink)}
.scp-greviews--light a.scp-gr-g:hover{color:var(--scp-pink-deep)}

/* ============================================================
   FLAVOR GALLERY — 4 contained square photos (not full-bleed)
   ============================================================ */
.scp-flavgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.scp-flav{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;border:1px solid var(--scp-line);box-shadow:0 22px 44px -32px rgba(214,26,107,.4)}
.scp-flav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.scp-flav:hover img{transform:scale(1.06)}
.scp-flav-cap{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,rgba(10,5,8,.82));color:#fff;font-weight:800;font-size:14px}
@media(max-width:880px){.scp-flavgrid{grid-template-columns:1fr 1fr}}

/* ============================================================
   "SWEET ON SCOOPS" — DARK treatment (black bg, white/pink pop)
   Re-skins the light favorite variant to black wherever it
   appears: Order-Online / About / Events / Catering.
   Scoped under .scp-sweet so it overrides the --light rules.
   ============================================================ */
.scp-sweet{background:var(--scp-ink)}
.scp-sweet .scp-h2{color:#fff}
.scp-sweet .scp-h2 em{color:var(--scp-pink)}
.scp-sweet .scp-sweet-head .scp-eyebrow{color:var(--scp-pink)}
/* testimonials */
.scp-sweet .scp-review--light{background:var(--scp-ink-2);border-color:var(--scp-line-d);box-shadow:none}
.scp-sweet .scp-review--light p{color:rgba(255,255,255,.93)}
.scp-sweet .scp-review--light .scp-review-by{color:var(--scp-pink-soft)}
/* photo strip */
.scp-sweet .scp-favphoto{border-color:var(--scp-line-d)}
/* map card */
.scp-sweet .scp-map-card--light{background:var(--scp-ink-2);border-color:var(--scp-line-d);box-shadow:none}
.scp-sweet .scp-map-card--light h3{color:#fff}
.scp-sweet .scp-map-card--light .scp-map-meta h3 em{color:var(--scp-pink-soft)}
.scp-sweet .scp-map-card--light .scp-map-meta .scp-addr{color:var(--scp-muted-d)}
.scp-sweet .scp-map-card .scp-btn--ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.45);backdrop-filter:blur(4px)}
.scp-sweet .scp-map-card .scp-btn--ghost:hover{background:#fff;color:var(--scp-ink);border-color:#fff}
/* google reviews badge */
.scp-sweet .scp-greviews--light{background:var(--scp-ink-2);border-color:var(--scp-line-d);box-shadow:none}
.scp-sweet .scp-greviews--light .scp-gr-score{color:var(--scp-pink)}
.scp-sweet .scp-greviews--light .scp-gr-meta{color:var(--scp-muted-d)}
.scp-sweet .scp-greviews--light .scp-gr-g{color:#fff}
.scp-sweet .scp-greviews--light a.scp-gr-g:hover{color:var(--scp-pink-soft)}

/* ============================================================
   FLUSH CONTENT TO FOOTER — no white gap before the footer
   (covers pages ending on a dark section: about/events/catering/order)
   ============================================================ */
.scp{margin-bottom:0}
.scp > section:last-child,.scp > header:last-child{margin-bottom:0}
.scp-footer{margin-top:0}
/* Salient: kill any page-wrapper bottom spacing under the content */
body .container-wrap{padding-bottom:0!important;margin-bottom:0!important}
#ajax-content-wrap{background:transparent!important}

/* ============================================================
   THE REAL BOTTOM GAP — WPBakery raw-HTML wrapper margin
   WPBakery adds margin-bottom:24px to .wpb_content_element. The
   Scoops content sits inside a raw-HTML block with that class, so
   the 24px shows as a strip between the last section and the footer.
   (Confirmed via inspect: orange margin highlight + "24" in box model.)
   ============================================================ */
.wpb_raw_html.wpb_content_element,
.wpb_raw_code.wpb_content_element{margin-bottom:0!important}
/* also zero the column/wrapper that holds it, just in case */
.wpb_column .wpb_wrapper > .wpb_content_element:last-child{margin-bottom:0!important}
.vc_row:last-child,.wpb_row:last-child{margin-bottom:0!important}

/* ============================================================
   EVENTS — free-scoop callout + calendar-chip date cards
   ============================================================ */
.scp-callout{margin:22px 0 0;display:flex;align-items:center;gap:12px;
  background:linear-gradient(120deg,var(--scp-pink-soft),#ffe9f3);
  border:1px solid var(--scp-line-2);border-radius:14px;padding:15px 18px;
  font-size:15px;font-weight:800;color:var(--scp-pink-deep)}
.scp-callout::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;
  background:var(--scp-pink);box-shadow:0 0 0 4px rgba(255,46,131,.18)}

.scp-dates{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.scp-daterow{display:flex;align-items:center;gap:16px;background:var(--scp-card);
  border:1px solid var(--scp-line-2);border-radius:16px;padding:13px 16px;
  transition:transform .2s,box-shadow .2s,border-color .2s;
  box-shadow:0 14px 30px -24px rgba(43,12,28,.55)}
.scp-daterow:hover{transform:translateY(-2px);border-color:var(--scp-pink);
  box-shadow:0 20px 42px -22px rgba(214,26,107,.4)}
.scp-dchip{flex:none;width:56px;border-radius:12px;overflow:hidden;text-align:center;
  border:1px solid var(--scp-line);box-shadow:0 6px 14px -8px rgba(43,12,28,.4)}
.scp-dchip .m{display:block;background:var(--scp-pink);color:#fff;font-size:10.5px;
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 0}
.scp-dchip .d{display:block;background:#fff;font-family:var(--scp-display);font-weight:800;
  font-size:23px;color:var(--scp-ink);padding:5px 0;line-height:1.1}
.scp-dchip--night .m{background:var(--scp-ink)}
.scp-dchip--night .d{background:var(--scp-ink-2);color:#fff}
.scp-dr-meta{display:flex;flex-direction:column;gap:3px}
.scp-dr-day{font-family:var(--scp-display);font-weight:800;font-size:16.5px;color:var(--scp-ink)}
.scp-dr-sub{font-size:14px;color:var(--scp-muted);font-weight:600}

/* ============================================================
   FOOTER COUNTDOWN CLOCK (to last day of season)
   ============================================================ */
.scp-countdown{text-align:center;padding-bottom:44px;margin-bottom:48px;
  border-bottom:1px solid var(--scp-line-d)}
.scp-cd-label{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--scp-pink-soft);margin-bottom:16px}
.scp-cd-clock{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
.scp-cd-unit{background:var(--scp-ink-2);border:1px solid var(--scp-line-d);
  border-radius:14px;padding:14px 18px;min-width:78px}
.scp-cd-unit b{display:block;font-family:var(--scp-display);font-weight:800;
  font-size:32px;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.scp-cd-unit span{display:block;margin-top:6px;font-size:10.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:var(--scp-muted-d)}

/* ============================================================
   CF7 SUBMIT — left-align the send button (was centering)
   ============================================================ */
.scp-form .wpcf7-form{text-align:left}

/* ============================================================
   DEFINITIVE bottom-gap fix  (page content → footer)
   The 24px is WPBakery's default .wpb_content_element / wrapper
   bottom-margin. This authoritative block zeroes it on .scp and
   every WPBakery wrapper in the chain, with !important so nothing
   can re-introduce it. Re-upload this file AND clear any cache.
   ============================================================ */
.scp{margin-bottom:0!important}
.scp > *:last-child{margin-bottom:0!important}
div.wpb_wrapper{margin-bottom:0!important}
.wpb_raw_html.wpb_content_element,
.wpb_raw_code.wpb_content_element,
.wpb_text_column.wpb_content_element,
.vc_column-inner,
.wpb_column,
.vc_row,
.wpb_row{margin-bottom:0!important}