/*
Theme Name: Luxe Plate Studio (Astra Child)
Theme URI: https://luxeplatestudio.co.uk
Description: Black & Gold HyperSport child theme for Astra — restyles the whole WooCommerce store in the Luxe Plate Studio brand (black #000, gold #D4AF37, Montserrat).
Author: Luxe Plate Studio
Template: astra
Version: 1.0.0
*/

/* =============================================================
   LUXE PLATE STUDIO — Astra child theme (Brand Foundation V5)
   Black #000 · Gold #D4AF37 · Montserrat. Restyles Astra + Woo.
   ============================================================= */

:root{
  --lps-black:#000000; --lps-carbon:#0a0a0a; --lps-graphite:#1a1a1a;
  --lps-gold:#d4af37; --lps-gold-2:#e6c45c; --lps-gold-deep:#9c7c2c;
  --lps-line:rgba(212,175,55,.22); --lps-line-soft:rgba(212,175,55,.12);
  --lps-glow:rgba(212,175,55,.40);
  --lps-metal:linear-gradient(120deg,#f0d98a,#d4af37 45%,#9c7c2c 75%,#efd684);
  --lps-ink:#f1efe9; --lps-ink-soft:#c6c1b6; --lps-ink-mut:#857f72;
}

/* ---------- GLOBAL ---------- */
body,.ast-container,.site,#page{
  background:var(--lps-black)!important;
  color:var(--lps-ink)!important;
  font-family:'Montserrat',system-ui,sans-serif!important;
}
h1,h2,h3,h4,h5,h6,.entry-title,.ast-archive-title{
  font-family:'Montserrat',system-ui,sans-serif!important;
  font-weight:800!important;color:#fff!important;letter-spacing:-.01em;
}
p,li,span,td,label{color:var(--lps-ink-soft);}
a{color:var(--lps-gold);}
a:hover{color:var(--lps-gold-2);}

/* subtle gold ambience */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(44% 34% at 82% 2%,rgba(212,175,55,.10),transparent 60%),
    radial-gradient(40% 32% at 4% 100%,rgba(212,175,55,.06),transparent 60%);}
#page{position:relative;z-index:1;}

/* ---------- HEADER / NAV ---------- */
.site-header,.ast-primary-header-bar,.main-header-bar{
  background:rgba(0,0,0,.9)!important;border-bottom:1px solid var(--lps-line)!important;}
.main-header-menu a,.ast-header-break-point .main-navigation a,.menu-item a{
  color:var(--lps-ink-soft)!important;font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;}
.main-header-menu a:hover,.current-menu-item>a{color:var(--lps-gold)!important;}

/* site title */
.site-title a,.ast-site-title-wrap .site-title a{color:var(--lps-gold)!important;font-weight:800;letter-spacing:.06em;}

/* ---------- BUTTONS (brand: black bg, gold border, gold text) ---------- */
.button,button,input[type="submit"],.wp-block-button__link,
.ast-button,.woocommerce a.button,.woocommerce button.button,
.woocommerce .button,.woocommerce #respond input#submit,
.woocommerce-page a.button,.added_to_cart,.single_add_to_cart_button{
  background:#000!important;color:var(--lps-gold)!important;
  border:1px solid var(--lps-gold)!important;border-radius:5px!important;
  font-family:'Montserrat',sans-serif!important;font-weight:700!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;
  box-shadow:inset 0 0 18px -12px var(--lps-glow);transition:all .35s cubic-bezier(.2,.7,.2,1)!important;}
.button:hover,button:hover,input[type="submit"]:hover,.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover,
.single_add_to_cart_button:hover{
  background:rgba(212,175,55,.10)!important;color:var(--lps-gold-2)!important;
  transform:translateY(-2px);box-shadow:0 0 26px -6px var(--lps-glow)!important;}

/* ---------- WOOCOMMERCE: products ---------- */
.woocommerce ul.products li.product,.wc-block-grid__product,
.woocommerce div.product,.woocommerce-page ul.products li.product{
  background:var(--lps-carbon)!important;border:1px solid var(--lps-line)!important;
  border-radius:6px!important;padding:14px!important;transition:all .4s cubic-bezier(.2,.7,.2,1);}
.woocommerce ul.products li.product:hover{
  border-color:rgba(212,175,55,.55)!important;box-shadow:0 0 40px -16px var(--lps-glow)!important;transform:translateY(-5px);}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--lps-gold)!important;font-weight:700;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff!important;font-weight:700;}
.star-rating span::before,.woocommerce .star-rating span::before{color:var(--lps-gold)!important;}

/* sale / badges */
.woocommerce span.onsale,.wc-block-grid__product-onsale{
  background:var(--lps-metal)!important;color:#1b1400!important;border:0!important;font-weight:700;}

/* ---------- WOOCOMMERCE: forms / inputs ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],
input[type="number"],select,textarea{
  background:rgba(255,255,255,.04)!important;border:1px solid var(--lps-line)!important;
  color:#fff!important;border-radius:4px!important;}
input:focus,select:focus,textarea:focus{
  border-color:var(--lps-gold)!important;box-shadow:0 0 0 3px rgba(212,175,55,.14)!important;outline:none!important;}

/* ---------- WOOCOMMERCE: cart / checkout / notices ---------- */
.woocommerce table.shop_table,.woocommerce-cart table.cart,
.woocommerce .cart-collaterals .cart_totals{
  background:var(--lps-carbon)!important;border:1px solid var(--lps-line)!important;color:var(--lps-ink-soft)!important;}
.woocommerce table.shop_table th{color:var(--lps-gold)!important;}
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-top-color:var(--lps-gold)!important;background:var(--lps-graphite)!important;color:var(--lps-ink)!important;}
.woocommerce-message::before,.woocommerce-info::before{color:var(--lps-gold)!important;}

/* ---------- FOOTER ---------- */
.site-footer,.ast-small-footer,.footer-adv,.ast-footer-overlay{
  background:#000!important;border-top:1px solid var(--lps-line)!important;color:var(--lps-ink-mut)!important;}
.site-footer a{color:var(--lps-ink-soft)!important;}
.site-footer a:hover{color:var(--lps-gold)!important;}

/* ---------- MISC ---------- */
hr{border-color:var(--lps-line)!important;}
::selection{background:var(--lps-gold);color:#000;}

/* ---------- KILL RAINBOW GRADIENTS (force on-brand black & gold) ----------
   Existing page blocks use coloured gradient backgrounds — neutralise them. */
.wp-block-cover,.wp-block-group.has-background,.wp-block-column.has-background,
[class*="-gradient-background"],[style*="linear-gradient"],[style*="radial-gradient"],
.has-background.has-gradient{
  background-image:none!important;
  background:var(--lps-carbon)!important;
  border:1px solid var(--lps-line)!important;
  border-radius:8px!important;
}
/* keep our intentional gold metal button/accents un-flattened */
.button,button,input[type="submit"],.wp-block-button__link,
.woocommerce span.onsale{background-image:initial!important;}
.btn-gold,.lps-gold-bg{background:var(--lps-metal)!important;}

/* text inside former-gradient blocks stays readable */
.wp-block-cover *,.wp-block-group.has-background *,[class*="-gradient-background"] *{
  color:var(--lps-ink)!important;
}
.wp-block-cover h1,.wp-block-cover h2,.wp-block-cover h3,
.wp-block-group.has-background h1,.wp-block-group.has-background h2,
.wp-block-group.has-background h3{color:#fff!important;}

/* section headings → gold accents */
.wp-block-heading,.entry-content h2{color:#fff!important;}
.wp-block-heading strong,.entry-content h2 strong{color:var(--lps-gold)!important;}

/* ---------- PRODUCT DROPDOWNS = YELLOW PLATE STYLE ----------
   Fitment / Flag / variation selects + their option lists:
   yellow background, black text (number-plate look). */
.woocommerce div.product form.cart select,
.woocommerce .variations select,
.ppom-wrapper select,
.ppom-input-fields select,
table.variations select{
  background-color:#FFD700!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  color:#000!important;
  font-weight:600!important;
  border:2px solid #0b0b0b!important;
  border-radius:6px!important;
  padding:12px 38px 12px 14px!important;
  line-height:1.5!important;
  min-height:48px!important;
  appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;
}
/* the open option list */
.woocommerce div.product form.cart select option,
.ppom-wrapper select option,
table.variations select option{
  background-color:#FFD700!important;
  color:#000!important;
  font-weight:600!important;
}
.woocommerce div.product form.cart select:focus,
.ppom-wrapper select:focus{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(212,175,55,.45)!important;
}

/* ---------- CATCH-ALL: every select + option readable (black on yellow) ----------
   Native dropdowns inherit the dark theme's white text → invisible until hover.
   Force dark text everywhere so options are always visible. */
select,
select option,
select optgroup{
  background-color:#FFD700!important;
  color:#000000!important;
  font-weight:600!important;
  line-height:1.5!important;
  height:auto!important;
  min-height:48px!important;
}