/* ==== A&M Quick Kart — brand layer: gold, black, white & ivory (theme 1.0.4) ====
   Loaded after every page style. Changes colours, fonts and decoration only — the layout is unchanged.
   White and ivory are the main backgrounds; black is for text and a few sections (top strip, footer);
   gold is for buttons and accents. To undo the new look, remove this file's enqueue in inc/setup.php. */
:root{
  --black:#000000; --charcoal:#1A1A1A; --gold:#D9A538; --gold-hover:#C99530; --gold-light:#F2D27A; --gold-deep:#8A6516; --ivory:#F8F6F1;
  --primary:#111111; --primary-600:#000000; --primary-50:#F6F0E1;
  --ink:#111111; --text:#2B2B2B; --muted:#5F5F5F; --line:#E7E2D8; --soft:#F8F6F1; --blush:#F8F6F1;
  --sun:#D9A538; --sun-50:#F8F0DA; --sun-ink:#111111; --star:#D9A538;
  --shadow:0 4px 16px rgba(0,0,0,.06); --shadow-lg:0 14px 40px rgba(0,0,0,.14);
  --radius:10px; --radius-sm:8px;
  --f-head:'Playfair Display',Georgia,'Times New Roman',serif;
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-script:'Playfair Display',Georgia,serif;
}
body{background:#fff;color:var(--text)}
::selection{background:var(--gold-light);color:#111}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--ink);font-weight:700;letter-spacing:-.005em}

/* ---------- Top strip (black) and header (white) ---------- */
.announce{background:#000;color:#EDEDED}
.announce b{color:var(--gold-light)}
.topbar{background:var(--ivory);color:var(--muted);border-bottom:1px solid var(--line)}
.topbar a{color:var(--text)}
.topbar a:hover{color:var(--gold-deep)}
.header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}
.logo img{height:64px!important;width:auto!important;max-width:100%}
.header .icon-btn,.header .cart-total{color:#111}
.icon-btn:hover{background:var(--ivory);color:var(--gold-deep)}
.count{background:var(--gold);color:#111;border-color:#fff}
.search-box{background:var(--ivory);border-color:var(--line)}
.search-box:focus-within{background:#fff;border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,165,56,.25)}
.search-btn{background:var(--gold);color:#111}
.search-btn:hover{background:var(--gold-hover)}
.main-nav{background:#fff;border-top:1px solid var(--line)}
.main-nav a{color:#111}
.main-nav a:hover,.main-nav a.active{color:#111;border-color:var(--gold)}
.main-nav a.nav-sale,.nav-sale{color:var(--gold-deep)}
.main-nav .pill{background:var(--gold);color:#111}
@media (max-width:767px){.logo img{height:46px!important}}

/* ---------- Buttons: gold with black text; outline and dark variants in black ---------- */
.btn{border-radius:8px}
.btn-primary,.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce-page .button{background:var(--gold);color:#111}
.btn-primary:hover,.woocommerce .button:hover,.woocommerce-page .button:hover{background:var(--gold-hover);color:#111}
.woocommerce .button.alt{background:#111;color:#fff}
.woocommerce .button.alt:hover{background:#000;color:var(--gold-light)}
.btn-outline{border-color:#111;color:#111}
.btn-outline:hover{background:#111;color:#fff}
.btn-light{background:#fff;color:#111;border:1px solid var(--line)}
.btn-light:hover{color:var(--gold-deep)}
.btn-ghost{background:var(--ivory);color:#111}
.view-all,.go,.promo .go{color:#111;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.view-all:hover,.go:hover{color:var(--gold-deep)}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,165,56,.25)}

/* ---------- Product cards: white, photo first, black name and price ---------- */
.card{background:#fff;border-color:var(--line);border-radius:10px;box-shadow:none}
.card:hover{box-shadow:0 10px 28px rgba(0,0,0,.08)}
.card-title,.card-title a{font-family:var(--f-body);font-weight:600;color:#111}
.price b{color:#111;font-weight:700}
.tag{background:#111;color:var(--gold-light);border-radius:4px;letter-spacing:.03em}
.tag-sale{background:#B42318;color:#fff}
.tag-best{background:var(--gold);color:#111}
.wish.on{color:var(--gold-deep)}
.eyebrow{color:var(--gold-deep)}
.pill,.pill-ink{background:#111;color:var(--gold-light)}
mark,.hero h1 mark{background:none;color:inherit;box-shadow:inset 0 -.12em 0 var(--gold)}
.hero h1 em,.section-head h2 span,.connect h2 span,.story-copy h2 span,.sec-title span{color:var(--gold-deep)}
.g-slide{background:#fff}

/* ---------- Calm ivory backgrounds instead of pastel blue/yellow ---------- */
.bg-peach,.bg-mint,.bg-sun,.bg-lilac,.bg-pink,.bg-sky,.bg-blush{background:var(--ivory)}
.hero-main,.cat-hero,.faq-hero,.contact-band,.start,.ck-m-head{background:linear-gradient(135deg,#FBFAF6 0%,#F4EFE4 100%)}
.connect{background:var(--ivory)}
.meet-video,.story-video{background:linear-gradient(135deg,#F4EFE4,#E9E1CF)}
.cat-hero h1{color:#111}
.cat-hero .eyebrow{color:var(--gold-deep)}
.cat-hero-copy p:not(.eyebrow){color:var(--muted)}
.chip{background:#fff;border-color:var(--line);color:#111}
.chip-new{background:#111;border-color:#111;color:var(--gold-light)}
.subcat{color:#111}
.subcat-img{border-color:var(--line)}
.subcat[aria-pressed="true"] .subcat-img,.subcat:hover .subcat-img{border-color:var(--gold)}
.subcat-img .all{background:var(--ivory);color:#111}
.ck-preset:hover,.cswatch:hover,.opt:hover,.qc:hover{border-color:var(--gold)}
.qc-call a.val{text-decoration-color:var(--gold)}
.auth-perks .perk-ic{color:var(--gold-deep);background:var(--primary-50)}
.avatar{background:linear-gradient(135deg,#111,#3A3A3A);color:var(--gold-light)}
.c1,.k2{background:var(--ivory);color:#111}
.ship-bar span{background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.tab[aria-selected="true"]{color:#111}
.d4.a{color:var(--gold);text-shadow:0 5px 0 var(--gold-deep),0 10px 0 #5C4310,0 18px 24px rgba(0,0,0,.2)}
.spark{fill:var(--gold)}

/* ---------- Promo boxes: plain ivory and white, no cartoon artwork ---------- */
.promo-new,.promo-deals,.promo-sale{background:var(--ivory);border:1px solid var(--line)}
.promo-deals,.promo-sale{background:#fff}
.promo-new h3,.promo-deals h3,.promo-sale h3{color:#111}
.promo-art{display:none}

/* ---------- Social icons: black circles that turn gold ---------- */
.soc,.soc-tt,.soc-ig,.soc-fb,.soc-yt{background:#111;color:#fff}
.soc:hover{background:var(--gold);color:#111}
.soc-wa{background:var(--wa);color:#fff}

/* ---------- Footer (black) ---------- */
.footer{background:#000;color:#CFCFCF}
.f-brand>p{color:#BDBDBD}
.f-col summary{color:var(--gold)}
.f-col a{color:#CFCFCF}
.f-col a:hover{color:var(--gold-light)}
.f-contact i{color:var(--gold)}
.f-contact a{color:#E6E6E6}
.footer-bottom{color:#A9A9A9;border-color:rgba(255,255,255,.12)}
.footer .soc,.footer .soc-tt,.footer .soc-ig,.footer .soc-fb,.footer .soc-yt{background:#1A1A1A;border:1px solid #333}
.footer .soc:hover{background:var(--gold);color:#111;border-color:var(--gold)}
.footer .soc-wa{background:var(--wa);border-color:var(--wa)}

/* ---------- Mobile app bar ---------- */
.bn.active{color:var(--gold-deep)}