﻿/* VOLTA product detail */

/* PDP */
.pdp__grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: var(--space-3xl);
  align-items: start;
  margin-bottom: var(--space-3xl);
}
.pdp .woocommerce-product-gallery {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow);
}
.pdp .woocommerce-product-gallery__image img { border-radius: var(--radius-md); width: 100%; height: auto; }
.pdp .flex-control-thumbs { display: flex; gap: var(--space-sm); margin-top: var(--space-md); list-style: none; padding: 0; }
.pdp .flex-control-thumbs li { width: 72px; }
.pdp .flex-control-thumbs img { border-radius: var(--radius-sm); border: 1px solid var(--border); cursor: pointer; }
.pdp .onsale,
.pdp span.onsale {
  position: absolute; z-index: 2; top: 16px; left: 16px;
  background: var(--badge-hot); color: #fff; font-size: 10px; font-weight: 700;
  padding: 4px 8px; border-radius: 4px; min-height: 0; line-height: 1.2;
}

.pdp__summary { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-2xl); box-shadow: var(--shadow); }
.pdp__title { font-size: clamp(24px, 3vw, 32px); font-weight: 800; color: var(--text-strong); letter-spacing: -0.02em; margin-bottom: var(--space-md); }
.pdp__price, .pdp .price { font-size: 24px; font-weight: 800; color: var(--price); margin-bottom: var(--space-lg); }
.pdp .price del { font-size: 16px; font-weight: 500; color: var(--price-sale); margin-left: 8px; }
.pdp .price ins { text-decoration: none; }
.pdp .woocommerce-product-details__short-description { color: var(--text-muted); margin-bottom: var(--space-xl); font-size: 15px; }
.pdp .woocommerce-product-rating { margin-bottom: var(--space-md); }

.pdp-variations { width: 100%; margin-bottom: var(--space-lg); border-collapse: separate; border-spacing: 0 10px; }
.pdp-variations th { text-align: left; font-size: 13px; font-weight: 600; color: var(--text-muted); padding-right: var(--space-md); width: 110px; vertical-align: middle; }
.pdp-variations td select { width: 100%; }
.pdp-variations .reset_variations { display: inline-block; margin-top: 8px; font-size: 12px; color: var(--brand-steel); }

.pdp-cart__row { display: flex; align-items: center; gap: var(--space-md); flex-wrap: wrap; }
.pdp-cart .quantity .qty { width: 72px; text-align: center; }
.pdp-cart .single_add_to_cart_button.btn--gold { min-width: 160px; border: none; cursor: pointer; }
.pdp-cart .single_add_to_cart_button.disabled { opacity: 0.5; cursor: not-allowed; }

.pdp-delivery {
  margin-top: var(--space-xl);
  padding: var(--space-lg);
  background: var(--accent-gold-soft);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-soft);
}
.pdp-delivery ul { list-style: none; margin: 0; padding: 0; }
.pdp-delivery li { font-size: 13px; color: var(--text); padding: 4px 0 4px 18px; position: relative; }
.pdp-delivery li::before {
  content: ""; position: absolute; left: 0; top: 11px;
  width: 8px; height: 8px; border-radius: 50%; background: var(--accent-gold);
}

.pdp .product_meta { margin-top: var(--space-xl); padding-top: var(--space-lg); border-top: 1px solid var(--border-soft); font-size: 13px; color: var(--text-muted); }
.pdp .product_meta a { color: var(--brand-steel); }
.pdp .product_meta > span { display: block; margin-bottom: 6px; }

.pdp-tabs { margin-top: var(--space-2xl); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-xl); box-shadow: var(--shadow); }
.pdp-tabs__list { display: flex; gap: var(--space-xl); list-style: none; margin: 0 0 var(--space-xl); padding: 0; border-bottom: 1px solid var(--border); }
.pdp-tabs__list li { margin: 0; padding: 0; border: none; background: none; }
.pdp-tabs__list a {
  display: block; padding-bottom: var(--space-md); font-size: 14px; font-weight: 500;
  color: var(--text-muted); border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.pdp-tabs__list li.active a,
.pdp-tabs__list a:hover { color: var(--brand-midnight); font-weight: 700; border-bottom-color: var(--accent-gold); }
.pdp-tabs__panel { font-size: 15px; color: var(--text); line-height: 1.65; }
.pdp-tabs__panel h2 { font-size: 18px; margin-bottom: var(--space-md); }

.related--volta { margin-top: var(--space-3xl); }
.related--volta .products--shop { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.related--volta .products--shop > .product,
.related--volta ul.products > li.product {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.page-shell__article { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-2xl); box-shadow: var(--shadow); }
.page-shell__content { margin-top: var(--space-xl); color: var(--text); }

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--radius-md);
  border-top: none;
  border-left: 3px solid var(--accent-gold);
  background: var(--surface);
  box-shadow: var(--shadow);
  color: var(--text);
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--accent-gold); }

@media (max-width: 1023px) {
  .pdp__grid { grid-template-columns: 1fr; gap: var(--space-xl); }
}

@media (max-width: 767px) {
  .pdp__summary { padding: var(--space-xl); }
  .pdp-tabs__list { gap: var(--space-md); flex-wrap: wrap; }
  .shop-toolbar { flex-direction: column; align-items: flex-start; }
}

