.elementor-kit-7{--e-global-color-primary:#F5F0EB;--e-global-color-secondary:#0A0A0A;--e-global-color-text:#FFFFFF;--e-global-color-accent:#E8447A;--e-global-color-ab168a3:#F26A2E;--e-global-color-8ddd9e3:#C2DC7A;--e-global-typography-primary-font-family:"BNScoutsHand_bezahlt gekauft april15";--e-global-typography-primary-font-size:25px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:30px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"BNScoutsHand_bezahlt gekauft april15";--e-global-typography-accent-font-size:30px;--e-global-typography-accent-font-weight:400;background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"BNScoutsHand_bezahlt gekauft april15", Sans-serif;}.elementor-kit-7 h1{font-family:"BNScoutsHand_bezahlt gekauft april15", Sans-serif;}.elementor-kit-7 h2{font-family:"BNScoutsHand_bezahlt gekauft april15", Sans-serif;}.elementor-kit-7 h3{font-family:"BNScoutsHand_bezahlt gekauft april15", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.elementor-location-header {
  flex-shrink: 0;
}

.elementor-location-footer {
  margin-top: auto;
  flex-shrink: 0;
}

/* Remove select options / add to cart button from shop grid */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product form,
.woocommerce ul.products li.product .woocommerce-loop-product__link ~ a,
.woocommerce ul.products li.product .woocommerce-loop-product__link ~ form {
  display: none !important;
  visibility: hidden !important;
}

/* Force eggshell background on shop page */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products li.product,
.woocommerce-shop .woocommerce,
body.woocommerce ul.products li.product {
  background-color: #F5F0EB !important;
}

/* Fix overall page background */
body.woocommerce,
body.woocommerce-page,
body.post-type-archive-product {
  background-color: #F5F0EB !important;
}


/* Remove variation select background color */
.single-product .variations_form .variations select,
.single-product table.variations select {
  background-color: transparent !important;
  background: transparent !important;
}

/* Remove background from WooCommerce variation area */
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  background: transparent !important;
}

/* Inactive/disabled Add to Cart button */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-selection-needed {
  background-color: transparent !important;
  color: #0A0A0A !important;
  border: 1px solid #0A0A0A !important;
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}



.woocommerce .variations_form table.variations {
  width: 100% !important;
  border-collapse: collapse !important;
}

.woocommerce .variations_form table.variations tbody tr th,
.woocommerce .variations_form table.variations tbody tr td {
  padding: 6px 0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

.woocommerce .variations_form table.variations tbody tr th.label {
  width: 110px !important;
  min-width: 110px !important;
  padding: 0 12px 0 0 !important;
  white-space: nowrap !important;
}

.woocommerce .variations_form table.variations tbody tr th.label label {
  display: inline-block !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.woocommerce .variations_form table.variations tbody tr td.value {
  padding: 0 !important;
}

.woocommerce .variations_form table.variations select {
  width: 100% !important;
  margin: 0 !important;
}




/* =========================================
   WOOCOMMERCE PRODUCT GALLERY
========================================= */

/* DESKTOP LAYOUT */
.woocommerce div.product .woocommerce-product-gallery {
  display: grid !important;
  grid-template-columns: 72px 1fr !important; /* smaller thumbnail rail */
  column-gap: 16px !important;
  align-items: start !important;
}

/* MAIN PREVIEW */
.woocommerce div.product .woocommerce-product-gallery .flex-viewport {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: min(70vh, 720px) !important;
  overflow: hidden !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  border-radius: 0 !important;
}

.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce div.product .woocommerce-product-gallery .flex-viewport .slides,
.woocommerce div.product .woocommerce-product-gallery .flex-viewport .slides li,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
  height: 100% !important;
  margin: 0 !important;
}

.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.woocommerce div.product .woocommerce-product-gallery .flex-viewport img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* DESKTOP THUMBNAILS - LEFT SIDE */
.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  max-height: min(70vh, 720px) !important;
  overflow-y: auto !important;
  overflow-x: visible !important; /* so border does not get cut */
  margin: 0 !important;
  padding: 3px !important; /* border breathing space */
  float: none !important;
  clear: none !important;
  list-style: none !important;
  scrollbar-width: none !important;
}

.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
  display: none !important;
}

.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  list-style: none !important;
  flex: 0 0 auto !important;
}

.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img {
  display: block !important;
  width: 100% !important;
  height: 72px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 8px !important;
  opacity: 0.6 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* ACTIVE / HOVER THUMB */
.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img.flex-active,
.woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img:hover {
  opacity: 1 !important;
  outline: 2px solid #222 !important;
  outline-offset: 2px !important;
}

/* =========================================
   MOBILE
========================================= */
@media only screen and (max-width: 767px) {

  /* Mobile gallery layout */
  .woocommerce div.product .woocommerce-product-gallery {
    display: block !important;
  }

  /* Main preview */
  .woocommerce div.product .woocommerce-product-gallery .flex-viewport {
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 0 12px 0 !important;
    overflow: hidden !important;
    float: none !important;
    clear: both !important;
    grid-column: auto !important;
    grid-row: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }

  .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
  .woocommerce div.product .woocommerce-product-gallery .flex-viewport .slides,
  .woocommerce div.product .woocommerce-product-gallery .flex-viewport .slides li,
  .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
  .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
    height: 100% !important;
    margin: 0 !important;
  }

  .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .woocommerce div.product .woocommerce-product-gallery .flex-viewport img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    pointer-events: auto !important;
  }

  /* Thumbnail rail below preview */
  .woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 3px !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    float: none !important;
    clear: both !important;
    grid-column: auto !important;
    grid-row: auto !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
  }

  .woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    display: none !important;
  }

  .woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    flex: 0 0 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
    touch-action: pan-x !important;
  }

  .woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 8px !important;
    opacity: 0.6 !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
  }

  .woocommerce div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img.flex-active {
    opacity: 1 !important;
    outline: 2px solid #222 !important;
    outline-offset: 2px !important;
  }
}

@media (min-resolution: 1.1dppx) {
  html {
    zoom: 0.85 !important;
  }

  body.page-id-10,
  body.page-id-19 {
    height: calc(100vh / 0.85) !important;
    overflow: hidden !important;
  }
}

@media (min-resolution: 1.1dppx) {
  html {
    zoom: 0.85 !important;
    height: 100% !important;
  }
}

body.page-id-10,
body.page-id-19 {
  height: 100% !important;
  overflow: hidden !important;
}

body.page-id-10 #main-container,
body.page-id-19 #main-container {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-10 #main-container > main,
body.page-id-19 #main-container > main {
  flex: 1 !important;
}


/* SHOP PAGE 1418: footer stays at real viewport bottom with global zoom 0.85 */
body.page-id-1418 {
  min-height: calc(100vh / 0.85) !important;
  overflow-x: hidden !important;
}

body.page-id-1418 #main-container {
  min-height: calc(100vh / 0.85) !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-1418 #main {
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: calc((100vh / 0.85) - 72px - 52px) !important;
}

body.page-id-1418 .elementor-1418 {
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-1418 .elementor-element-83184c8 {
  flex: 1 0 auto !important;
  min-height: calc((100vh / 0.85) - 240px) !important;
  box-sizing: border-box !important;
}

body.page-id-1418 .elementor-location-footer {
  margin-top: auto !important;
  flex-shrink: 0 !important;
}
/* CART PAGE ONLY: push footer to bottom with global zoom active */
body.woocommerce-cart #main-container {
  min-height: calc(100vh / 0.85) !important;
  display: flex !important;
  flex-direction: column !important;
}

body.woocommerce-cart #main {
  flex: 1 0 auto !important;
  min-height: calc((100vh / 0.85) - 72px - 52px) !important;
}

body.woocommerce-cart .elementor-location-footer {
  margin-top: auto !important;
  flex-shrink: 0 !important;
}
/* Fix WooCommerce/Blocksy cart drawer right-side gap caused by global zoom */
#woo-cart-panel,
.ct-panel,
.ct-drawer-canvas,
.ct-drawer-content,
[data-panel="cart"],
[class*="cart-panel"] {
  right: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BNScoutsHand_bezahlt gekauft april15';
	font-display: auto;
	src: url('https://anniedemo2.root-lab.tech/wp-content/uploads/2026/03/BNScoutsHand_bezahlt-gekauft-april15.ttf') format('truetype');
}
/* End Custom Fonts CSS */