/* ═══════════════════════════════════════════════════════════════
   Heavy Metal Fonts — checkout.css
   Restyles the default WooCommerce checkout & cart to match the
   dark red glass theme. Simple, focused, high-conversion.
   ═══════════════════════════════════════════════════════════════ */

/* Page frame */
.hmf-checkout-page.woocommerce-checkout,
.hmf-checkout-page.woocommerce-cart,
body.woocommerce-checkout, body.woocommerce-cart {
  background:
    radial-gradient(ellipse 60% 45% at 12% -8%, rgba(200,31,60,.2), transparent 60%),
    radial-gradient(ellipse 55% 45% at 92% 18%, rgba(120,10,30,.16), transparent 55%),
    var(--hmf-bg, #080505);
  color:var(--hmf-text, #f6ecec);
}

/* Constrain + pad the woo content */
.woocommerce, .woocommerce-page .entry-content, .woocommerce-checkout #content,
.woocommerce .woocommerce-notices-wrapper { max-width:1160px; margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; }

/* Trust bar we inject before the form (see checkout hook) */
.hmf-checkout-trust {
  display:flex; flex-wrap:wrap; justify-content:center; gap:22px;
  max-width:1160px; margin:28px auto 0; padding:16px 24px;
}
.hmf-checkout-trust span { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--hmf-text-dim, #bfa6a6); }
.hmf-checkout-trust svg { color:var(--hmf-red-bright, #ef2d51); }

/* Headings */
.woocommerce h3, .woocommerce-checkout h3, #order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
  font-family:var(--hmf-font-display, serif); font-weight:400; text-transform:uppercase;
  color:var(--hmf-white, #fff); font-size:22px; margin-bottom:16px;
}

/* Columns / cards */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  background:var(--hmf-glass, rgba(255,255,255,.045));
  -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%);
  border:1px solid var(--hmf-glass-border, rgba(255,255,255,.1)); border-radius:12px;
  padding:28px; box-shadow:0 8px 32px rgba(0,0,0,.35);
}
.woocommerce-checkout #order_review { box-shadow:0 16px 40px rgba(0,0,0,.45); }

/* Inputs */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout select,
.select2-container--default .select2-selection--single {
  background:rgba(0,0,0,.3) !important; border:1px solid var(--hmf-glass-border, rgba(255,255,255,.1)) !important;
  border-radius:6px !important; color:var(--hmf-white, #fff) !important;
  padding:12px 14px !important; font-family:var(--hmf-font-body, sans-serif) !important; font-size:14px !important;
  min-height:auto !important; line-height:1.4 !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  outline:none !important; border-color:var(--hmf-red-border, rgba(200,31,60,.38)) !important; box-shadow:none !important;
}
.woocommerce form .form-row label,
.woocommerce-checkout label { color:var(--hmf-text-dim, #bfa6a6); font-size:13px; font-weight:600; }
.woocommerce form .form-row .required { color:var(--hmf-red-bright, #ef2d51); border:none; }
.select2-dropdown { background:#150a0a; border-color:var(--hmf-glass-border, rgba(255,255,255,.1)); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background:var(--hmf-red, #c81f3c); }

/* Order review table */
.woocommerce-checkout table.shop_table {
  border:none; border-radius:8px; overflow:hidden; background:rgba(0,0,0,.2);
}
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  border-color:var(--hmf-glass-border, rgba(255,255,255,.1)) !important; color:var(--hmf-text, #f6ecec); padding:14px 16px;
}
.woocommerce-checkout table.shop_table tfoot th,
.woocommerce-checkout table.shop_table .order-total .amount {
  color:var(--hmf-white, #fff); font-weight:800;
}
.woocommerce-checkout .order-total .amount { color:var(--hmf-red-bright, #ef2d51) !important; font-size:20px; }

/* Payment box */
.woocommerce-checkout #payment {
  background:transparent; border-radius:8px;
}
.woocommerce-checkout #payment ul.payment_methods {
  background:rgba(0,0,0,.2); border:1px solid var(--hmf-glass-border, rgba(255,255,255,.1)); border-radius:8px; padding:16px;
}
.woocommerce-checkout #payment ul.payment_methods li { color:var(--hmf-text-dim, #bfa6a6); }
.woocommerce-checkout #payment div.payment_box {
  background:rgba(0,0,0,.3); color:var(--hmf-text-dim, #bfa6a6);
}
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color:rgba(0,0,0,.3); }

/* Place-order button — the money button */
.woocommerce #payment #place_order,
.woocommerce-checkout button#place_order,
.woocommerce a.checkout-button,
.woocommerce button.button.alt {
  width:100%; background:linear-gradient(135deg, var(--hmf-red-bright, #ef2d51), var(--hmf-red-dark, #6e0e21)) !important;
  color:#fff !important; font-family:var(--hmf-font-body, sans-serif) !important; font-weight:800 !important;
  font-size:16px !important; padding:16px 24px !important; border:none !important; border-radius:6px !important;
  box-shadow:0 12px 30px rgba(200,31,60,.4) !important; text-transform:none !important; cursor:pointer;
  transition:transform .2s ease, filter .2s ease !important;
}
.woocommerce #payment #place_order:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button.button.alt:hover { transform:translateY(-2px); filter:brightness(1.08); }

/* Coupon / secondary buttons */
.woocommerce button.button,
.woocommerce input.button {
  background:rgba(255,255,255,.06) !important; color:var(--hmf-white, #fff) !important;
  border:1px solid var(--hmf-glass-border, rgba(255,255,255,.1)) !important; border-radius:6px !important;
  font-family:var(--hmf-font-body, sans-serif) !important;
}

/* Coupon toggle */
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce .woocommerce-info, .woocommerce-message {
  background:var(--hmf-glass, rgba(255,255,255,.045)); border-top:3px solid var(--hmf-red-bright, #ef2d51);
  color:var(--hmf-text-dim, #bfa6a6); border-radius:0 0 6px 6px;
}
.woocommerce-info a, .woocommerce-message a { color:var(--hmf-red-bright, #ef2d51); }

/* Cart table */
.woocommerce-cart table.cart td, .woocommerce-cart table.cart th {
  color:var(--hmf-text, #f6ecec); border-color:var(--hmf-glass-border, rgba(255,255,255,.1));
}
.woocommerce-cart .cart_totals, .woocommerce-cart table.cart {
  background:var(--hmf-glass, rgba(255,255,255,.045)); border-radius:12px; padding:20px;
  border:1px solid var(--hmf-glass-border, rgba(255,255,255,.1));
}

/* Links */
.woocommerce a { color:var(--hmf-red-bright, #ef2d51); }