/*
Theme Name: PolyLabs Research
Template: storefront
Version: 1.0.0
Description: PolyLabs Research custom child theme for WooCommerce store
Author: PolyLabs Research
*/

/* ============================================
   PolyLabs Research — Brand Colors & Typography
   Navy: #0B1B3D | Blue: #2563EB | White: #FFFFFF
   ============================================ */

:root {
  --polylabs-navy: #0B1B3D;
  --polylabs-blue: #2563EB;
  --polylabs-blue-dark: #1d4ed8;
  --polylabs-white: #FFFFFF;
  --polylabs-gray: #F9FAFB;
  --polylabs-text: #374151;
  --polylabs-border: #E5E7EB;
}

/* Google Fonts — Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--polylabs-text);
  background: #FFFFFF;
}

/* ---- HEADER ---- */
.site-header {
  background: var(--polylabs-navy) !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.site-header .site-branding {
  padding: 16px 0;
}

.site-title a,
.site-title a:visited {
  color: #FFFFFF !important;
  font-weight: 800;
  font-size: 1.4rem;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.site-description {
  color: rgba(255,255,255,0.6) !important;
  font-size: 0.75rem;
}

/* Navigation */
.storefront-primary-navigation,
.main-navigation {
  background: var(--polylabs-navy) !important;
}

.main-navigation ul li a {
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500;
  font-size: 0.9rem;
  padding: 20px 16px !important;
  transition: color 0.2s;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
  color: #FFFFFF !important;
  background: rgba(255,255,255,0.1) !important;
}

/* Cart icon */
.site-header-cart .cart-contents {
  color: #FFFFFF !important;
}

.site-header-cart .cart-contents .count {
  background: var(--polylabs-blue) !important;
  color: #FFFFFF !important;
}

/* ---- BUTTONS ---- */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--polylabs-blue) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  padding: 12px 24px !important;
  transition: background 0.2s !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--polylabs-blue-dark) !important;
  color: #FFFFFF !important;
}

.button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt {
  background: var(--polylabs-navy) !important;
}

.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: #162d5e !important;
}

/* ---- PRODUCT CARDS ---- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 700;
  color: var(--polylabs-navy);
  font-size: 1rem;
}

.woocommerce ul.products li.product .price {
  color: var(--polylabs-blue) !important;
  font-weight: 700;
}

.woocommerce ul.products li.product {
  border: 1px solid var(--polylabs-border);
  border-radius: 8px;
  padding: 16px !important;
  transition: box-shadow 0.2s, transform 0.2s;
  background: #FFFFFF;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 20px rgba(11,27,61,0.12);
  transform: translateY(-2px);
}

/* ---- PRODUCT PAGE ---- */
.woocommerce div.product .product_title {
  font-weight: 800;
  color: var(--polylabs-navy);
  font-size: 1.8rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--polylabs-blue) !important;
  font-weight: 700;
  font-size: 1.5rem;
}

/* ---- SHOP PAGE TITLE ---- */
.woocommerce-products-header__title,
.page-title,
h1.entry-title {
  color: var(--polylabs-navy) !important;
  font-weight: 800;
}

/* ---- FOOTER ---- */
.site-footer {
  background: var(--polylabs-navy) !important;
  color: rgba(255,255,255,0.7) !important;
  border-top: none !important;
}

.site-footer a {
  color: rgba(255,255,255,0.85) !important;
}

.site-footer a:hover {
  color: #FFFFFF !important;
}

.site-footer .widget-title {
  color: #FFFFFF !important;
  font-weight: 700;
}

/* ---- CHECKOUT ---- */
.woocommerce-checkout #payment {
  background: #F9FAFB;
  border-radius: 8px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border: 1px solid var(--polylabs-border);
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 0.9rem;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--polylabs-blue);
  outline: none;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
}

/* ---- NOTICES ---- */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--polylabs-blue) !important;
}

.woocommerce-error {
  border-top-color: #EF4444 !important;
}

/* ---- RESEARCH DISCLAIMER BANNER ---- */
.polylabs-disclaimer {
  background: #FFFBEB;
  border-top: 1px solid #FCD34D;
  border-bottom: 1px solid #FCD34D;
  padding: 12px 20px;
  text-align: center;
  font-size: 0.8rem;
  color: #92400E;
}

/* ---- TRUST BADGES ---- */
.polylabs-trust-bar {
  background: #F9FAFB;
  border-bottom: 1px solid var(--polylabs-border);
  padding: 16px 0;
}

/* ---- PRODUCT BADGE ---- */
.onsale,
.polylabs-badge {
  background: var(--polylabs-blue) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
  text-transform: uppercase !important;
}

/* ---- WOOCOMMERCE TABS ---- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--polylabs-navy) !important;
  border-bottom-color: var(--polylabs-blue) !important;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .site-title a {
    font-size: 1.1rem;
  }
}