/*
Theme Name: Refuel AI Supplements LIVE Checkout Fixed
Theme URI: https://refuelaisupplements.com/
Author: Refuel AI
Description: Custom Refuel AI Supplements landing page theme with WooCommerce shop, cart and checkout support.
Version: 3.0.0
Text Domain: refuel-live-checkout-fixed
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 8.1
*/

:root {
  --refuel-bg: #020708;
  --refuel-surface: #071416;
  --refuel-cyan: #20eee0;
  --refuel-mint: #85ffc1;
  --refuel-text: #f2ffff;
  --refuel-muted: #91acb0;
  --refuel-line: rgba(32,238,224,.18);
}

body.refuel-wc-store-page {
  margin: 0;
  color: var(--refuel-text);
  background: radial-gradient(circle at 10% 10%, rgba(32,238,224,.12), transparent 30%), linear-gradient(180deg, #020607, #061215 48%, #020708);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.refuel-wc-wrap {
  width: min(calc(100% - 38px), 1180px);
  margin: 0 auto;
}

.refuel-wc-header, .refuel-wc-footer {
  border-color: var(--refuel-line);
  background: rgba(2,8,10,.84);
  backdrop-filter: blur(18px);
}

.refuel-wc-header { border-bottom: 1px solid var(--refuel-line); position: sticky; top: 0; z-index: 20; }
.refuel-wc-nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.refuel-wc-brand { color: var(--refuel-text); font-size: 1.1rem; font-weight: 950; text-decoration: none; letter-spacing: -.02em; }
.refuel-wc-brand b { color: var(--refuel-cyan); }
.refuel-wc-links { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.refuel-wc-links a { color: #cbe2e5; font-weight: 800; text-decoration: none; }
.refuel-wc-links a:hover { color: #fff; }
.refuel-wc-main { padding: 72px 0; min-height: 60vh; }
.refuel-wc-main h1, .refuel-wc-main h2, .refuel-wc-main h3 { color: var(--refuel-text); }
.refuel-wc-main .woocommerce, .refuel-wc-panel { padding: 24px; border: 1px solid var(--refuel-line); border-radius: 22px; background: rgba(7,20,22,.72); }
.refuel-wc-main a { color: var(--refuel-cyan); }
.refuel-wc-main .button, .refuel-wc-main button.button, .refuel-wc-main input.button {
  border-radius: 12px !important;
  color: #001315 !important;
  background: linear-gradient(135deg, var(--refuel-cyan), var(--refuel-mint)) !important;
  font-weight: 900 !important;
}
.refuel-wc-footer { border-top: 1px solid var(--refuel-line); padding: 28px 0; color: var(--refuel-muted); }

@media (max-width: 720px) {
  .refuel-wc-nav { align-items: flex-start; flex-direction: column; padding: 18px 0; }
  .refuel-wc-main { padding: 38px 0; }
  .refuel-wc-links { gap: 13px; }
}