/*
Theme Name:        Savvy
Theme URI:         https://savvyinc.com.au
Author:            Savvy Inc
Description:       Custom block theme for Savvy Inc — Resources, Transfers, Leaders. Dual-tone identity: ink navy with glitter-pink signature flourish.
Version:           1.0.3
Requires at least: 6.5
Requires PHP:      7.4
License:           GPL-2.0-or-later
Text Domain:       savvy
*/

/* ---- Signature flourish: the concept-4 underline, used as a section divider ---- */
.savvy-flourish { display:block; width:min(320px,60%); margin:0.4rem auto 0; }
.savvy-flourish path { stroke:var(--wp--preset--color--savvy-pink); stroke-width:4; fill:none; }

/* ---- Brand accent scopes: apply per-section colour without separate themes ---- */
.savvy-accent-resources { --savvy-accent:#E5399B; }
.savvy-accent-transfers { --savvy-accent:#35558F; }
.savvy-accent-leaders   { --savvy-accent:#A9862F; }
.savvy-brand-card { border-top:5px solid var(--savvy-accent,#E5399B); background:#fff; padding:2rem;
  box-shadow:0 1px 3px rgba(20,33,61,.08); transition:transform .18s ease, box-shadow .18s ease; }
.savvy-brand-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(20,33,61,.14); }
.savvy-brand-card h3 { color:var(--savvy-accent); margin-top:0; }
@media (prefers-reduced-motion: reduce){ .savvy-brand-card{ transition:none } .savvy-brand-card:hover{ transform:none } }

/* ---- ATB booking form: make it native to the theme ---- */
.atb-form { font-family:var(--wp--preset--font-family--figtree) !important; }
.atb-form input, .atb-form select, .atb-form textarea {
  border:1px solid #C9CEDA; border-radius:4px; padding:.65rem .8rem; font-family:inherit; }
.atb-form input:focus, .atb-form select:focus, .atb-form textarea:focus {
  outline:2px solid #35558F; outline-offset:1px; border-color:#35558F; }
.atb-submit { background:#14213D; color:#fff; border:0; border-radius:4px;
  padding:.85rem 2.2rem; font-weight:600; letter-spacing:.04em; cursor:pointer; }
.atb-submit:hover, .atb-submit:focus-visible { background:#B81E77; }

/* ---- Quality floor ---- */
:focus-visible { outline:2px solid #B81E77; outline-offset:2px; }

/* ---- Dark treatment: Savvy Transfers pages (page 8 = /transfers/, 26 = /fleet/) ---- */
body.page-id-8, body.page-id-26 { background:#070A12; color:#FFFFFF; }
body.page-id-8 main, body.page-id-26 main { color:#FFFFFF; }
body.page-id-8 main h1, body.page-id-8 main h2, body.page-id-8 main h3,
body.page-id-26 main h1, body.page-id-26 main h2, body.page-id-26 main h3 { color:#FFFFFF; }
body.page-id-8 main p, body.page-id-26 main p { color:#F2F3F7; }
body.page-id-8 main a, body.page-id-26 main a { color:#F06FBB; }
body.page-id-8 main a:hover, body.page-id-26 main a:hover { color:#FFFFFF; }
body.page-id-8 .savvy-brand-card, body.page-id-26 .savvy-brand-card {
  background:#111827; box-shadow:0 1px 3px rgba(0,0,0,.5); }
body.page-id-8 .savvy-brand-card h3 { color:#7FA1E0; }
body.page-id-8 .savvy-brand-card:hover, body.page-id-26 .savvy-brand-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.65); }

/* ATB form on dark: drive the plugin's CSS variables (ATB >= 1.8.72) */
body.page-id-8 .atb-wrap, body.page-id-26 .atb-wrap {
  --atb-panel:#111827;
  --atb-text:#F2F3F7;
  --atb-label:#E7EAF2;
  --atb-muted:#C3CAD9;
  --atb-muted2:#9AA3B8;
  --atb-accent:#F06FBB;
  --atb-accent-deep:#E5399B;
  --atb-soft1:#1A2340;
  --atb-soft2:#141B30;
}
body.page-id-8 .atb-form input, body.page-id-8 .atb-form select, body.page-id-8 .atb-form textarea {
  background:#0E1420; color:#FFFFFF; border-color:#2A3550; }
body.page-id-8 .atb-form input::placeholder, body.page-id-8 .atb-form textarea::placeholder { color:#9AA3B8; }
body.page-id-8 .atb-form input:focus, body.page-id-8 .atb-form select:focus, body.page-id-8 .atb-form textarea:focus {
  outline-color:#F06FBB; border-color:#F06FBB; }
body.page-id-8 .atb-submit { background:#E5399B; color:#FFFFFF; }
body.page-id-8 .atb-submit:hover, body.page-id-8 .atb-submit:focus-visible { background:#FFFFFF; color:#14213D; }

/* /transfers/: the St wordmark replaces the page title + flourish */
body.page-id-8 main > .wp-block-post-title,
body.page-id-8 main > .savvy-flourish { display:none; }