/* ═══════════════════════════════════════
   FLIXX CINE — WooCommerce Styles
   ═══════════════════════════════════════ */

/* ── Reset WooCommerce defaults ── */
.woocommerce-notices-wrapper,
.woocommerce-page .woocommerce { color: var(--white); }

/* ── Buttons ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--yellow) !important;
  color: var(--black) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  border: none !important;
  padding: 14px 28px !important;
  transition: background .2s, transform .2s !important;
  letter-spacing: .04em;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover { background: #FFE066 !important; transform: translateY(-2px); }

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #place_order {
  background: var(--yellow) !important;
  color: var(--black) !important;
  font-size: 1rem !important;
  padding: 16px 36px !important;
}

/* ── Product cards (archive) ── */
.woocommerce ul.products li.product {
  background: #1C1C1C;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 16px;
  overflow: hidden;
  transition: transform .25s, box-shadow .25s;
  padding: 0 !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--white) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 22px !important;
  padding: 16px 16px 4px !important;
}
.woocommerce ul.products li.product .price {
  color: var(--yellow) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 28px !important;
  padding: 0 16px !important;
}
.woocommerce ul.products li.product .button {
  margin: 12px 16px 16px !important;
  width: calc(100% - 32px) !important;
}

/* ── Single product ── */
.woocommerce div.product .product_title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: clamp(32px, 5vw, 56px) !important;
  color: var(--white) !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--yellow) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 48px !important;
}
.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--silver) !important;
}

/* ── Cart ── */
.woocommerce table.cart,
.woocommerce-cart table.cart {
  background: var(--black-3) !important;
  border-radius: 12px;
  overflow: hidden;
}
.woocommerce table.cart td,
.woocommerce table.cart th {
  color: var(--white) !important;
  border-color: rgba(255,255,255,.07) !important;
  background: transparent !important;
}
.woocommerce .cart-collaterals .cart_totals {
  background: var(--black-3);
  border-radius: 12px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.07);
}
.woocommerce .cart-collaterals h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--yellow) !important;
}
.woocommerce .cart-collaterals table td,
.woocommerce .cart-collaterals table th {
  color: var(--white) !important;
  border-color: rgba(255,255,255,.07) !important;
}

/* ── Checkout ── */
.woocommerce-checkout #order_review {
  background: var(--black-3) !important;
  border-radius: 12px; padding: 24px;
}
.woocommerce form .form-row label { color: var(--silver) !important; }
.woocommerce form .form-row input,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--black-4) !important;
  color: var(--white) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--yellow) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(245,200,0,.15) !important;
}
#order_review_heading {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--yellow) !important;
  font-size: 28px !important;
}
.woocommerce-checkout-review-order-table {
  background: transparent !important;
  color: var(--white) !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  color: var(--white) !important;
  border-color: rgba(255,255,255,.07) !important;
}

/* ── Notices ── */
.woocommerce-message,
.woocommerce-info {
  background: rgba(245,200,0,.1) !important;
  border-top-color: var(--yellow) !important;
  color: var(--white) !important;
}
.woocommerce-error {
  background: rgba(220,50,50,.1) !important;
  border-top-color: #dc3232 !important;
  color: var(--white) !important;
}

/* ── Breadcrumb ── */
.woocommerce .woocommerce-breadcrumb { color: var(--silver) !important; font-size: .85rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--yellow) !important; }

/* ── Star ratings ── */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before { color: var(--yellow) !important; }

/* ── Payment methods ── */
.woocommerce-checkout #payment {
  background: var(--black-3) !important;
  border-radius: 12px !important;
  color: var(--white) !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
  border-color: rgba(255,255,255,.07) !important;
  color: var(--white) !important;
}
.woocommerce-checkout #payment div.payment_box {
  background: var(--black-4) !important;
  color: var(--silver) !important;
}
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--black-4) !important;
}

/* ── My account ── */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--black-3);
  border-radius: 12px; padding: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  color: var(--silver) !important;
  display: block; padding: 8px 12px; border-radius: 8px;
  transition: color .2s, background .2s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color: var(--yellow) !important;
  background: rgba(245,200,0,.08);
}