/* ================================================================
   Eidolon Hub — woocommerce.css
   Overrides WooCommerce default styles to match theme
================================================================ */

/* General WC container */
.woocommerce,
.woocommerce-page { color: var(--text); }

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background: var(--accent) !important;
  color: #08090e !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  transition: background .18s, transform .18s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #22d8ff !important;
  transform: translateY(-1px) !important;
}

/* Product title */
.woocommerce div.product .product_title {
  font-family: 'Syne', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: var(--text);
  letter-spacing: -0.8px;
}

/* Price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: 'Syne', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: var(--text);
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  color: var(--text3);
  opacity: 1;
  font-size: 18px;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  color: var(--accent3);
  text-decoration: none;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid var(--border2);
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--text2);
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--accent);
}

/* Forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--surface) !important;
  border: 1px solid var(--border2) !important;
  border-radius: 6px !important;
  color: var(--text) !important;
  font-family: 'DM Sans', sans-serif !important;
  padding: 10px 14px !important;
}
.woocommerce form .form-row input.input-text:focus {
  border-color: var(--accent) !important;
  outline: none !important;
}

/* Cart table */
.woocommerce table.shop_table {
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
  color: var(--text) !important;
}
.woocommerce table.shop_table th {
  background: var(--surface2) !important;
  color: var(--text2) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  border-bottom: 1px solid var(--border2) !important;
}
.woocommerce table.shop_table td {
  border-bottom: 1px solid var(--border) !important;
  color: var(--text) !important;
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--surface2) !important;
  border-top: 3px solid var(--accent) !important;
  color: var(--text) !important;
  border-radius: 0 0 8px 8px !important;
}
.woocommerce-error { border-top-color: var(--red) !important; }

/* My Account */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
  color: var(--text2);
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  transition: color .18s;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--accent);
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--surface) !important;
  border-color: var(--border2) !important;
  color: var(--text2) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--accent) !important;
  color: #08090e !important;
  border-color: var(--accent) !important;
}