/*
 Theme Name: UNYX Peptides
 Theme URI: https://unyxpeptides.com
 Description: Custom theme for UNYX Peptides - matches Shopify Horizon design exactly
 Author: UNYX Peptides
 Template: storefront
 Version: 1.0.0
*/

/* ── GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

/* ── DESIGN TOKENS ── */
:root {
  --navy: #0a1628;
  --navy-mid: #0f2040;
  --blue: #1e4d8c;
  --blue-bright: #2563c0;
  --blue-pale: #4a90d9;
  --text-dim: #8892a4;
  --text-mid: #6b7a8d;
  --border: #1a3158;
  --border-light: #e8edf4;
  --bg-light: #f5f7fb;
  --green: #5cc87a;
}

/* ── GLOBAL RESET ── */
body {
  font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
  color: var(--navy);
  -webkit-font-smoothing: antialiased;
  background: #fff;
}

/* ── HEADER ── */
.site-header,
.storefront-sticky-add-to-cart {
  background: var(--navy) !important;
  border-bottom: 1px solid var(--border) !important;
}
.site-header .site-branding a,
.site-title a,
.site-header .site-description {
  color: #fff !important;
}
.site-title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-size: 1.1rem !important;
}
.main-navigation a,
.main-navigation ul li a {
  color: #bbc4d0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}
.main-navigation a:hover,
.main-navigation ul li a:hover,
.main-navigation ul li.current_page_item > a {
  color: #fff !important;
}
.cart-contents, .storefront-header-cart a {
  color: #fff !important;
}
.cart-contents .count {
  background: var(--blue) !important;
}

/* ── REMOVE DEFAULT HEADER SIDEBAR ── */
.storefront-handheld-footer-bar { background: var(--navy) !important; }

/* ── BUTTONS ── */
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
button, input[type="submit"] {
  background: var(--blue) !important;
  color: #fff !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border: none !important;
  letter-spacing: 0.3px !important;
  transition: background 0.2s, transform 0.15s !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--blue-bright) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* ── PRODUCT CARDS ── */
.woocommerce ul.products li.product {
  border: 1px solid var(--border-light) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: box-shadow 0.25s, transform 0.25s !important;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 12px 40px rgba(10,22,40,.12) !important;
  transform: translateY(-3px) !important;
}
.woocommerce ul.products li.product .price {
  color: var(--navy) !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
}

/* ── PRODUCT PAGE ── */
.woocommerce div.product .product_title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  color: var(--navy) !important;
  letter-spacing: -0.5px !important;
}
.woocommerce div.product p.price {
  color: var(--navy) !important;
  font-weight: 800 !important;
  font-size: 1.5rem !important;
}
.woocommerce div.product .woocommerce-variation-price .price {
  color: var(--blue) !important;
}

/* ── HIDE DEFAULT STOREFRONT HOMEPAGE HERO ── */
.storefront-hero { display: none !important; }

/* ── FOOTER ── */
.site-footer {
  background: var(--navy) !important;
  color: #8892a4 !important;
}
.site-footer a { color: #bbc4d0 !important; }
.site-footer a:hover { color: #fff !important; }
.site-footer h2, .site-footer h3 { color: #fff !important; }

/* ── SHOP PAGE ── */
.woocommerce-products-header__title,
.woocommerce .woocommerce-breadcrumb {
  font-family: 'Outfit', sans-serif !important;
}

/* ── HIDE SIDEBAR ON HOMEPAGE ── */
.home .widget-area { display: none; }
.home .site-main { width: 100% !important; max-width: 100% !important; }
.home .content-area { width: 100% !important; float: none !important; }
.home .hentry { margin: 0 !important; }
.home .entry-header, .home .entry-footer { display: none; }

/* ── FULL WIDTH HOMEPAGE ── */
.home .entry-content { margin: 0 !important; max-width: 100% !important; }
body.home { background: #fff; }