/* ── Base ─────────────────────────────────────────────────────────────────── */

.woocommerce,
.woocommerce-page {
  color: #ffffff;
}

/* ── Prices ───────────────────────────────────────────────────────────────── */

.woocommerce-Price-amount,
.woocommerce-Price-amount bdi {
  color: #c9a96e !important;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

del .woocommerce-Price-amount {
  color: rgba(255, 255, 255, 0.3) !important;
}

/* ── Buttons ──────────────────────────────────────────────────────────────── */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce #payment #place_order,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.single_add_to_cart_button {
  background-color: #c9a96e !important;
  color: #0a0a0a !important;
  font-family: 'Inter', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  border-radius: 0;
  padding: 0.75rem 1.75rem;
  border: none;
  transition: opacity 0.2s;
  text-shadow: none;
  box-shadow: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover,
.woocommerce #payment #place_order:hover,
.single_add_to_cart_button:hover {
  background-color: #c9a96e !important;
  color: #0a0a0a !important;
  opacity: 0.9;
}

/* ── Form fields ──────────────────────────────────────────────────────────── */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select {
  background-color: #111111;
  border: 1px solid #2a2a2a;
  color: #ffffff;
  border-radius: 0;
  padding: 0.75rem 1rem;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: #c9a96e;
  outline: none;
  box-shadow: 0 0 0 1px #c9a96e;
}

.woocommerce form .form-row label,
.woocommerce-checkout label {
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Inter', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

/* ── Notices ──────────────────────────────────────────────────────────────── */

.woocommerce-message,
.woocommerce-info {
  background-color: #111111;
  border-top-color: #c9a96e;
  color: rgba(255, 255, 255, 0.8);
}

.woocommerce-error {
  background-color: #111111;
  border-top-color: #ef4444;
  color: rgba(255, 255, 255, 0.8);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: #c9a96e;
}

/* ── Cart table ───────────────────────────────────────────────────────────── */

.woocommerce table.shop_table {
  border: 1px solid #1e1e1e;
  border-collapse: collapse;
  width: 100%;
}

.woocommerce table.shop_table th {
  background-color: #111111;
  color: rgba(255, 255, 255, 0.4);
  font-family: 'Inter', sans-serif;
  font-size: 0.6rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #1e1e1e;
  padding: 1rem;
}

.woocommerce table.shop_table td {
  background-color: #0a0a0a;
  border-bottom: 1px solid #1a1a1a;
  color: #ffffff;
  padding: 1rem;
}

.woocommerce table.shop_table td a {
  color: #ffffff;
}

.woocommerce table.shop_table td a:hover {
  color: #c9a96e;
}

/* Cart totals / Order review totals */
.woocommerce .cart_totals table tfoot tr th,
.woocommerce .cart_totals table tfoot tr td,
.woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout-review-order-table tfoot tr td {
  background-color: #111111;
  color: rgba(255, 255, 255, 0.6);
  border-top: 1px solid #2a2a2a;
}

.woocommerce .cart_totals table tfoot .order-total th,
.woocommerce .cart_totals table tfoot .order-total td,
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td {
  color: #c9a96e;
  font-size: 1rem;
}

/* ── Quantity input ───────────────────────────────────────────────────────── */

.woocommerce input[type="number"].qty,
.woocommerce .quantity input[type="number"] {
  background-color: #111111;
  border: 1px solid #2a2a2a;
  color: #ffffff;
  width: 4.5rem;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0;
}

/* ── Coupon ───────────────────────────────────────────────────────────────── */

.woocommerce .coupon input.input-text {
  background-color: #111111;
  border: 1px solid #2a2a2a;
  color: #ffffff;
  border-radius: 0;
  padding: 0.75rem 1rem;
}

/* ── Checkout payment box ─────────────────────────────────────────────────── */

.woocommerce #payment {
  background-color: #111111;
  border-radius: 0;
}

.woocommerce #payment div.payment_box {
  background-color: #1a1a1a;
  color: rgba(255, 255, 255, 0.6);
}

.woocommerce #payment ul.payment_methods {
  border-bottom: 1px solid #2a2a2a;
}

.woocommerce #payment ul.payment_methods li label {
  color: rgba(255, 255, 255, 0.8);
}

/* ── Single product ───────────────────────────────────────────────────────── */

.woocommerce div.product .product_title {
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: 0.95;
  letter-spacing: 0.02em;
  color: #ffffff;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #c9a96e;
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  line-height: 1.7;
}

.woocommerce div.product .product_meta {
  color: rgba(255, 255, 255, 0.35);
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
}

.woocommerce div.product .product_meta a {
  color: rgba(255, 255, 255, 0.5);
}

.woocommerce div.product .product_meta a:hover {
  color: #c9a96e;
}

/* Product gallery */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  background-color: #111111;
}

/* ── Product tabs ─────────────────────────────────────────────────────────── */

.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid #2a2a2a;
  padding: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 0;
  margin: 0 4px 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background-color: #0a0a0a;
  border-color: #2a2a2a;
  border-bottom-color: #0a0a0a;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: rgba(255, 255, 255, 0.45);
  font-family: 'Inter', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #ffffff;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background-color: #0a0a0a;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #2a2a2a;
  border-top: none;
  padding: 2rem;
  margin-top: 0;
}

/* ── Star rating ──────────────────────────────────────────────────────────── */

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: #c9a96e;
}

/* ── Breadcrumbs ──────────────────────────────────────────────────────────── */

.woocommerce .woocommerce-breadcrumb {
  color: rgba(255, 255, 255, 0.35);
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
}

.woocommerce .woocommerce-breadcrumb a {
  color: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:hover {
  color: #c9a96e;
}

/* ── Catalog ordering (sort by) ───────────────────────────────────────────── */

.woocommerce-ordering select {
  background-color: transparent;
  border: 1px solid #2a2a2a;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Inter', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  border-radius: 0;
  appearance: none;
  cursor: pointer;
}

.woocommerce-ordering select:focus {
  border-color: #c9a96e;
  outline: none;
}

/* ── Pagination ───────────────────────────────────────────────────────────── */

.woocommerce nav.woocommerce-pagination ul {
  border: none;
  display: flex;
  gap: 4px;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background-color: transparent;
  border: 1px solid #2a2a2a;
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: #111111;
  border-color: #c9a96e;
  color: #c9a96e;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #c9a96e;
  border-color: #c9a96e;
  color: #0a0a0a;
}

/* ── My Account ───────────────────────────────────────────────────────────── */

.woocommerce-MyAccount-navigation ul {
  border: 1px solid #1e1e1e;
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #1e1e1e;
}

.woocommerce-MyAccount-navigation ul li a {
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Inter', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.875rem 1.5rem;
  display: block;
  text-decoration: none;
  transition: color 0.2s;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #c9a96e;
}

.woocommerce-MyAccount-content {
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Inter', sans-serif;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: 'Bebas Neue', Impact, sans-serif;
  color: #ffffff;
  letter-spacing: 0.05em;
}

/* ── Single product: two-column layout ───────────────────────────────────────
   WooCommerce's own layout CSS was removed when we stripped the default
   stylesheet. This section replaces all of it.
────────────────────────────────────────────────────────────────────────────── */

.woocommerce div.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 3rem;
  align-items: start;
}

@media (max-width: 767px) {
  .woocommerce div.product {
    grid-template-columns: 1fr;
  }
}

.woocommerce div.product .woocommerce-product-gallery {
  grid-column: 1;
  grid-row: 1;
}

.woocommerce div.product .summary.entry-summary {
  grid-column: 2;
  grid-row: 1;
}

@media (max-width: 767px) {
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product .summary.entry-summary {
    grid-column: 1;
    grid-row: auto;
  }
}

.woocommerce div.product .woocommerce-tabs {
  grid-column: 1 / -1;
  margin-top: 1rem;
}

.woocommerce div.product section.related,
.woocommerce div.product section.upsells {
  grid-column: 1 / -1;
}

/* ── Gallery ──────────────────────────────────────────────────────────────── */

.woocommerce div.product div.images {
  position: relative;
}

.woocommerce div.product div.images img {
  display: block;
  width: 100%;
  height: auto;
  background-color: #111111;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
  background-color: #111111;
  overflow: hidden;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a {
  display: block;
}

/* Thumbnail strip */
.flex-control-nav.flex-control-thumbs {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
}

.flex-control-thumbs li {
  flex: 0 0 auto;
  width: 72px;
}

.flex-control-thumbs li img {
  display: block;
  width: 100%;
  background-color: #111111;
  border: 1px solid #2a2a2a;
  opacity: 0.55;
  transition: opacity 0.2s, border-color 0.2s;
  cursor: pointer;
}

.flex-control-thumbs li img.flex-active,
.flex-control-thumbs li img:hover {
  border-color: #c9a96e;
  opacity: 1;
}

/* Zoom icon */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #2a2a2a;
  border-radius: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  transition: border-color 0.2s, color 0.2s;
  z-index: 10;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
  border-color: #c9a96e;
  color: #c9a96e;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger img {
  display: none;
}

/* ── Summary section ──────────────────────────────────────────────────────── */

.woocommerce div.product .summary > * + * {
  margin-top: 1rem;
}

.woocommerce div.product .summary .product_title {
  margin-top: 0;
}

/* Rating row */
.woocommerce div.product .woocommerce-product-rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.woocommerce a.woocommerce-review-link {
  color: rgba(255, 255, 255, 0.3);
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  text-decoration: none;
}

.woocommerce a.woocommerce-review-link:hover {
  color: #c9a96e;
}

/* Cart form: qty + button side by side */
.woocommerce div.product form.cart {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.woocommerce div.product form.cart .quantity {
  display: flex;
  align-items: center;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
  flex: 1;
}

/* Variation selects */
.woocommerce div.product form.cart table.variations {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
}

.woocommerce div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations th {
  padding: 0.5rem 0;
  vertical-align: middle;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.woocommerce div.product form.cart .reset_variations {
  color: rgba(255, 255, 255, 0.3);
  font-family: 'Inter', sans-serif;
  font-size: 0.7rem;
  display: block;
  margin-top: 0.5rem;
}

.woocommerce div.product form.cart .reset_variations:hover {
  color: #c9a96e;
}

/* ── Related & Upsells ────────────────────────────────────────────────────── */

.woocommerce section.related,
.woocommerce section.upsells {
  padding-top: 3rem;
  border-top: 1px solid #1a1a1a;
}

.woocommerce section.related > h2,
.woocommerce section.upsells > h2 {
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: clamp(2rem, 4vw, 2.75rem);
  letter-spacing: 0.03em;
  color: #ffffff;
  margin: 0 0 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #222222;
}
