/* POSZone Child Theme - Custom Styles */

/* === Primärfarbe: POSZone Rot === */
:root {
  --bs-primary: rgb(192, 13, 13);
  --bs-primary-rgb: 192, 13, 13;
  --bs-link-color: rgb(192, 13, 13);
  --bs-link-color-rgb: 192, 13, 13;
  --bs-link-hover-color: rgb(154, 10, 10);
  --bs-link-hover-color-rgb: 154, 10, 10;
}

/* Fix: Badge + Zoom stay anchored during carousel transitions */
.page-product .product__carousel {
  position: relative;
}

.page-product .product__carousel .product-flags {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.page-product .product__carousel .product__zoom {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  pointer-events: auto;
}

.page-product .carousel-inner {
  z-index: 1;
}

/* Badge-Farbe */
.product-flags .badge:not(.discount),
.text-bg-primary {
  --bs-primary-rgb: 192, 13, 13;
  --bs-bg-opacity: 1;
  background-color: rgb(192, 13, 13) !important;
  border-color: rgb(192, 13, 13) !important;
}

.product-flags .badge:not(.discount) {
  border-color: rgb(192, 13, 13) !important;
}

/* Primary Buttons */
.btn-primary {
  --bs-btn-bg: rgb(192, 13, 13);
  --bs-btn-border-color: rgb(192, 13, 13);
  --bs-btn-hover-bg: rgb(154, 10, 10);
  --bs-btn-hover-border-color: rgb(154, 10, 10);
  --bs-btn-active-bg: rgb(134, 9, 9);
  --bs-btn-active-border-color: rgb(134, 9, 9);
  --bs-btn-focus-shadow-rgb: 192, 13, 13;
}

.btn-outline-primary {
  --bs-btn-color: rgb(192, 13, 13);
  --bs-btn-border-color: rgb(192, 13, 13);
  --bs-btn-hover-bg: rgb(192, 13, 13);
  --bs-btn-hover-border-color: rgb(192, 13, 13);
  --bs-btn-active-bg: rgb(154, 10, 10);
  --bs-btn-active-border-color: rgb(154, 10, 10);
  --bs-btn-focus-shadow-rgb: 192, 13, 13;
}

/* Hide image slider on mobile/smartphone */
@media (max-width: 767.98px) {
  .ps-imageslider {
    display: none !important;
  }
}