/* ==========================================================
   TAM TAM STREET FUTURE 2.1.4 — PRODUCT DETAIL FINAL LAYER
   Gallery: preserve original image ratio, maximize visibility.
   Tabs: white page, black active tab, white active label.
   Loaded after legacy WooCommerce + Dokan public CSS.
   ========================================================== */

/* ---------- PRODUCT GALLERY ---------- */
body.tts-future-product .tt-single-product-gallery,
body.tts-future-product .woocommerce-product-gallery,
body.tts-future-product .woocommerce-product-gallery .flex-viewport,
body.tts-future-product .woocommerce-product-gallery__wrapper {
  background:#efefec!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.tts-future-product .tt-single-product-gallery {
  padding:0!important;
  overflow:visible!important;
}

body.tts-future-product .woocommerce-product-gallery {
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  margin:0!important;
  overflow:visible!important;
}

body.tts-future-product .woocommerce-product-gallery .flex-viewport {
  width:100%!important;
  overflow:hidden!important;
}

body.tts-future-product .woocommerce-product-gallery__wrapper {
  margin:0!important;
}

/* The padding belongs to the frame, never to the image itself. */
body.tts-future-product .woocommerce-product-gallery__image {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:clamp(18px,2.6vw,38px)!important;
  background:#efefec!important;
  overflow:hidden!important;
}

body.tts-future-product .woocommerce-product-gallery__image > a {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

body.tts-future-product .woocommerce-product-gallery__image > a > img,
body.tts-future-product .woocommerce-product-gallery__image > img {
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:min(78vh,820px)!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  content-visibility:visible!important;
}

/* Thumbnails: always readable and uniform without cropping the object. */
body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:10px 0 0!important;
  padding:0!important;
  list-style:none!important;
  background:transparent!important;
}

body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs li {
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  aspect-ratio:1 / 1!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#efefec!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs li img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:10px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  opacity:.58!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  cursor:pointer!important;
}

body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs li img:hover,
body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs li img:focus {
  opacity:1!important;
}

body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) {
  border-color:#0b0b0b!important;
}

/* ---------- PRODUCT INFORMATION TABS ---------- */
body.tts-future-product .tt-single-product-bottom,
body.tts-future-product .woocommerce-tabs,
body.tts-future-product .wc-tabs-wrapper {
  background:transparent!important;
  color:#111!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.tts-future-product .woocommerce-tabs ul.tabs,
body.tts-future-product .woocommerce-tabs ul.wc-tabs {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 18px!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  white-space:nowrap!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(11,11,11,.12)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.tts-future-product .woocommerce-tabs ul.tabs::-webkit-scrollbar,
body.tts-future-product .woocommerce-tabs ul.wc-tabs::-webkit-scrollbar { display:none!important; }
body.tts-future-product .woocommerce-tabs ul.tabs::before,
body.tts-future-product .woocommerce-tabs ul.tabs::after,
body.tts-future-product .woocommerce-tabs ul.tabs li::before,
body.tts-future-product .woocommerce-tabs ul.tabs li::after { content:none!important; display:none!important; }

body.tts-future-product .woocommerce-tabs ul.tabs li,
body.tts-future-product .woocommerce-tabs ul.wc-tabs li {
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  background:#f0f0ed!important;
  border:1px solid rgba(11,11,11,.12)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}

body.tts-future-product .woocommerce-tabs ul.tabs li a,
body.tts-future-product .woocommerce-tabs ul.wc-tabs li a {
  display:block!important;
  padding:11px 17px!important;
  color:#343434!important;
  background:transparent!important;
  font-size:.68rem!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}

/* Explicitly requested: selected information label is white. */
body.tts-future-product .woocommerce-tabs ul.tabs li.active,
body.tts-future-product .woocommerce-tabs ul.wc-tabs li.active,
body.tts-future-product .woocommerce-tabs ul.tabs li[aria-selected="true"],
body.tts-future-product .woocommerce-tabs ul.wc-tabs li[aria-selected="true"] {
  background:#0b0b0b!important;
  border-color:#0b0b0b!important;
}
body.tts-future-product .woocommerce-tabs ul.tabs li.active a,
body.tts-future-product .woocommerce-tabs ul.wc-tabs li.active a,
body.tts-future-product .woocommerce-tabs ul.tabs li[aria-selected="true"] a,
body.tts-future-product .woocommerce-tabs ul.wc-tabs li[aria-selected="true"] a {
  color:#fff!important;
}

body.tts-future-product .woocommerce-tabs ul.tabs li:not(.active):hover,
body.tts-future-product .woocommerce-tabs ul.wc-tabs li:not(.active):hover {
  background:#e6e6e2!important;
}
body.tts-future-product .woocommerce-tabs ul.tabs li:not(.active):hover a,
body.tts-future-product .woocommerce-tabs ul.wc-tabs li:not(.active):hover a {
  color:#0b0b0b!important;
}

/* Panels return to the white visual system. Override old forced-white text. */
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel p,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel span,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel li,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel ul,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel ol,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel strong,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel b,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel em,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel h1,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel h4,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel h5,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel h6,
body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel [style*="color"] {
  color:#111!important;
  text-shadow:none!important;
}

body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:980px!important;
  margin:0!important;
  padding:36px 0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  line-height:1.65!important;
}

body.tts-future-product.single-product .woocommerce-tabs .woocommerce-Tabs-panel a:not(.button) {
  color:#111!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

@media (max-width:820px) {
  body.tts-future-product .woocommerce-product-gallery__image {
    padding:18px!important;
  }
  body.tts-future-product .woocommerce-product-gallery__image > a > img,
  body.tts-future-product .woocommerce-product-gallery__image > img {
    max-height:68vh!important;
  }
  body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.tts-future-product .woocommerce-tabs ul.tabs li a,
  body.tts-future-product .woocommerce-tabs ul.wc-tabs li a {
    padding:10px 14px!important;
  }
}

@media (max-width:520px) {
  body.tts-future-product .woocommerce-product-gallery__image {
    padding:12px!important;
  }
  body.tts-future-product .woocommerce-product-gallery__image > a > img,
  body.tts-future-product .woocommerce-product-gallery__image > img {
    max-height:62vh!important;
  }
  body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.tts-future-product .woocommerce-product-gallery .flex-control-thumbs li img {
    padding:6px!important;
  }
}