/* =====================================================================================================
   Tailo · Peacock Atelier theme (v2.3) — a refined, craft-led marketplace look.
   Deep peacock navigation with an antique-zari accent, restrained semantic colours, white cards on warm porcelain,
   and one rounded font (Plus Jakarta Sans). Loaded last on every page as tailo-theme.css.
   ===================================================================================================== */

:root {
    --bz-plum: #123b38;          /* header, brand, primary buttons */
    --bz-plum-deep: #0c2826;
    --bz-plum-soft: #e3ece9;
    --bz-marigold: #a8873a;      /* antique zari: add to cart, search, active state */
    --bz-marigold-deep: #b69444;
    --bz-marigold-soft: #f3ecd9;
    --bz-leaf: #2e6a4a;          /* ratings, savings, success */
    --bz-leaf-soft: #e1eee6;
    --bz-sky: #17655f;           /* links and information */
    --bz-page: #faf6ec;
    --bz-card: #ffffff;
    --bz-ink: #1c2321;
    --bz-ink-2: #4a524f;
    --bz-ink-3: #69716d;
    --bz-line: #dcdcd3;
    --bz-line-strong: #7f867d;
    --bz-warn: #8a5b12; --bz-warn-soft: #f6ead0;
    --bz-bad: #9e2a2b;  --bz-bad-soft: #f7e3e2;

    --bz-font: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
    --bz-r-card: 12px;
    --bz-r: 10px;
    --bz-shadow: 0 1px 2px rgba(28, 35, 33, .06), 0 2px 8px rgba(28, 35, 33, .05);
    --bz-shadow-hover: 0 10px 28px -10px rgba(18, 59, 56, .28);

    /* ---- shop (shop.css names) ---- */
    --brown-950: #0c2826; --brown-900: #0f312e; --brown-800: #123b38; --brown-700: #123b38;
    --brown-600: #2b5a55; --brown-500: #4c7a74; --brown-400: #87a9a3; --brown-300: #b9cfca;
    --brown-200: #d6e3df; --brown-100: #e9f0ee;
    --linen: var(--bz-page); --paper: #ffffff;
    --sage-100: #e9f0ee; --sage-300: #b9cfca; --sage-700: #2b5a55;
    --indigo: #123b38; --indigo-dark: #0c2826; --indigo-soft: #e3ece9;
    --madder: #9e2a2b; --madder-soft: #f7e3e2;
    --gold: #a8873a; --gold-soft: #f3ecd9;
    --ink: #1c2321; --ink-2: #4a524f; --ink-3: #69716d;
    --line: #dcdcd3; --line-strong: #7f867d;
    --ok: #2e6a4a; --ok-soft: #e1eee6; --warn: #8a5b12; --warn-soft: #f6ead0;
    --danger: #9e2a2b; --danger-soft: #f7e3e2;
    --font-display: var(--bz-font); --font-body: var(--bz-font);
    --radius: 12px; --radius-sm: 10px; --leaf: 12px;
    --shadow-pop: 0 14px 34px -14px rgba(18, 59, 56, .35);

    /* ---- supplier dashboard ---- */
    --aubergine-900: #0c2826; --aubergine-800: #123b38;
    --primary: #123b38; --primary-hover: #0c2826; --primary-soft: #e3ece9;
    --zari: #a8873a; --zari-soft: #f3ecd9;
    --yellow: #a8873a; --yellow-h: #b69444;
    --bg: var(--bz-page); --surface: #ffffff;
    --info: #17655f; --info-soft: #e3ece9;
    --danger-line: #e2b9b8;
    --radius-card: 12px; --radius-ctl: 10px;

    /* ---- supplier / admin / desk sign-in pages ---- */
    --nav: #0c2826; --nav-2: #123b38; --nav-3: #2b5a55;
    --link: #17655f; --link-h: #123b38;
    --font: var(--bz-font); --sans: var(--bz-font);

    /* ---- admin ---- */
    --mut: #69716d; --card: #ffffff; --brand: #123b38; --bad: #9e2a2b;

    /* ---- delivery desk ---- */
    --ground: var(--bz-page); --sunk: #ebebe5; --line-soft: #e7e7df; --muted: #69716d;
    --clay: #123b38; --clay-dark: #0c2826; --clay-soft: #e3ece9;
    --bad-soft: #f7e3e2;

    /* ---- delivery agent ---- */
    --accent: #123b38; --accent-d: #0c2826; --accent-soft: #e3ece9;
}

/* ------------------------------------------------------------------ base */
body {
    font-family: var(--bz-font);
    color: var(--bz-ink);
    background-color: var(--bz-page);
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    caret-color: var(--bz-plum);
}
html { scrollbar-color: var(--bz-plum) var(--bz-plum-soft); }
h1, h2, h3, .brand, .logo, .card-title, .cx-title, .header h1 {
    font-family: var(--bz-font);
    letter-spacing: -.015em;
    color: var(--bz-ink);
}
h1 { font-weight: 800; font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem); line-height: 1.15; }
h2 { font-weight: 800; font-size: clamp(1.3rem, 1.15rem + .6vw, 1.6rem); line-height: 1.2; }
h3 { font-weight: 700; font-size: 1.12rem; }
a { color: var(--bz-sky); text-underline-offset: 2px; }
a:hover { color: var(--bz-plum); }
::selection { background: var(--bz-marigold-soft); color: var(--bz-ink); }
.price, .metric-card .value, .stat b, .kcard b { font-variant-numeric: tabular-nums; }
.price { color: var(--bz-ink); font-weight: 800; font-size: 1.3rem; }
.price small { color: var(--bz-ink-3); font-weight: 500; }

/* ------------------------------------------------------------------ the shop header: peacock bar + pill search */
.site-header {
    background: var(--bz-plum) !important;
    border-bottom: 0 !important;
    box-shadow: 0 2px 10px rgba(12, 40, 38, .25);
}
.site-header::after { display: none !important; }
.site-header .logo { color: #fff; font-weight: 800; font-size: 1.6rem; }
.site-header .logo:hover { color: #fff; }
.head-search {
    max-width: 620px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0 4px 0 6px !important;
    min-height: 44px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}
.head-search:focus-within { box-shadow: 0 0 0 3px var(--bz-marigold) !important; }
.head-search select { border-radius: 999px !important; background-color: var(--bz-plum-soft) !important; color: var(--bz-plum) !important; font-weight: 700 !important; }
.head-search button {
    width: 52px !important; height: 36px !important;
    border-radius: 999px !important;
    background: var(--bz-marigold) !important;
    color: var(--bz-plum-deep) !important;
}
.head-search button:hover { background: var(--bz-marigold-deep) !important; }
.main-nav a { color: #d6e3df !important; font-weight: 600; border-radius: 8px; background: transparent !important; }
.main-nav a:hover, .main-nav a.active, .main-nav a[aria-current="page"] { color: #fff !important; background: rgba(255, 255, 255, .12) !important; box-shadow: inset 0 -3px 0 var(--bz-marigold); }
.site-header .loc-chip, .site-header .loc-chip b { color: #fff !important; }
.site-header .loc-chip small { color: #b9cfca !important; }
.site-header .loc-chip svg { background: rgba(255, 255, 255, .14) !important; color: #fff !important; }
.site-header .mode-switch { background: rgba(255, 255, 255, .1); border-radius: 999px; border-color: transparent; }
.site-header .mode-switch button { color: #d6e3df; }
.site-header .mode-switch button.on { background: #fff; color: var(--bz-plum); }
.site-header .cart-btn { color: #fff !important; background: transparent !important; border: 1px solid rgba(255, 255, 255, .35) !important; border-radius: 999px !important; }
.site-header .cart-btn:hover { background: rgba(255, 255, 255, .12) !important; }
.cart-badge { background: var(--bz-marigold) !important; color: var(--bz-plum-deep) !important; font-weight: 800; }
.site-header .user-chip { color: #fff; }
.site-header .avatar { background: var(--bz-marigold); color: var(--bz-plum-deep); }

/* footer */
.site-footer { background: #081f1d; color: #bfd0cc; border-top: 0; }
.site-footer a { color: #fff; }
.site-footer h2, .site-footer h3, .site-footer h4 { color: #fff; }

/* dark top bars of the dashboards and sign-in brand bars */
header.top, body > header:not(.site-header):not(#site-header):not(.brand):not(.auth-header) {
    background: var(--bz-plum) !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(12, 40, 38, .2);
}
header.top::after, body > header::after { display: none; }
header.top .brand, body > header b { color: #fff; font-weight: 800; }
body > header button, header.top .btn.ghost {
    background: rgba(255, 255, 255, .12) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    color: #fff !important;
    border-radius: 999px !important;
}
.auth-header, body > header.brand { background: var(--bz-plum) !important; padding: 14px 0 !important; }
.auth-header .logo, body > header.brand .logo { color: #fff !important; }
.logo small { color: var(--bz-marigold) !important; font-weight: 700; }

/* ------------------------------------------------------------------ buttons */
.btn, .btn-primary, .login-btn, .create-btn, .submit-btn, .action-btn, .btn-secondary, .btn-cancel, .btn-confirm, .quick-add {
    font-family: var(--bz-font);
    font-weight: 700;
    border-radius: var(--bz-r);
    transition: background-color .15s ease, box-shadow .15s ease, transform .1s ease;
}
/* the money action: antique zari gold */
.quick-add, .btn-gold, .hero-search .btn, button.btn[type="submit"]#go {
    background: var(--bz-marigold) !important;
    border: 0 !important;
    color: var(--bz-plum-deep) !important;
}
.quick-add:hover, .btn-gold:hover:not(:disabled), .hero-search .btn:hover { background: var(--bz-marigold-deep) !important; }
.quick-add.done { background: var(--bz-leaf) !important; color: #fff !important; }
.stepper { background: var(--bz-plum) !important; border-radius: var(--bz-r) !important; }
/* main actions: deep peacock */
.btn-primary, .btn.pri, .btn.primary, .login-btn, .create-btn, .submit-btn, .btn-confirm, button.btn[type="submit"],
nav button[aria-selected="true"] {
    background: var(--bz-plum) !important;
    border: 1px solid var(--bz-plum) !important;
    color: #fff !important;
}
.btn-primary:hover:not(:disabled), .btn.pri:hover, .btn.primary:hover, .login-btn:hover, .create-btn:hover,
.submit-btn:hover:not(:disabled), .btn-confirm:hover, button.btn[type="submit"]:hover:not(:disabled) {
    background: var(--bz-plum-deep) !important;
    box-shadow: 0 6px 16px -6px rgba(18, 59, 56, .55);
}
/* "place order" / confirm feel: green when the page marks it as the final step */
[data-act="place"] { background: var(--bz-leaf) !important; border-color: var(--bz-leaf) !important; }
[data-act="place"]:hover { background: #24583c !important; }
.btn:active, .btn-primary:active, .quick-add:active { transform: translateY(1px); }
.btn-ghost, .btn-light, .btn-secondary, .btn-cancel, .action-btn, .btn:not(.pri):not(.primary):not(.ok):not(.quiet):not(.ghost):not(.bad):not(.danger) {
    background: #fff;
    color: var(--bz-plum);
    border: 1px solid var(--bz-line-strong);
}
.btn-ghost:hover:not(:disabled), .btn-light:hover:not(:disabled), .btn-secondary:hover, .btn-cancel:hover, .action-btn:hover {
    background: var(--bz-plum-soft); border-color: var(--bz-plum);
}
.btn.bad, .btn.danger, .btn-danger-ghost { color: var(--bz-bad) !important; background: #fff !important; border: 1px solid #e2b9b8 !important; }
.btn.bad:hover, .btn.danger:hover, .btn-danger-ghost:hover:not(:disabled) { background: var(--bz-bad-soft) !important; }
:focus-visible { outline: 3px solid var(--bz-marigold) !important; outline-offset: 2px !important; }

/* ------------------------------------------------------------------ forms */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), select, textarea {
    font-family: var(--bz-font);
    border: 1px solid var(--bz-line-strong);
    border-radius: var(--bz-r);
    background-color: #fff;
    color: var(--bz-ink);
}
input:not([type=checkbox]):not([type=radio]):focus, select:focus, textarea:focus {
    border-color: var(--bz-plum); box-shadow: 0 0 0 3px rgba(168, 135, 58, .28); outline: none;
}
input[type=checkbox], input[type=radio] { accent-color: var(--bz-plum); }
label { font-weight: 600; color: var(--bz-ink-2); }

/* ------------------------------------------------------------------ cards: white, soft shadow, lift on hover */
.card, .content-card, .metrics-grid, .panel, .kcard, .stat, .login-box, .register-box, .modal-box, .v2-card,
.addr-card, .tailor-card, .service-card, .pay-opt, .type-card, .fab-card, .mi-card {
    background: var(--bz-card);
    border: 1px solid var(--bz-line);
    border-radius: var(--bz-r-card);
    box-shadow: var(--bz-shadow);
}
.service-card, .tailor-card, .fab-card { transition: box-shadow .18s ease, transform .18s ease; }
.service-card:hover, .tailor-card:hover, .fab-card:hover { box-shadow: var(--bz-shadow-hover); transform: translateY(-2px); border-color: var(--bz-line); }
.service-card { padding: 0 !important; overflow: hidden; }
.service-card .thumb { border-radius: 0 !important; aspect-ratio: 1 / 1; background: #f7f7f2; }
.service-card .card-body { padding: 12px 14px 14px !important; }
.service-card .card-title { font-weight: 600; font-size: 1rem; line-height: 1.35; color: var(--bz-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.service-card:hover .card-title { text-decoration: none !important; color: var(--bz-sky); }
.service-card .card-sub { color: var(--bz-ink-3); font-size: .86rem; }
.service-card .card-desc { display: none; }
.service-card .card-foot { flex-direction: column; align-items: flex-start; gap: 2px; padding-top: 6px; }
.service-card .meta { color: var(--bz-leaf); font-weight: 600; font-size: .84rem; }
.rating-badge {
    position: absolute; left: 10px; bottom: 10px;
    background: var(--bz-leaf) !important; color: #fff !important;
    border-radius: 6px !important; font-weight: 700; font-size: 12.5px; padding: 2px 7px;
}
.rating-badge svg { fill: #fff; }
.thumb .tag { background: var(--bz-plum) !important; color: #fff !important; clip-path: none !important; border-radius: 0 6px 6px 0; padding: 3px 10px !important; }
.heart { box-shadow: 0 1px 6px rgba(28, 35, 33, .18); }
.heart.on { color: var(--bz-bad); }

.card-head { border-bottom: 1px solid var(--bz-line); }

/* tables */
table th { font-family: var(--bz-font); font-weight: 700; font-size: .8rem; color: var(--bz-ink-3); text-transform: none !important; letter-spacing: 0; background: #f8f8f4; border-bottom: 1px solid var(--bz-line); }
table td { border-bottom: 1px solid var(--bz-line); }
tbody tr:hover td { background: #fafaf7; }

/* chips and badges */
.chip, .badge, .nav-badge { font-family: var(--bz-font); font-weight: 700; border-radius: 6px; text-transform: none; letter-spacing: 0; }
.chip, .badge { background: var(--bz-plum-soft); color: var(--bz-plum); }
.chip.ok, .badge.ok, .badge.success { background: var(--bz-leaf-soft); color: #255c3f; }
.chip.warn, .badge.warning, .badge.gold { background: var(--bz-marigold-soft); color: #6b511c; }
.chip.bad, .badge.danger { background: var(--bz-bad-soft); color: var(--bz-bad); }
.badge.info, .badge.brand { background: var(--bz-plum-soft); color: var(--bz-sky); }
.nav-badge { background: var(--bz-marigold); color: var(--bz-plum-deep); border-radius: 999px; }

.toast { background: var(--bz-ink); color: #fff; border-radius: var(--bz-r); }
.toast.bad, .toast.error { background: var(--bz-bad); }

/* ------------------------------------------------------------------ shop pages */
.hero { background: var(--bz-page); }
.hero h1 { font-weight: 800; font-size: clamp(2.2rem, 1.5rem + 3vw, 3.4rem); letter-spacing: -.03em; color: var(--bz-ink); max-width: 14ch; }
.hero-search { border-radius: 999px !important; border: 1px solid var(--bz-line-strong) !important; box-shadow: var(--bz-shadow); }
.hero-search .btn { border-radius: 999px !important; padding-inline: 26px; }
.hero-art::before { background: var(--bz-plum-soft); }
.sw1 { background: repeating-linear-gradient(90deg, #123b38 0 14px, #2b5a55 14px 17px, #123b38 17px 31px, #e3ece9 31px 33px) !important; }
.sw2 { background: radial-gradient(circle, #fff8 0 2.5px, transparent 3px) 0 0 / 16px 16px, #c99a32 !important; }
.sw3 { background: repeating-linear-gradient(0deg, rgba(255,255,255,.3) 0 8px, transparent 8px 20px), repeating-linear-gradient(90deg, rgba(255,255,255,.3) 0 8px, transparent 8px 20px), #7a1f2b !important; }
.sw4 { background: repeating-linear-gradient(45deg, #304c72 0 10px, #3e628f 10px 14px) !important; }
.thread path { stroke: var(--bz-plum); }
.art span { font-family: var(--bz-font); font-weight: 800; color: var(--bz-plum); }
.art.a1 { background: repeating-linear-gradient(90deg, #123b38 0 12px, #2b5a55 12px 15px, #123b38 15px 27px, #e3ece9 27px 29px); }
.art.a2 { background: radial-gradient(circle, #fff8 0 2.5px, transparent 3px) 0 0 / 16px 16px, #c99a32; }
.art.a3 { background: repeating-linear-gradient(0deg, rgba(255,255,255,.28) 0 7px, transparent 7px 18px), repeating-linear-gradient(90deg, rgba(255,255,255,.28) 0 7px, transparent 7px 18px), #7a1f2b; }
.art.a4 { background: repeating-linear-gradient(45deg, #304c72 0 10px, #3e628f 10px 14px); }
.art.a5 { background: repeating-linear-gradient(90deg, #526446 0 10px, #6f835d 10px 13px); }
.section-head h2 { font-weight: 800; }
.section.tint { background: var(--bz-page); }
.cta-band { background: linear-gradient(110deg, var(--bz-plum) 0%, #2b5a55 100%); border-radius: 16px; }
.cta-band::after { display: none; }
.cta-band h2 { color: #fff; }
.cta-band p { color: #d6e3df; }
.choice[aria-checked="true"], .choice.sel, .type-card.sel, .pay-opt.sel { border-color: var(--bz-plum) !important; background: var(--bz-plum-soft) !important; }

/* first-visit welcome */
.mode-intro { background: linear-gradient(160deg, var(--bz-plum) 0%, #2b5a55 100%); }
.mi-box h2 { color: #fff; font-weight: 800; }
.mi-box p { color: #d6e3df; }
.mi-thread { background: repeating-linear-gradient(90deg, var(--bz-marigold) 0 10px, transparent 10px 16px); }
.mi-card { border: 0; box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .45); }
.mi-card b { color: var(--bz-ink); font-weight: 800; }
.mi-card:hover, .mi-card:focus-visible { border-color: var(--bz-marigold); box-shadow: 0 0 0 3px var(--bz-marigold), 0 14px 30px -12px rgba(0, 0, 0, .45); }
.mi-skip { color: #fff; }

/* availability, preorder, estimate */
.avail { border-radius: 6px; }
.avail-ok { background: var(--bz-leaf-soft); color: #255c3f; }
.avail-busy { background: var(--bz-marigold-soft); color: #6b511c; }
.avail-closed { background: #ecece6; color: var(--bz-ink-2); }
.preorder-box { background: var(--bz-marigold-soft); border: 1px solid #dbc68d; color: #473916; border-radius: var(--bz-r-card); }
.eta-box { background: #fff; border-radius: var(--bz-r-card); box-shadow: var(--bz-shadow); }

/* ------------------------------------------------------------------ dashboards */
.sidebar { background: var(--bz-plum) !important; }
.sidebar .brand { color: #fff; font-weight: 800; }
.sidebar .brand-sub { color: #b9cfca; }
.nav-item { color: #d6e3df; font-weight: 600; border-radius: 10px; }
.nav-item:hover { background: rgba(255, 255, 255, .1) !important; color: #fff; }
.nav-item.active { background: #fff !important; color: var(--bz-plum) !important; }
.nav-item.active::before { background: var(--bz-marigold) !important; }
.nav-item.active svg { stroke: var(--bz-plum); color: var(--bz-plum); }
.logout-btn { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .25); }
.main-content { background: var(--bz-page); }
.metric-card .value { color: var(--bz-plum); font-weight: 800; }
.subtitle, .hint, .sub, .muted, .v2-meta { color: var(--bz-ink-3); }
nav[role="tablist"], body > nav { background: #fff; border-bottom: 1px solid var(--bz-line); box-shadow: var(--bz-shadow); }
nav button { font-family: var(--bz-font) !important; font-weight: 600 !important; border-radius: 999px !important; }
nav button:hover { background: var(--bz-plum-soft); color: var(--bz-plum); }
.tabs .tab[aria-selected="true"] { color: var(--bz-plum); border-color: var(--bz-marigold); }
.mode.sel, .seg [aria-pressed="true"] { border-color: var(--bz-plum) !important; background: var(--bz-plum-soft) !important; color: var(--bz-plum) !important; }
.tabbar { background: #fff; border-top: 1px solid var(--bz-line); box-shadow: 0 -2px 10px rgba(28, 35, 33, .06); }
.tabbar [aria-selected="true"], .tabbar .on { color: var(--bz-plum); }
.offer { border-color: var(--bz-marigold) !important; box-shadow: 0 0 0 3px var(--bz-marigold-soft); }
.v2-pill { background: var(--bz-marigold-soft); color: #6b511c; }

/* floating helpers */
body .tb-wrap { left: auto; right: 16px; bottom: 76px; align-items: flex-end; }
body .tb-enable { background: var(--bz-plum) !important; }
body .tb-alert { background: var(--bz-bad) !important; }
body .tsup-fab { background: var(--bz-marigold); color: var(--bz-plum-deep); font-family: var(--bz-font); }
body .tsup-btn { background: var(--bz-plum); font-family: var(--bz-font); }
body > header { z-index: 6; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation-duration: .01ms !important; }
    .service-card:hover, .tailor-card:hover, .fab-card:hover { transform: none; }
}
.thumb-wrap { position: relative; }

/* marketplace header: row 1 = logo, wide search, cart, account; row 2 (darker band) = links, Men/Women/All, location */
@media (min-width: 900px) {
    .site-header .header-row { flex-wrap: wrap; height: auto !important; row-gap: 0; column-gap: 16px; padding-top: 10px; align-items: center; }
    .site-header .header-row::before { content: ""; order: 2; flex: 0 0 100%; height: 10px; }
    .site-header .header-actions { display: contents; }
    .site-header .header-actions > * { order: 1; }
    .site-header .logo { order: 0; }
    .site-header .head-search { order: 1; flex: 1 1 300px; max-width: none !important; }
    .site-header .header-spacer { display: none; }
    .site-header .main-nav {
        order: 3; align-self: stretch; display: flex; align-items: center; padding: 4px 0;
        background: var(--bz-plum-deep);
        box-shadow: 0 0 0 100vmax var(--bz-plum-deep);
        clip-path: inset(0 -100vmax);
    }
    .site-header .main-nav a { font-size: .92rem; padding: 6px 12px; }
    .site-header .mode-switch { order: 4; margin-left: auto; }
    .site-header .loc-chip { order: 5; max-width: 220px; padding-top: 4px; padding-bottom: 4px; }
    .site-header .loc-chip svg { width: 28px; height: 28px; padding: 6px; }
}
.site-header .mode-switch button { background: transparent; border: 0; font-weight: 600; border-radius: 999px; }
.site-header .main-nav a.active::after, .site-header .main-nav a[aria-current="page"]::after { display: none; }
.hero-search button.btn[type="submit"] { background: var(--bz-marigold) !important; border: 0 !important; color: var(--bz-plum-deep) !important; }
.hero-search button.btn[type="submit"]:hover { background: var(--bz-marigold-deep) !important; box-shadow: none; }
@media (min-width: 900px) { .site-header .mode-switch, .site-header .loc-chip { position: relative; z-index: 1; } }