/* 123eetstoel v2.5.8 — PDP spacing, wider buy panel and explicit homepage category controls. */

/* Product page starts directly below the header. Empty WooCommerce notice wrappers
   must never reserve visual space. */
body.single-product #main-content.es-single-wrap,
body.eetstoel-single-product #main-content.es-single-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.single-product #main-content.es-single-wrap > .woocommerce-notices-wrapper:empty,
body.eetstoel-single-product #main-content.es-single-wrap > .woocommerce-notices-wrapper:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.single-product .es-single-product--concept6,
body.eetstoel-single-product .es-single-product--concept6 {
  margin-top: 0 !important;
}

body.single-product .es-single-product--concept6 .es-product-navigation,
body.eetstoel-single-product .es-single-product--concept6 .es-product-navigation {
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.single-product .es-single-product--concept6 .es-product-navigation > a,
body.single-product .es-single-product--concept6 .es-product-navigation .woocommerce-breadcrumb,
body.eetstoel-single-product .es-single-product--concept6 .es-product-navigation > a,
body.eetstoel-single-product .es-single-product--concept6 .es-product-navigation .woocommerce-breadcrumb {
  padding-block: 12px !important;
}

/* The tab navigation is intentionally not part of the PDP. The template renders
   the content sections directly, but this remains as a defensive fallback. */
body.single-product .woocommerce-tabs > ul,
body.single-product .woocommerce-tabs ul.tabs,
body.single-product ul.wc-tabs,
body.eetstoel-single-product .woocommerce-tabs > ul,
body.eetstoel-single-product .woocommerce-tabs ul.tabs,
body.eetstoel-single-product ul.wc-tabs {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Desktop: reduce the image canvas and give the title, price and purchase flow
   more horizontal room. This also moves the add-to-cart button higher. */
@media (min-width: 1100px) {
  .es-single-product--concept6 .es-product-main {
    gap: clamp(24px, 2.1vw, 40px) !important;
    padding-top: 18px !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(480px, .92fr) !important;
  }

  .es-single-product--concept6 .es-product-visual {
    max-width: none;
  }

  .es-single-product--concept6 .woocommerce-product-gallery__image img {
    max-height: min(68vh, 760px) !important;
    aspect-ratio: 1.08 / 1 !important;
    padding: clamp(22px, 2.7vw, 48px) !important;
  }

  .es-single-product--concept6 .es-product-summary-card {
    width: 100%;
    max-width: none;
    top: 104px !important;
    padding: 22px 26px !important;
  }

  .es-single-product--concept6 .product_title {
    max-width: none !important;
    font-size: clamp(1.85rem, 2.05vw, 2.55rem) !important;
    line-height: 1.02 !important;
    text-wrap: balance;
  }
}

@media (min-width: 1440px) {
  .es-single-product--concept6 .es-product-main {
    grid-template-columns: minmax(0, 1.02fr) minmax(520px, .98fr) !important;
  }
}

/* Mobile and tablet: no gap above the back link and thumbnails always form a
   horizontal, unnumbered swipe rail. */
@media (max-width: 1099px) {
  body.single-product .es-single-product--concept6 .es-product-main,
  body.eetstoel-single-product .es-single-product--concept6 .es-product-main {
    padding-top: 10px !important;
  }
}

@media (max-width: 899px) {
  body.single-product .es-single-product--concept6 .es-product-navigation,
  body.eetstoel-single-product .es-single-product--concept6 .es-product-navigation {
    min-height: 40px !important;
  }

  body.single-product .es-single-product--concept6 .es-product-navigation > a,
  body.eetstoel-single-product .es-single-product--concept6 .es-product-navigation > a {
    padding-block: 10px !important;
  }

  .es-single-product--concept6 .flex-control-thumbs {
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 0 10px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    list-style: none !important;
    counter-reset: none !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .es-single-product--concept6 .flex-control-thumbs li {
    display: block !important;
    flex: 0 0 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    list-style: none !important;
    counter-increment: none !important;
  }

  .es-single-product--concept6 .flex-control-thumbs li::marker,
  .es-single-product--concept6 .flex-control-thumbs li::before,
  .es-single-product--concept6 .flex-control-thumbs li::after {
    display: none !important;
    content: none !important;
  }
}