/* =============================================================================
   Style 2.0 — "Midnight"
   -----------------------------------------------------------------------------
   A black storefront with gold accents and red prices. This sheet loads OVER
   style.css when  Appearance ▸ Customize ▸ Storefront Style  is set to Midnight
   (or ?skin=midnight for a logged-in admin). Style 1.0 ("Heritage") is the base
   stylesheet on its own.
   ========================================================================== */

/* ---- 1. palette remap ---------------------------------------------------- */
body.msp-skin--midnight{
  --ivory:#0e0f13;          /* page ground */
  --ivory-2:#181a21;        /* cards, wells, inputs */
  --ink:#e9eaee;            /* body text */
  --steel:#98a0ad;          /* muted text */
  --steel-light:#2b2e39;    /* hairlines / borders */
  --brass:#d8ab53;          /* gold accent, brightened for black */
  --brass-light:#eccb87;
  --rust:#e2b06c;           /* was rust-red — warm gold on black */
  --sale:#ff5b5d;           /* prices + discount accents */
  --green-tag:#ff5b5d;

  background:#0e0f13;
  color:var(--ink);
}

/* keep a large translucent-navy value only where it was a *surface*; text uses
   of --navy are lightened in section 4 */
body.msp-skin--midnight{ --navy:#151821; --navy-2:#1e2230; }

/* ---- 2. big dark chrome ------------------------------------------------- */
body.msp-skin--midnight :is(.utility-bar, nav.mega, footer){ background:#080909 !important; }
body.msp-skin--midnight header.main{
  background:#0b0c10 !important;
  border-bottom-color:#23262f !important;
}
body.msp-skin--midnight .logo-text .name{ color:#f3f4f6; }
body.msp-skin--midnight .logo-text .sub{ color:var(--brass-light); }
body.msp-skin--midnight .header-action{ color:#cfd3da; }
body.msp-skin--midnight .search-bar{ background:#14161d; border-color:#2b2f3a; }
body.msp-skin--midnight .msp-skin-toggle__track{
  background:#20242e !important; border-color:#333845 !important;
}
body.msp-skin--midnight .hero{
  background:linear-gradient(135deg,#161a22 0%,#0e0f13 55%,#1b2431 100%) !important;
}
body.msp-skin--midnight .trust-strip{ background:#15181f !important; }
body.msp-skin--midnight .legacy-strip{
  background:var(--ivory-2) !important;
  border-block:1px solid var(--steel-light);
}
body.msp-skin--midnight section.block + section.block{ border-top-color:var(--steel-light); }

/* ---- 3. cards, panels, wells, inputs ---------------------------------- */
body.msp-skin--midnight :is(
  .card, .msp-card, .cat-tile, .store-card,
  .shop-filters, .shop-sidebar .filter-group,
  .msp-summary, .msp-cart, .msp-customise, .msp-cart__foot,
  .search-suggest, .msp-notif-pop, .msp-modal__dialog, .msp-auth,
  .woocommerce-info, .woocommerce-message, .woocommerce-error,
  .msp-pb, .msp-opt, .msp-delivery, .msp-bargain__panel,
  .woocommerce div.product .woocommerce-tabs,
  .msp-doc__nav, .msp-doc__body, .msp-help__card, .msp-faq details,
  .msp-empty__badge, .msp-empty__chip, .msp-empty__cat, .msp-empty__search .search-bar,
  .woocommerce-account .woocommerce-MyAccount-navigation ul,
  .msp-dash__tile, .msp-dash__panel, .msp-order-card, .msp-thanks__overview,
  .msp-pickup, .msp-pickup__branch, .msp-pickup__day, .msp-pickup__slot,
  .mega-panel, .msp-related__nav button, .msp-gallery__nav, .msp-carousel__nav,
  .msp-modal__backdrop + .msp-modal__dialog, .msp-auth__col,
  .woocommerce table.shop_table, .cart_totals, .msp-cart__row,
  .msp-order-received, .woocommerce-order, .msp-thanks
){
  background:var(--ivory-2) !important;
  border-color:var(--steel-light) !important;
  color:var(--ink);
}
body.msp-skin--midnight .mega-panel{ border-top-color:var(--brass) !important; }

body.msp-skin--midnight :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]){
  background:#101219 !important;
  color:var(--ink) !important;
  border-color:#2b2f3a !important;
}
body.msp-skin--midnight ::placeholder{ color:#6c7480; }

body.msp-skin--midnight .search-bar input[type="search"]{ background:transparent !important; color:var(--ink) !important; }
body.msp-skin--midnight .search-bar input[type="search"]::placeholder{ color:#7b828d !important; }

/* product photography stays on a light mat so it doesn't float on black */
body.msp-skin--midnight :is(
  .card-media, .msp-card__media .msp-carousel__viewport, .msp-carousel__slide,
  .msp-gallery__stage, .msp-gallery__slide, .msp-gallery__thumb,
  .woocommerce-product-gallery__image, .attachment-woocommerce_thumbnail
){
  background:#f4f4f5 !important;
}
body.msp-skin--midnight .card-media.is-empty,
body.msp-skin--midnight .msp-carousel--empty .msp-carousel__slide{
  background:linear-gradient(160deg,#202430,#171a22) !important;
}

/* dropdown / popover surfaces */
body.msp-skin--midnight .search-suggest__item:hover,
body.msp-skin--midnight .msp-notif-item:hover{ background:#20242e !important; }

/* ---- 4. text that used --navy (headings, titles, labels) -------------- */
body.msp-skin--midnight :is(h1,h2,h3,h4,h5,h6),
body.msp-skin--midnight .woocommerce table.shop_table th,
body.msp-skin--midnight .woocommerce-table--order-details th,
body.msp-skin--midnight :is(
  [class*="__title"], [class*="__label"], [class*="__name"], [class*="__line"],
  [class*="__head"], [class$="-title"], [class$="-name"], [class*="__day-name"]
),
body.msp-skin--midnight :is(
  .block-head h2, .section-title, .entry-title, .shop-index__title,
  .price-now, .msp-card__delivery strong, .msp-delivery__result strong,
  .filter-check, .filter-group__toggle, .filter-more, .shop-filters__clear:hover,
  .woocommerce div.product .product_title, .woocommerce-Tabs-panel h2,
  .woocommerce div.product .woocommerce-tabs ul.tabs li a,
  .msp-modal__body strong, .msp-notification__title, .msp-slider__cur,
  .msp-summary__row dd, .msp-summary__row--total dt,
  .woocommerce-account .woocommerce-MyAccount-content h3,
  .msp-dash__tile-label, .msp-pickup__branch-name, .msp-pickup-note strong,
  .msp-doc__body a:hover, .msp-doc__back a, .msp-empty__cat-icon
){
  color:var(--ink) !important;
}

body.msp-skin--midnight .entry-content a,
body.msp-skin--midnight .msp-doc__body a{ color:var(--brass-light); }

/* links / labels that were pinned to navy with !important */
body.msp-skin--midnight :is(
  .msp-cart__name a, .msp-cart__unit,
  .woocommerce-table--order-details a,
  .woocommerce-account .woocommerce-MyAccount-navigation li a,
  .msp-dash__tile, .msp-dash .msp-dash__orders a,
  #shipping_method li label, .woocommerce form .form-row label
){
  color:var(--ink) !important;
}
body.msp-skin--midnight .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  color:var(--brass) !important; background:rgba(255,255,255,.05) !important;
}
body.msp-skin--midnight .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--brass) !important; color:#241905 !important;
}
body.msp-skin--midnight .woocommerce-account .woocommerce-MyAccount-navigation li.is-active .msp-acct-nav__ico{ color:#241905 !important; }
body.msp-skin--midnight .woocommerce-account .woocommerce-MyAccount-content,
body.msp-skin--midnight .woocommerce-account .woocommerce-MyAccount-content p{ color:#c3c7cf !important; }
body.msp-skin--midnight .woocommerce-account .woocommerce-MyAccount-content a:not(.button){ color:var(--brass-light) !important; }
body.msp-skin--midnight .block-head .eyebrow,
body.msp-skin--midnight .store-card .kicker,
body.msp-skin--midnight .legacy-line p strong{ color:var(--brass); }

/* ---- 5. buttons: solid-dark CTAs become gold ------------------------- */
body.msp-skin--midnight :is(
  .btn-primary, .add-btn, .add-btn:hover, .card .add-btn.added,
  .msp-icon-btn.msp-card__cart, .single_add_to_cart_button,
  .single-product .msp-buy-now, .msp-slider__submit, .msp-counter__accept,
  .msp-auth__submit, .msp-auth__col--register .msp-auth__submit,
  .woocommerce button.button.alt, .woocommerce a.button.alt,
  .checkout-button, a.checkout-button, .msp-cart-empty__btn,
  .msp-summary__coupon-apply, #place_order, .shop-filters__apply,
  .msp-doc__contact .msp-btn, .msp-empty__search .search-btn
){
  background:var(--brass) !important;
  color:#241905 !important;
  border-color:var(--brass) !important;
}
body.msp-skin--midnight :is(
  .btn-primary:hover, .single_add_to_cart_button:hover, .checkout-button:hover,
  a.checkout-button:hover, #place_order:hover, .msp-slider__submit:hover,
  .woocommerce button.button.alt:hover, .msp-empty__search .search-btn:hover
){
  background:var(--brass-light) !important;
  color:#241905 !important;
}

/* ghost / outline buttons */
body.msp-skin--midnight .btn-ghost{ border-color:rgba(255,255,255,.3); color:#fff; }
body.msp-skin--midnight .btn-ghost:hover{ border-color:#fff; }

/* small dark chips / badges / toggles that were navy → stay a dark pill */
body.msp-skin--midnight :is(
  .msp-badge--seller, .msp-carousel__dot.is-active,
  .filter-check input:checked, .msp-opt.is-active,
  .msp-pickup__step.is-open .msp-pickup__num,
  .msp-doc__nav li.is-current a, .page-numbers.current,
  nav.pagination .page-numbers.current
){
  background:#20242e !important;
  color:#fff !important;
  border-color:#20242e !important;
}
body.msp-skin--midnight .page-numbers:not(.current){
  background:var(--ivory-2) !important; color:var(--ink) !important;
  border-color:var(--steel-light) !important;
}
body.msp-skin--midnight .page-numbers:not(.current):hover{ border-color:var(--brass) !important; color:var(--brass) !important; }

/* the "done" pickup circle + hovers that flip to gold keep dark text */
body.msp-skin--midnight :is(
  .msp-icon-btn.msp-card__cart:hover, .msp-card__bargain:hover, .card-bargain:hover,
  .msp-pickup__step.is-done .msp-pickup__num, .msp-notif-pop__all:hover,
  .msp-alert__ok:hover, .msp-auth__submit:hover
){
  background:var(--brass) !important; color:#241905 !important;
}

/* ---- 6. PRICES → red ------------------------------------------------- */
body.msp-skin--midnight :is(
  .price-now, .msp-price-now, .msp-pb__now, .msp-pb__now--now,
  .woocommerce .price, .woocommerce ul.products li.product .price,
  .woocommerce-Price-amount, .woocommerce div.product p.price,
  .msp-cart__unit, .msp-cart__line-total, .msp-cart__total .amount,
  .msp-summary__item-total, .msp-summary__row--total dd,
  .order-total .amount, .woocommerce-table--order-details tfoot tr:last-child td,
  .msp-thanks__overview strong, .msp-pb__row .msp-pb__now
){
  color:var(--sale) !important;
}

/* strike-through M.R.P. stays a quiet grey */
body.msp-skin--midnight :is(
  .msp-price-mrp, .msp-pb__mrp, .msp-pb__strike, del, del .amount,
  .msp-card__mrp, .price del
){
  color:var(--steel) !important;
  text-decoration-color:var(--steel) !important;
}

/* the negotiated "treasure" price stays gold, not red */
body.msp-skin--midnight :is(.msp-pb__now--bargain, .msp-appr__price, .msp-slider__price){
  color:var(--brass) !important;
}
/* the additive discount badge (e.g. "30% + 5% = 35% OFF") stays red-on-red */
body.msp-skin--midnight .msp-pb__combo{ background:var(--sale) !important; color:#fff !important; }

/* discount pills already red — keep, just firm up the text */
body.msp-skin--midnight :is(.discount-tag, .msp-badge--off, .msp-price-off, .price-off){
  color:#fff !important;
}

/* single-product: option price + the price-block sub-lines */
body.msp-skin--midnight .msp-opt__price{ color:var(--sale) !important; }
body.msp-skin--midnight .msp-opt__mrp{ color:var(--steel) !important; }
body.msp-skin--midnight .msp-opt.is-active{
  border-color:var(--brass) !important; box-shadow:inset 0 0 0 1px var(--brass) !important;
}
body.msp-skin--midnight .msp-opt--swatch .msp-opt__dot{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.28); }
body.msp-skin--midnight .msp-pb__pct{ color:var(--sale) !important; }
body.msp-skin--midnight .msp-pb__save{ color:var(--sale) !important; }
body.msp-skin--midnight .msp-pb__tax{ color:var(--steel) !important; }

/* the three "offer" chips under the title */
body.msp-skin--midnight .msp-offer--sale{ background:rgba(255,91,93,.14) !important; color:#ff8082 !important; }
body.msp-skin--midnight .msp-offer--pick{ background:rgba(216,171,83,.16) !important; color:var(--brass-light) !important; }
body.msp-skin--midnight .msp-offer--ship{ background:rgba(255,255,255,.07) !important; color:#cdd2da !important; }

/* ---- 7. odds and ends ---------------------------------------------- */
body.msp-skin--midnight hr,
body.msp-skin--midnight .msp-cart__row,
body.msp-skin--midnight .msp-summary__row{ border-color:var(--steel-light) !important; }

body.msp-skin--midnight .msp-wish,
body.msp-skin--midnight .msp-card__wish{
  background:rgba(20,22,29,.85) !important; border-color:var(--steel-light) !important; color:#cfd3da !important;
}
body.msp-skin--midnight .msp-card__media .msp-wish.is-on{
  background:var(--sale) !important; border-color:var(--sale) !important; color:#fff !important;
}

body.msp-skin--midnight .seal{
  background:radial-gradient(circle at 32% 28%,#f0d28c,var(--brass) 45%,#a67a2e 100%);
}
body.msp-skin--midnight .seal-inner{ color:#241905; }

body.msp-skin--midnight .woocommerce-message{ border-left-color:#3ea06a !important; }
body.msp-skin--midnight .woocommerce-info{ border-left-color:var(--brass) !important; }
body.msp-skin--midnight .woocommerce-error{ border-left-color:var(--sale) !important; }

/* scrollbars */
body.msp-skin--midnight *{ scrollbar-color:#3a3f4c transparent; }

/* product "Additional information" feature list */
body.msp-skin--midnight .msp-tab-features ul li,
body.msp-skin--midnight .woocommerce-Tabs-panel p{ color:#c3c8d0 !important; }

/* mobile filters button + drawer */
body.msp-skin--midnight .shop-filter-toggle{
  background:var(--ivory-2) !important; color:var(--ink) !important; border-color:#39404d !important;
}
body.msp-skin--midnight .shop-filters{ background:var(--ivory-2) !important; }