/*
Theme Name: ACCS-HUB Child
Theme URI: https://accs-hub.com/
Description: Modern dark storefront for verified accounts. Child of Storefront. Optimized for SEO, speed and RU/EN.
Author: ACCS-HUB
Template: storefront
Version: 1.0.0
Text Domain: accshub-child
*/

/* ============================================================
   Design tokens
   ============================================================ */
:root {
  --ah-bg:        #0b0e14;
  --ah-surface:   #121722;
  --ah-surface-2: #1a2130;
  --ah-border:    #232c3d;
  --ah-text:      #e6ebf5;
  --ah-muted:     #93a0b8;
  --ah-accent:    #f0b90b;   /* gold accent, like the reference */
  --ah-accent-2:  #2f6bff;
  --ah-success:   #22c55e;
  --ah-radius:    14px;
  --ah-shadow:    0 8px 30px rgba(0,0,0,.35);
  --ah-font:      'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ============================================================
   Base
   ============================================================ */
body,
body.woocommerce,
.site {
  background: var(--ah-bg);
  color: var(--ah-text);
  font-family: var(--ah-font);
  line-height: 1.6;
}

a { color: var(--ah-accent); }
a:hover { color: #ffd34d; }

h1, h2, h3, h4 { color: var(--ah-text); font-weight: 700; letter-spacing: -0.01em; }

.col-full { max-width: 1200px; }

/* ============================================================
   Header
   ============================================================ */
.site-header {
  background: linear-gradient(180deg, #0d1219, var(--ah-bg));
  border-bottom: 1px solid var(--ah-border);
  padding: 1.1em 0;
}
.site-branding .site-title a,
.site-title a { color: var(--ah-text) !important; font-weight: 800; }
.storefront-primary-navigation { background: transparent; }
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a { color: var(--ah-muted); font-weight: 600; }
.main-navigation ul.menu > li > a:hover { color: var(--ah-text); }

/* ============================================================
   Hero (add via block/shortcode on home)
   ============================================================ */
.ah-hero {
  background: radial-gradient(1200px 400px at 20% -10%, rgba(240,185,11,.12), transparent),
              var(--ah-surface);
  border: 1px solid var(--ah-border);
  border-radius: 20px;
  padding: 56px 40px;
  margin: 28px 0 40px;
  box-shadow: var(--ah-shadow);
}
.ah-hero h1 { font-size: clamp(28px, 4vw, 46px); margin: 0 0 12px; }
.ah-hero p { color: var(--ah-muted); font-size: 18px; max-width: 640px; }
.ah-hero .ah-cta {
  display: inline-block; margin-top: 22px; padding: 14px 28px;
  background: var(--ah-accent); color: #14100a; font-weight: 700;
  border-radius: 999px; text-decoration: none;
}
.ah-hero .ah-cta:hover { background: #ffd34d; }

.ah-badges { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 28px; }
.ah-badge { color: var(--ah-muted); font-size: 14px; display: flex; gap: 8px; align-items: center; }
.ah-badge strong { color: var(--ah-text); }

/* ============================================================
   Product grid / cards
   ============================================================ */
ul.products li.product,
.woocommerce ul.products li.product {
  background: var(--ah-surface);
  border: 1px solid var(--ah-border);
  border-radius: var(--ah-radius);
  padding: 16px !important;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: var(--ah-accent);
  box-shadow: var(--ah-shadow);
}
ul.products li.product img { border-radius: 10px; margin-bottom: 12px; }
ul.products li.product .woocommerce-loop-product__title { color: var(--ah-text); font-size: 16px; }
.woocommerce ul.products li.product .price { color: var(--ah-accent); font-weight: 700; }
.woocommerce ul.products li.product .price .amount { color: var(--ah-accent); }

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit {
  background: var(--ah-accent);
  color: #14100a;
  font-weight: 700;
  border-radius: 999px;
  padding: 12px 22px;
  border: none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover { background: #ffd34d; color: #14100a; }
.woocommerce a.button.alt { background: var(--ah-accent-2); color: #fff; }
.woocommerce a.button.alt:hover { background: #4d82ff; }

/* Single product */
.single-product div.product .price { color: var(--ah-accent); font-size: 26px; }
.woocommerce-tabs, .woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent; border-color: var(--ah-border);
}
.woocommerce #reviews, .entry-content, .woocommerce-Tabs-panel { color: var(--ah-text); }

/* ============================================================
   Cards / surfaces / forms
   ============================================================ */
.woocommerce table.shop_table,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #payment,
.woocommerce form.checkout,
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  background: var(--ah-surface);
  border: 1px solid var(--ah-border);
  border-radius: var(--ah-radius);
}
input, select, textarea,
.woocommerce form .form-row input.input-text {
  background: var(--ah-surface-2) !important;
  color: var(--ah-text) !important;
  border: 1px solid var(--ah-border) !important;
  border-radius: 10px !important;
}

/* ============================================================
   "How to buy" section
   ============================================================ */
.ah-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin: 40px 0; }
.ah-step {
  background: var(--ah-surface); border: 1px solid var(--ah-border);
  border-radius: var(--ah-radius); padding: 24px;
}
.ah-step .n {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--ah-accent); color: #14100a; font-weight: 800;
  display: flex; align-items: center; justify-content: center; margin-bottom: 14px;
}
.ah-step h3 { margin: 0 0 8px; }
.ah-step p { color: var(--ah-muted); margin: 0; }

/* ============================================================
   Footer
   ============================================================ */
.site-footer {
  background: #0a0d12;
  border-top: 1px solid var(--ah-border);
  color: var(--ah-muted);
}
.site-footer a { color: var(--ah-muted); }
.site-footer a:hover { color: var(--ah-text); }

/* Language switcher (Polylang) */
.pll-parent-menu-item img, .lang_switch { vertical-align: middle; }

/* Hide the "Home" page title on the static front page (hero carries the H1) */
.home.page .entry-title,
.page-template-default.home .entry-title { display: none; }

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 768px) {
  .ah-steps { grid-template-columns: 1fr; }
  .ah-hero { padding: 36px 22px; }
}