/**
 * MysteryBril — 16 · Productpagina
 * ---------------------------------------------------------------------------
 * Afbeelding links, gegevens rechts. De velden en de knoptekst komen uit
 * inc/product-page.php.
 * ---------------------------------------------------------------------------
 */

/* --- Twee kolommen --- */
.single-product .product-entry-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
  padding-top: 60px;
}

/* --- Galerij: één vierkante afbeelding, zoals in het ontwerp --- */
.single-product .woocommerce-product-gallery {
  margin: 0 !important;
  border: 1px solid var(--mb-line-soft) !important;
  background: var(--mb-card) !important;
}
.single-product .woocommerce-product-gallery .flexy-view figure {
  margin: 0;
  aspect-ratio: 1;
  overflow: hidden;
}
.single-product .woocommerce-product-gallery .flexy-view figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* De miniaturenstrip staat niet in het ontwerp. Verwijder deze regel om
   de extra productfoto's weer als thumbnails te tonen. */
.single-product .flexy-pills,
.single-product [data-flexy-pills] {
  display: none !important;
}

/* --- Kolom met gegevens --- */
.single-product .entry-summary .product_title {
  margin: 0 0 14px !important;
  font-family: var(--mb-font-display) !important;
  font-weight: 400;
  font-size: clamp(30px, 4vw, 44px) !important;
  line-height: 1.05;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--mb-white) !important;
}
.single-product .entry-summary p.price {
  margin: 0 0 22px !important;
  font-family: var(--mb-font-body) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--mb-orange) !important;
}
.single-product .woocommerce-product-details__short-description p {
  margin: 0 !important;
  font-family: var(--mb-font-body);
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--mb-white) !important;
}

/* Scheidingslijnen en productmeta staan niet in het ontwerp. */
.single-product .ct-product-divider,
.single-product .product_meta {
  display: none !important;
}

/* --- Opmerking bij bestelling --- */
.single-product .mb-note {
  margin: 28px 0 26px;
  padding: 20px;
  border: 1px solid var(--mb-orange-dim);
  background: var(--mb-card);
}
.single-product .mb-note__eyebrow {
  margin: 0 0 8px !important;
  font-family: var(--mb-font-body);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mb-orange) !important;
}
.single-product .mb-note__label {
  display: block;
  margin-bottom: 10px;
  font-family: var(--mb-font-body);
  font-size: 13.5px;
  line-height: 1.6;
  color: #dddddd;
}
.single-product .mb-note__input {
  width: 100%;
  padding: 12px 14px !important;
  border: 1px solid var(--mb-line) !important;
  border-radius: 0 !important;
  background: var(--mb-black) !important;
  color: var(--mb-white) !important;
  font-family: var(--mb-font-body) !important;
  font-size: 13.5px !important;
  line-height: 1.5;
  resize: none;
}
.single-product .mb-note__input::placeholder {
  color: var(--mb-white);
  opacity: 0.45;
}
.single-product .mb-note__input:focus {
  outline: none;
  border-color: var(--mb-orange) !important;
  box-shadow: none !important;
}
.single-product .mb-note__count {
  margin: 6px 0 0 !important;
  font-family: var(--mb-font-body);
  font-size: 10px;
  text-align: right;
  color: var(--mb-orange);
}

/* --- Aantal en knop --- */
.single-product .ct-cart-actions {
  display: flex;
  align-items: stretch;
  gap: 14px;
}
/* Losse brillen en boxen gaan per stuk; alleen de Vriendenbox toont een aantal
   (body-klasse mb-show-quantity, gezet in inc/product-page.php). */
.single-product .quantity {
  display: none !important;
}
.single-product.mb-show-quantity .quantity {
  display: block !important;
}

/* Kruimelpad staat niet in het ontwerp. */
.single-product .ct-breadcrumbs {
  display: none !important;
}
.single-product .quantity input.qty {
  height: 100%;
  min-height: 52px;
  padding: 0 10px !important;
  border: 1px solid var(--mb-line) !important;
  background: var(--mb-black) !important;
  color: var(--mb-white) !important;
  font-family: var(--mb-font-body) !important;
  font-size: 15px !important;
  font-weight: 700;
  text-align: center;
}
/* Extra specifiek: 05-woocommerce.css maakt elke knop wit met een rand. */
.single-product .product button.single_add_to_cart_button {
  flex: 1;
  padding: 17px 30px !important;
  border: 1px solid var(--mb-orange) !important;
  border-radius: 0 !important;
  background: var(--mb-orange) !important;
  color: var(--mb-white) !important;
  font-family: var(--mb-font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: all 0.2s ease;
}
.single-product .product button.single_add_to_cart_button:hover {
  background: var(--mb-orange-bright) !important;
  border-color: var(--mb-orange-bright) !important;
  color: var(--mb-white) !important;
}

/* --- Tablet / mobiel --- */
@media (max-width: 880px) {
  .single-product .product-entry-wrapper {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 32px;
  }
  .single-product .mb-note {
    margin: 22px 0 20px;
    padding: 16px;
  }
}