/**
 * BYMS Store — WooCommerce Global CSS
 * Add to Appearance > Customize > Additional CSS
 * Styles cart, checkout, my account, and returns pages
 */

/* ── Import fonts ── */
@import url('https://fonts.googleapis.com/css2?family=VT323&family=Space+Mono:wght@400;700&display=swap');

/* ── Base overrides for all store pages ── */
body.byms-store-page {
  background: #1c1508 !important;
  color: #f0dfc0 !important;
  font-family: 'Space Mono', monospace !important;
}
body.byms-store-page a { color: #c8a040; }
body.byms-store-page a:hover { color: #f0c84a; }
body.byms-store-page h1,
body.byms-store-page h2,
body.byms-store-page h3 {
  font-family: 'VT323', monospace !important;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #c8a040;
}

/* ── Page wrapper ── */
body.byms-store-page .woocommerce,
body.byms-store-page .woocommerce-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 16px 80px;
}

/* ── Buttons ── */
body.byms-store-page .button,
body.byms-store-page button,
body.byms-store-page input[type="submit"],
body.byms-store-page .wc-block-components-button,
body.byms-store-page .wc-block-cart__submit-button,
body.byms-store-page .wc-block-checkout__actions .wc-block-components-button {
  font-family: 'VT323', monospace !important;
  font-size: 18px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  background: #c8a040 !important;
  color: #1c1508 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 10px 24px !important;
  cursor: pointer !important;
  transition: background .14s !important;
}
body.byms-store-page .button:hover,
body.byms-store-page .wc-block-components-button:hover {
  background: #f0c84a !important;
}
body.byms-store-page .button.alt,
body.byms-store-page .checkout-button {
  background: #c8a040 !important;
  color: #1c1508 !important;
}

/* ── Inputs ── */
body.byms-store-page input[type="text"],
body.byms-store-page input[type="email"],
body.byms-store-page input[type="tel"],
body.byms-store-page input[type="number"],
body.byms-store-page input[type="password"],
body.byms-store-page textarea,
body.byms-store-page select,
body.byms-store-page .wc-block-components-text-input input,
body.byms-store-page .wc-block-components-select select {
  background: rgba(0,0,0,.4) !important;
  border: 1px solid #5c4a22 !important;
  color: #f0dfc0 !important;
  font-family: 'Space Mono', monospace !important;
  font-size: 12px !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
}
body.byms-store-page input:focus,
body.byms-store-page select:focus,
body.byms-store-page textarea:focus {
  outline: none !important;
  border-color: #c8a040 !important;
  box-shadow: 0 0 0 2px rgba(200,160,60,.12) !important;
}
body.byms-store-page label,
body.byms-store-page .wc-block-components-text-input label,
body.byms-store-page .wc-block-components-select label {
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(240,223,192,.6) !important;
  font-family: 'Space Mono', monospace !important;
}

/* ── Tables (cart, order review) ── */
body.byms-store-page table {
  border-collapse: collapse;
  width: 100%;
}
body.byms-store-page table th {
  font-family: 'VT323', monospace !important;
  font-size: 16px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #c8a040 !important;
  border-bottom: 1px solid #5c4a22 !important;
  padding: 10px 8px !important;
  background: rgba(0,0,0,.3) !important;
}
body.byms-store-page table td {
  border-bottom: 1px solid #3e3218 !important;
  padding: 12px 8px !important;
  color: #f0dfc0 !important;
  font-size: 12px !important;
  vertical-align: middle !important;
}
body.byms-store-page table tr:hover td {
  background: rgba(200,160,60,.03) !important;
}

/* ── Cart ── */
body.byms-store-page .cart-collaterals,
body.byms-store-page .wc-block-cart__sidebar {
  background: rgba(20,12,4,.88) !important;
  border: 1px solid #5c4a22 !important;
  padding: 20px !important;
}
body.byms-store-page .cart_totals h2,
body.byms-store-page .wc-block-cart__totals-title {
  font-family: 'VT323', monospace !important;
  font-size: 20px !important;
  letter-spacing: .2em !important;
  color: #c8a040 !important;
  border-bottom: 1px solid #3e3218 !important;
  padding-bottom: 8px !important;
  margin-bottom: 12px !important;
}
body.byms-store-page .wc-block-components-order-summary,
body.byms-store-page .wc-block-order-summary {
  background: rgba(20,12,4,.88) !important;
  border: 1px solid #5c4a22 !important;
}
body.byms-store-page .wc-block-components-order-summary-item {
  border-bottom: 1px solid #3e3218 !important;
  padding: 12px 0 !important;
}

/* ── Checkout ── */
body.byms-store-page .wc-block-checkout__main,
body.byms-store-page #customer_details {
  background: rgba(20,12,4,.88) !important;
  border: 1px solid #5c4a22 !important;
  padding: 24px !important;
}
body.byms-store-page .wc-block-components-checkout-step__title,
body.byms-store-page #order_review_heading {
  font-family: 'VT323', monospace !important;
  font-size: 20px !important;
  letter-spacing: .2em !important;
  color: #c8a040 !important;
}
body.byms-store-page .wc-block-components-checkout-step {
  border-bottom: 1px solid #3e3218 !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}
body.byms-store-page .wc-block-components-payment-method-label {
  color: #f0dfc0 !important;
  font-size: 12px !important;
}

/* ── My Account ── */
body.byms-store-page .woocommerce-MyAccount-navigation {
  background: rgba(20,12,4,.88) !important;
  border: 1px solid #5c4a22 !important;
  padding: 8px 0 !important;
}
body.byms-store-page .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important; padding: 0 !important;
}
body.byms-store-page .woocommerce-MyAccount-navigation li a {
  display: block !important;
  font-family: 'VT323', monospace !important;
  font-size: 17px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(240,223,192,.65) !important;
  text-decoration: none !important;
  padding: 10px 20px !important;
  border-left: 2px solid transparent !important;
  transition: color .14s, border-color .14s, background .14s !important;
}
body.byms-store-page .woocommerce-MyAccount-navigation li.is-active a,
body.byms-store-page .woocommerce-MyAccount-navigation li a:hover {
  color: #c8a040 !important;
  border-left-color: #c8a040 !important;
  background: rgba(200,160,60,.05) !important;
}
body.byms-store-page .woocommerce-MyAccount-content {
  background: rgba(20,12,4,.88) !important;
  border: 1px solid #5c4a22 !important;
  padding: 24px !important;
}

/* ── Notices ── */
body.byms-store-page .woocommerce-message,
body.byms-store-page .wc-block-components-notice-banner {
  background: rgba(200,160,60,.08) !important;
  border-left: 3px solid #c8a040 !important;
  color: #f0dfc0 !important;
  font-size: 12px !important;
  border-radius: 0 !important;
}
body.byms-store-page .woocommerce-error,
body.byms-store-page .wc-block-components-notice-banner.is-error {
  background: rgba(184,56,32,.08) !important;
  border-left-color: #b83820 !important;
}

/* ── WC Blocks specific ── */
body.byms-store-page .wc-block-components-radio-control__input:checked {
  accent-color: #c8a040 !important;
}
body.byms-store-page .wc-block-components-checkbox__input:checked {
  accent-color: #c8a040 !important;
}
body.byms-store-page .wc-block-components-totals-wrapper {
  border-top: 1px solid #5c4a22 !important;
}
body.byms-store-page .wc-block-components-totals-item__label,
body.byms-store-page .wc-block-components-totals-item__value {
  color: #f0dfc0 !important;
  font-size: 13px !important;
}
body.byms-store-page .wc-block-components-totals-item.is-total .wc-block-components-totals-item__label,
body.byms-store-page .wc-block-components-totals-item.is-total .wc-block-components-totals-item__value {
  font-family: 'VT323', monospace !important;
  font-size: 22px !important;
  color: #c8a040 !important;
}