/* ============================================
   WANCOVE - Premium Titanium Drinkware
   Global Stylesheet & Text Replacements
   ============================================ */

/* ===== GLOBAL RESET & BASE ===== */
* {
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  color: #2d3436;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* ===== HEADER / NAVIGATION ===== */
.site-header {
  background: #1a1a2e !important;
  border-bottom: 3px solid #0f3460 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: sticky !important;
  top: 0;
  z-index: 9999;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}

.site-header .site-branding h1,
.site-header .site-title,
.site-branding a,
.site-branding .logo-text {
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  font-size: 22px !important;
  text-transform: none !important;
}

.site-header .primary-navigation ul li a {
  color: #d0d8e8 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  letter-spacing: 0.5px !important;
  transition: color 0.25s ease !important;
  padding: 20px 16px !important;
}

.site-header .primary-navigation ul li:hover > a,
.site-header .primary-navigation ul li.current-menu-item > a {
  color: #fff !important;
  background: rgba(255,255,255,0.08) !important;
}

.site-header .header-cart .cart-link span {
  background: #e74c3c !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px !important;
}

/* ===== HERO BANNER (Shop Page) ===== */
.wancove-shop-hero {
  margin-bottom: 50px !important;
  border-radius: 0 !important;
}

.wancove-shop-hero h1 {
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulseGlow {
  0%, 100% { opacity: 0.15; }
  50% { opacity: 0.22; }
}

.wancove-shop-hero div[style*="position: absolute"] {
  animation: pulseGlow 8s ease-in-out infinite;
}

/* ===== PAGE TITLES - Hide duplicate ===== */
.page .entry-header .entry-title,
.archive .page-title,
.woocommerce-products-header__title {
  display: none !important;
}

/* ===== PRODUCT ARCHIVE / SHOP LAYOUT ===== */
.woocommerce-page .content-area {
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 30px !important;
}

/* Result Count Bar */
.woocommerce-result-count {
  font-size: 14px !important;
  color: #636e72 !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

/* Orderby Dropdown */
.woocommerce-ordering select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff !important;
  border: 2px solid #e8ecf1 !important;
  border-radius: 10px !important;
  padding: 10px 40px 10px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2d3436 !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230f3460' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  transition: all 0.25s ease !important;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  border-color: #0f3460 !important;
  box-shadow: 0 0 0 3px rgba(15,52,96,0.1) !important;
  outline: none !important;
}

/* Grid/List Toggle Buttons */
ul.products + nav.woocommerce-pagination ~ * {
  /* handled below */
}

/* ===== PRODUCT CARDS ===== */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 28px !important;
  list-style: none !important;
  padding: 0 !important;
}

ul.products li.product {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  border: 1px solid #f0f2f5 !important;
  position: relative !important;
  margin: 0 !important;
  width: auto !important;
  float: none !important;
}

ul.products li.product:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 50px rgba(15,52,96,0.15) !important;
  border-color: #0f3460 !important;
}

/* Product Image Area */
ul.products li.product .woocommerce-loop-product__link img {
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  transition: transform 0.45s ease !important;
}

ul.products li.product:hover .woocommerce-loop-product__link img {
  transform: scale(1.08);
}

/* Product Image Container */
ul.products li.product .woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-loop-product__link {
  display: block !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  line-height: 0 !important;
}

/* Add to Cart Button */
ul.products li.product .button,
ul.products li.product .add_to_cart_button {
  background: linear-gradient(135deg, #0f3460, #16213e) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  width: calc(100% - 32px) !important;
  margin: 0 16px 16px 16px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

ul.products li.product .button::before,
ul.products li.product .add_to_cart_button::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s ease;
}

ul.products li.product .button:hover::before,
ul.products li.product .add_to_cart_button:hover::before {
  left: 100%;
}

ul.products li.product .button:hover,
ul.products li.product .add_to_cart_button:hover {
  background: linear-gradient(135deg, #16213e, #1a1a2e) !important;
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(15,52,96,0.3) !important;
}

ul.products li.product .added_to_cart {
  display: none !important;
}

/* Product Title */
ul.products li.product .woocommerce-loop-product__title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  padding: 16px 16px 6px 16px !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  transition: color 0.25s ease !important;
}

ul.products li.product:hover .woocommerce-loop-product__title {
  color: #0f3460 !important;
}

/* Price */
ul.products li.product .price {
  padding: 0 16px 12px 16px !important;
  margin: 0 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #e74c3c !important;
  letter-spacing: -0.3px !important;
}

ul.products li.product .price del {
  font-size: 14px !important;
  color: #b2bec3 !important;
  font-weight: 500 !important;
  margin-right: 6px !important;
}

/* Category Badge on product card */
ul.products li.product .product-category-badge {
  display: none !important;
}

/* ===== PAGINATION ===== */
.woocommerce-pagination ul {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 40px 0 !important;
  margin: 0 !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  display: inline-block !important;
  padding: 12px 18px !important;
  border: 2px solid #e8ecf1 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #2d3436 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  min-width: 44px;
  text-align: center;
}

.woocommerce-pagination ul li a:hover {
  border-color: #0f3460 !important;
  color: #0f3460 !important;
  background: rgba(15,52,96,0.04) !important;
}

.woocommerce-pagination ul li span.current {
  background: linear-gradient(135deg, #0f3460, #16213e) !important;
  color: #fff !important;
  border-color: #0f3460 !important;
}

/* ===== FOOTER ===== */
.site-footer {
  background: linear-gradient(180deg, #1a1a2e 0%, #0d1117 100%) !important;
  color: #b0b8c4 !important;
  padding: 60px 30px 30px !important;
}

.site-footer .footer-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.site-footer .widget-title {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}

.site-footer a {
  color: #8899b0 !important;
  transition: color 0.25s ease !important;
}

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

.site-footer .footer-copyright {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  margin-top: 40px !important;
  padding-top: 24px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #666 !important;
}

/* ===== SINGLE PRODUCT PAGE ===== */
.single-product .product {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 40px 30px !important;
}

.single-product .product_title {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1a1a2e !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}

.single-product .price {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #e74c3c !important;
}

.single-product button.single_add_to_cart_button,
.single-product .single_add_to_cart_button.button {
  background: linear-gradient(135deg, #0f3460, #16213e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 44px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  transition: all 0.3s ease !important;
}

.single-product button.single_add_to_cart_button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(15,52,96,0.3) !important;
}

/* ===== CART & CHECKOUT ===== */
.woocommerce-cart form.cart,
.woocommerce-checkout form.checkout {
  max-width: 900px !important;
  margin: 0 auto !important;
}

.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #e8ecf1 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
}

.woocommerce-cart .coupon input[type="text"],
.woocommerce-cart .coupon button[type="submit"],
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  border-radius: 10px !important;
  border: 2px solid #e8ecf1 !important;
  padding: 12px 16px !important;
  transition: border-color 0.25s ease !important;
}

.woocommerce-cart .coupon input[type="text"]:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
  border-color: #0f3460 !important;
  box-shadow: 0 0 0 3px rgba(15,52,96,0.1) !important;
  outline: none !important;
}

.woocommerce-checkout button#place_order,
.woocommerce-cart button[name="update_cart"] {
  background: linear-gradient(135deg, #0f3460, #16213e) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 40px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
}

.woocommerce-checkout button#place_order:hover,
.woocommerce-cart button[name="update_cart"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(15,52,96,0.3) !important;
}

/* Checkout section headings */
.woocommerce-checkout .woocommerce-form__label,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
}

/* ===== MY ACCOUNT ===== */
.woocommerce-account .woocommerce-MyAccount-content {
  max-width: 850px !important;
  margin: 0 auto !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  background: #f8f9fb !important;
  color: #2d3436 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border: 2px solid transparent !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #0f3460 !important;
  color: #fff !important;
  border-color: #0f3460 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  ul.products {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 18px !important;
  }

  .wancove-shop-hero h1 {
    font-size: 28px !important;
  }

  .wancove-shop-hero p {
    font-size: 15px !important;
  }

  .wancove-page [style*="font-size: 48px"] {
    font-size: 32px !important;
  }

  .wancove-page [style*="font-size: 44px"] {
    font-size: 30px !important;
  }

  .wancove-page [style*="padding: 80px"] {
    padding: 50px 20px !important;
  }

  .wancove-page [style*="padding: 100px"] {
    padding: 60px 20px !important;
  }

  ul.products li.product .woocommerce-loop-product__link img {
    height: 220px !important;
  }

  .single-product .product_title {
    font-size: 24px !important;
  }

  .site-header .primary-navigation ul li a {
    padding: 12px 10px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 480px) {
  ul.products {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  ul.products li.product .woocommerce-loop-product__link img {
    height: 260px !important;
  }
}

/* ===== SCROLL ANIMATIONS ===== */
ul.products li.product:nth-child(1) { animation: fadeUp 0.5s ease 0.05s both; }
ul.products li.product:nth-child(2) { animation: fadeUp 0.5s ease 0.1s both; }
ul.products li.product:nth-child(3) { animation: fadeUp 0.5s ease 0.15s both; }
ul.products li.product:nth-child(4) { animation: fadeUp 0.5s ease 0.2s both; }
ul.products li.product:nth-child(5) { animation: fadeUp 0.5s ease 0.25s both; }
ul.products li.product:nth-child(6) { animation: fadeUp 0.5s ease 0.3s both; }
ul.products li.product:nth-child(n+7) { animation: fadeUp 0.5s ease 0.35s both; }

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===== SMOOTH SCROLL ===== */
html {
  scroll-behavior: smooth;
}

/* ===== SELECTION COLOR ===== */
::selection {
  background: rgba(15,52,96,0.2);
  color: #1a1a2e;
}