/* ===== Apex Addicts – Single Product Page (CSS only) ===== */
/* Paste into Customizer OR loaded via child theme on is_product() */

:root {
  --apex-black: #000000;
  --apex-panel: #0a0a0a;
  --apex-surface: #111111;
  --apex-border: #2a2a2a;
  --apex-muted: #555555;
  --apex-text: #ffffff;
  --apex-text-dim: #bbbbbb;
  --apex-count: #888888;
  --apex-yellow: #f2d500;
  --apex-red: #e63946;
}

/* ----- Page shell ----- */
body.single-product,
body.single-product .site-main,
body.single-product .entry-content,
body.single-product .woocommerce,
body.single-product #content {
  background: var(--apex-black) !important;
  color: var(--apex-text) !important;
}

body.single-product .woocommerce-breadcrumb,
body.single-product .woocommerce .woocommerce-breadcrumb {
  color: var(--apex-count) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 0 28px !important;
  padding: 0 !important;
}

body.single-product .woocommerce-breadcrumb a {
  color: var(--apex-text-dim) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

body.single-product .woocommerce-breadcrumb a:hover {
  color: var(--apex-yellow) !important;
}

/* Notices */
body.single-product .woocommerce-message,
body.single-product .woocommerce-info,
body.single-product .woocommerce-error {
  background: var(--apex-surface) !important;
  color: var(--apex-text) !important;
  border-top: 3px solid var(--apex-yellow) !important;
  border-radius: 0 !important;
}

body.single-product .woocommerce-error {
  border-top-color: var(--apex-red) !important;
}

body.single-product .woocommerce-message a,
body.single-product .woocommerce-info a {
  color: var(--apex-yellow) !important;
}

/* ----- Product layout ----- */
body.single-product div.product {
  color: var(--apex-text);
}

body.single-product div.product::after,
body.single-product div.product::before {
  content: " ";
  display: table;
}

body.single-product div.product::after {
  clear: both;
}

/* Gallery */
body.single-product div.product div.images,
body.single-product div.product .woocommerce-product-gallery {
  margin-bottom: 2em !important;
}

body.single-product div.product .woocommerce-product-gallery__image,
body.single-product div.product .woocommerce-product-gallery__wrapper {
  background: var(--apex-panel) !important;
  border: 1px solid var(--apex-border) !important;
  border-radius: 0 !important;
}

body.single-product div.product .woocommerce-product-gallery__image img,
body.single-product div.product .woocommerce-product-gallery__wrapper img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.single-product div.product .woocommerce-product-gallery__trigger {
  background: var(--apex-black) !important;
  border: 1px solid var(--apex-border) !important;
  border-radius: 0 !important;
  width: 40px !important;
  height: 40px !important;
  right: 12px !important;
  top: 12px !important;
}

body.single-product div.product .woocommerce-product-gallery__trigger::before {
  border-color: var(--apex-yellow) !important;
}

body.single-product div.product .woocommerce-product-gallery__trigger::after {
  background: var(--apex-yellow) !important;
}

body.single-product div.product .flex-control-thumbs {
  margin-top: 12px !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  float: none !important;
  overflow: visible !important;
}

body.single-product div.product .flex-control-thumbs li {
  float: none !important;
  width: calc(25% - 6px) !important;
  margin: 0 !important;
  border: 1px solid var(--apex-border) !important;
  background: var(--apex-panel) !important;
}

body.single-product div.product .flex-control-thumbs li img {
  opacity: 0.55 !important;
  border: none !important;
  margin: 0 !important;
}

body.single-product div.product .flex-control-thumbs li img.flex-active,
body.single-product div.product .flex-control-thumbs li img:hover {
  opacity: 1 !important;
  outline: 1px solid var(--apex-yellow);
  outline-offset: -1px;
}

/* Sale badge */
body.single-product span.onsale,
body.single-product div.product span.onsale {
  background: var(--apex-red) !important;
  color: var(--apex-text) !important;
  border-radius: 0 !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1 !important;
  padding: 8px 12px !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
}

/* ----- Summary / buy box ----- */
body.single-product div.product div.summary,
body.single-product div.product .entry-summary {
  color: var(--apex-text) !important;
}

body.single-product div.product .product_title,
body.single-product div.product h1.product_title {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  color: var(--apex-text) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* Rating */
body.single-product div.product .woocommerce-product-rating {
  margin-bottom: 14px !important;
}

body.single-product div.product .star-rating,
body.single-product .star-rating {
  color: var(--apex-yellow) !important;
}

body.single-product div.product .star-rating::before {
  color: var(--apex-muted) !important;
}

body.single-product div.product .woocommerce-review-link {
  color: var(--apex-text-dim) !important;
  text-decoration: none !important;
}

body.single-product div.product .woocommerce-review-link:hover {
  color: var(--apex-yellow) !important;
}

/* Price – kill Woo olive/purple */
body.single-product div.product p.price,
body.single-product div.product span.price,
body.single-product div.product .summary .price {
  color: var(--apex-yellow) !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  margin: 0 0 18px !important;
}

body.single-product div.product p.price del,
body.single-product div.product span.price del {
  color: var(--apex-count) !important;
  opacity: 1 !important;
  font-size: 0.7em;
}

body.single-product div.product p.price ins,
body.single-product div.product span.price ins {
  color: var(--apex-yellow) !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* Short description */
body.single-product div.product .woocommerce-product-details__short-description,
body.single-product div.product .woocommerce-product-details__short-description p {
  color: var(--apex-text-dim) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 0 22px !important;
}

/* Stock */
body.single-product div.product .stock {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase !important;
  color: var(--apex-yellow) !important;
}

body.single-product div.product .stock.out-of-stock {
  color: var(--apex-red) !important;
}

/* ----- Add to cart form ----- */
body.single-product div.product form.cart {
  margin: 0 0 28px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
}

body.single-product div.product form.cart::after,
body.single-product div.product form.cart::before {
  display: none !important;
}

body.single-product div.product form.cart div.quantity {
  float: none !important;
  margin: 0 !important;
}

body.single-product div.product form.cart .quantity .qty,
body.single-product div.product .quantity .qty {
  width: 72px !important;
  height: 52px !important;
  background: var(--apex-black) !important;
  border: 1px solid var(--apex-muted) !important;
  border-radius: 0 !important;
  color: var(--apex-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center;
  box-shadow: none !important;
  outline: none !important;
  -moz-appearance: textfield;
}

body.single-product div.product form.cart .quantity .qty:focus {
  border-color: var(--apex-yellow) !important;
}

body.single-product div.product form.cart .quantity .qty::-webkit-outer-spin-button,
body.single-product div.product form.cart .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Add to cart – replace Woo purple */
body.single-product div.product form.cart .single_add_to_cart_button,
body.single-product div.product form.cart button.button.alt,
body.single-product div.product form.cart button.single_add_to_cart_button {
  float: none !important;
  flex: 1;
  min-width: 180px;
  height: 52px !important;
  padding: 0 28px !important;
  margin: 0 !important;
  background: var(--apex-yellow) !important;
  background-color: var(--apex-yellow) !important;
  color: var(--apex-black) !important;
  border: 1px solid var(--apex-yellow) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 50px !important;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.single-product div.product form.cart .single_add_to_cart_button:hover,
body.single-product div.product form.cart button.button.alt:hover,
body.single-product div.product form.cart button.single_add_to_cart_button:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--apex-black) !important;
}

body.single-product div.product form.cart .single_add_to_cart_button.disabled,
body.single-product div.product form.cart .single_add_to_cart_button:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed;
}

body.single-product a.added_to_cart {
  color: var(--apex-yellow) !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-top: 10px;
}

/* Variations */
body.single-product div.product form.cart .variations {
  margin-bottom: 16px !important;
  width: 100% !important;
}

body.single-product div.product form.cart .variations td,
body.single-product div.product form.cart .variations th {
  border: 0 !important;
  padding: 6px 0 !important;
  color: var(--apex-text) !important;
}

body.single-product div.product form.cart .variations label {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase !important;
  color: var(--apex-text) !important;
}

body.single-product div.product form.cart .variations select {
  background: var(--apex-black) !important;
  border: 1px solid var(--apex-muted) !important;
  border-radius: 0 !important;
  color: var(--apex-text) !important;
  padding: 12px 40px 12px 14px !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
}

body.single-product div.product form.cart .variations select:focus {
  border-color: var(--apex-yellow) !important;
  outline: none !important;
}

body.single-product div.product form.cart .reset_variations {
  color: var(--apex-yellow) !important;
  text-decoration: none !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Meta */
body.single-product div.product .product_meta {
  border-top: 1px solid var(--apex-border) !important;
  padding-top: 18px !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  color: var(--apex-count) !important;
  letter-spacing: 0.03em;
}

body.single-product div.product .product_meta > span {
  display: block;
  margin: 0 0 8px;
}

body.single-product div.product .product_meta a {
  color: var(--apex-yellow) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

body.single-product div.product .product_meta a:hover {
  color: #ffffff !important;
}

/* ----- Tabs ----- */
body.single-product div.product .woocommerce-tabs {
  margin-top: 48px !important;
  clear: both;
}

body.single-product div.product .woocommerce-tabs ul.tabs {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid var(--apex-border) !important;
  overflow: visible !important;
  position: relative;
}

body.single-product div.product .woocommerce-tabs ul.tabs::before {
  display: none !important;
}

body.single-product div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  margin: 0 24px 0 0 !important;
  padding: 0 !important;
  z-index: 1;
}

body.single-product div.product .woocommerce-tabs ul.tabs li::before,
body.single-product div.product .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

body.single-product div.product .woocommerce-tabs ul.tabs li a {
  display: block !important;
  padding: 14px 0 !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--apex-count) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: color 0.2s ease;
}

body.single-product div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--apex-text) !important;
}

body.single-product div.product .woocommerce-tabs ul.tabs li.active {
  background: transparent !important;
  border-bottom-color: var(--apex-yellow) !important;
}

body.single-product div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--apex-yellow) !important;
}

body.single-product div.product .woocommerce-tabs .panel {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 28px 0 0 !important;
  margin: 0 0 2em !important;
  color: var(--apex-text-dim) !important;
  box-shadow: none !important;
}

body.single-product div.product .woocommerce-tabs .panel h2 {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 22px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase !important;
  color: var(--apex-text) !important;
  margin: 0 0 14px !important;
}

body.single-product div.product .woocommerce-tabs .panel p,
body.single-product div.product .woocommerce-tabs .panel li {
  color: var(--apex-text-dim) !important;
  line-height: 1.65;
}

/* Attributes table */
body.single-product table.shop_attributes {
  border-top: 1px solid var(--apex-border) !important;
}

body.single-product table.shop_attributes th,
body.single-product table.shop_attributes td {
  border-bottom: 1px solid var(--apex-border) !important;
  color: var(--apex-text) !important;
  background: transparent !important;
  padding: 12px 8px !important;
}

body.single-product table.shop_attributes th {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--apex-text-dim) !important;
  width: 180px;
}

body.single-product table.shop_attributes tr:nth-child(even) td,
body.single-product table.shop_attributes tr:nth-child(even) th {
  background: var(--apex-panel) !important;
}

/* Reviews */
body.single-product #reviews #comments ol.commentlist li .comment-text {
  background: var(--apex-panel) !important;
  border: 1px solid var(--apex-border) !important;
  border-radius: 0 !important;
  color: var(--apex-text-dim) !important;
}

body.single-product #reviews #comments ol.commentlist li img.avatar {
  background: var(--apex-surface) !important;
  border: 1px solid var(--apex-border) !important;
  border-radius: 0 !important;
}

body.single-product #review_form #respond,
body.single-product #review_form_wrapper {
  color: var(--apex-text) !important;
}

body.single-product #review_form #respond .comment-reply-title,
body.single-product #reviews h2,
body.single-product #reviews h3 {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  color: var(--apex-text) !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.single-product #review_form #respond input[type="text"],
body.single-product #review_form #respond input[type="email"],
body.single-product #review_form #respond textarea {
  background: var(--apex-black) !important;
  border: 1px solid var(--apex-muted) !important;
  border-radius: 0 !important;
  color: var(--apex-text) !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
}

body.single-product #review_form #respond input:focus,
body.single-product #review_form #respond textarea:focus {
  border-color: var(--apex-yellow) !important;
  outline: none !important;
}

body.single-product #review_form #respond .form-submit input,
body.single-product #review_form #respond input#submit {
  background: var(--apex-yellow) !important;
  color: var(--apex-black) !important;
  border: 1px solid var(--apex-yellow) !important;
  border-radius: 0 !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase !important;
  padding: 12px 22px !important;
  box-shadow: none !important;
  cursor: pointer;
}

body.single-product #review_form #respond .form-submit input:hover,
body.single-product #review_form #respond input#submit:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--apex-black) !important;
}

body.single-product p.stars a::before {
  color: var(--apex-yellow) !important;
}

/* ----- Related / Upsells ----- */
body.single-product .related.products,
body.single-product .upsells.products {
  margin-top: 56px !important;
  padding-top: 40px !important;
  border-top: 1px solid var(--apex-border) !important;
}

body.single-product .related.products > h2,
body.single-product .upsells.products > h2 {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 28px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase !important;
  color: var(--apex-text) !important;
  margin: 0 0 28px !important;
}

/* Grid layout — card styling comes from shop-products.css */
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.single-product .related.products ul.products::before,
body.single-product .related.products ul.products::after,
body.single-product .upsells.products ul.products::before,
body.single-product .upsells.products ul.products::after {
  display: none !important;
  content: none !important;
}

body.single-product .related.products ul.products li.product,
body.single-product .upsells.products ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}

@media (max-width: 1024px) {
  body.single-product .related.products ul.products,
  body.single-product .upsells.products ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  body.single-product .related.products ul.products,
  body.single-product .upsells.products ul.products {
    grid-template-columns: 1fr;
  }
}

/* Elementor single-product widgets (if Theme Builder used later) */
body.single-product .elementor-widget-woocommerce-product-title .product_title,
body.single-product .elementor-widget-woocommerce-product-title h1 {
  font-family: "Bebas Neue", Impact, sans-serif !important;
  color: var(--apex-text) !important;
  text-transform: uppercase !important;
}

body.single-product .elementor-widget-woocommerce-product-price .price {
  color: var(--apex-yellow) !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
}

body.single-product .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
  background: var(--apex-yellow) !important;
  color: var(--apex-black) !important;
  border-radius: 0 !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  text-transform: uppercase !important;
}

/* ----- Responsive ----- */
@media (max-width: 767px) {
  body.single-product div.product form.cart {
    flex-direction: column;
  }

  body.single-product div.product form.cart .quantity .qty,
  body.single-product div.product form.cart .single_add_to_cart_button {
    width: 100% !important;
  }

  body.single-product div.product .woocommerce-tabs ul.tabs li {
    margin-right: 16px !important;
  }
}