/* Strona pojedynczego produktu — elementy zakładki "Opis"
   (partiale w resources/views/partials/product/).
   Ładowany bezpośrednio (nie wymaga npm run build). */
/* Przycisk "Kup bilet" — ikona biletu po lewej, strzałka po prawej (jak w projekcie).
   Ikony przez mask + currentColor, więc dziedziczą kolor tekstu także na hoverze. */
button.single_add_to_cart_button.button.alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #000;
}
a.woocommerce-product-gallery__trigger {
    display: none !important; 
}

button.single_add_to_cart_button.button.alt::before,
button.single_add_to_cart_button.button.alt::after {
    content: "";
    flex-shrink: 0;
    background: currentColor;
}

button.single_add_to_cart_button.button.alt::before {
    width: 20px;
    height: 20px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Cpath d='M1.48,78.38l76.9-76.9l0,0C79.36,0.49,80.65,0,81.95,0c1.29,0,2.59,0.49,3.57,1.48l0,0l10.17,10.17 c0.55,0.55,0.61,1.4,0.17,2.01c-1.12,1.87-1.55,4.05-1.3,6.16c0.25,2.09,1.18,4.12,2.78,5.72c1.61,1.61,3.63,2.54,5.72,2.78 c2.14,0.26,4.35-0.2,6.24-1.36c0.63-0.38,1.42-0.27,1.92,0.23l0,0l10.17,10.17l0,0c0.98,0.98,1.48,2.28,1.48,3.57 c0,1.29-0.49,2.59-1.48,3.57l0,0l-76.9,76.9l0,0c-0.98,0.98-2.28,1.48-3.57,1.48c-1.29,0-2.59-0.49-3.57-1.48l0,0L27.25,111.3 c-0.56-0.56-0.61-1.44-0.15-2.05c1.22-1.89,1.73-4.12,1.51-6.28c-0.22-2.15-1.15-4.24-2.81-5.89c-1.65-1.65-3.74-2.59-5.89-2.81 c-2.2-0.22-4.45,0.3-6.36,1.56c-0.63,0.42-1.46,0.32-1.97-0.2l0,0L1.48,85.52l0,0C0.49,84.53,0,83.24,0,81.95 C0,80.65,0.49,79.36,1.48,78.38L1.48,78.38L1.48,78.38z M80.6,3.7L3.7,80.6l0,0c-0.37,0.37-0.55,0.86-0.55,1.35 c0,0.49,0.18,0.98,0.55,1.35l0,0l9.25,9.25c2.26-1.18,4.8-1.65,7.28-1.4c2.85,0.29,5.63,1.52,7.8,3.7c2.18,2.18,3.41,4.95,3.7,7.8 c0.25,2.48-0.21,5.02-1.4,7.28l9.25,9.25l0,0c0.37,0.37,0.86,0.55,1.35,0.55c0.49,0,0.98-0.18,1.35-0.55l0,0l76.9-76.9l0,0 c0.37-0.37,0.55-0.86,0.55-1.35c0-0.49-0.18-0.98-0.55-1.35l0,0l-9.34-9.34c-2.24,1.09-4.73,1.49-7.15,1.2 c-2.77-0.33-5.45-1.56-7.58-3.68c-2.12-2.12-3.35-4.81-3.68-7.58c-0.29-2.42,0.11-4.91,1.2-7.15L83.3,3.7l0,0 c-0.37-0.37-0.86-0.55-1.35-0.55C81.46,3.14,80.97,3.33,80.6,3.7L80.6,3.7L80.6,3.7z M25.26,73.45l38.37-38.37l0,0 c1.09-1.09,2.54-1.64,3.98-1.64c1.45,0,2.89,0.55,3.98,1.64l0,0l17.64,17.64c1.1,1.1,1.64,2.54,1.64,3.98 c0,1.44-0.55,2.89-1.64,3.98L50.86,99.05c-1.1,1.1-2.54,1.64-3.98,1.64c-1.44,0-2.88-0.55-3.98-1.64L25.26,81.42l0,0 c-1.1-1.1-1.64-2.54-1.64-3.98S24.17,74.55,25.26,73.45L25.26,73.45L25.26,73.45z M65.86,37.3L27.48,75.67l0,0 c-0.48,0.48-0.72,1.12-0.72,1.76c0,0.64,0.24,1.28,0.72,1.76l0,0l17.64,17.64c0.48,0.48,1.12,0.72,1.76,0.72 c0.64,0,1.28-0.24,1.76-0.72l38.37-38.37c0.48-0.48,0.72-1.12,0.72-1.76c0-0.64-0.24-1.28-0.72-1.76L69.38,37.3l0,0 c-0.49-0.49-1.12-0.73-1.76-0.73C66.98,36.57,66.34,36.82,65.86,37.3L65.86,37.3L65.86,37.3z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Cpath d='M1.48,78.38l76.9-76.9l0,0C79.36,0.49,80.65,0,81.95,0c1.29,0,2.59,0.49,3.57,1.48l0,0l10.17,10.17 c0.55,0.55,0.61,1.4,0.17,2.01c-1.12,1.87-1.55,4.05-1.3,6.16c0.25,2.09,1.18,4.12,2.78,5.72c1.61,1.61,3.63,2.54,5.72,2.78 c2.14,0.26,4.35-0.2,6.24-1.36c0.63-0.38,1.42-0.27,1.92,0.23l0,0l10.17,10.17l0,0c0.98,0.98,1.48,2.28,1.48,3.57 c0,1.29-0.49,2.59-1.48,3.57l0,0l-76.9,76.9l0,0c-0.98,0.98-2.28,1.48-3.57,1.48c-1.29,0-2.59-0.49-3.57-1.48l0,0L27.25,111.3 c-0.56-0.56-0.61-1.44-0.15-2.05c1.22-1.89,1.73-4.12,1.51-6.28c-0.22-2.15-1.15-4.24-2.81-5.89c-1.65-1.65-3.74-2.59-5.89-2.81 c-2.2-0.22-4.45,0.3-6.36,1.56c-0.63,0.42-1.46,0.32-1.97-0.2l0,0L1.48,85.52l0,0C0.49,84.53,0,83.24,0,81.95 C0,80.65,0.49,79.36,1.48,78.38L1.48,78.38L1.48,78.38z M80.6,3.7L3.7,80.6l0,0c-0.37,0.37-0.55,0.86-0.55,1.35 c0,0.49,0.18,0.98,0.55,1.35l0,0l9.25,9.25c2.26-1.18,4.8-1.65,7.28-1.4c2.85,0.29,5.63,1.52,7.8,3.7c2.18,2.18,3.41,4.95,3.7,7.8 c0.25,2.48-0.21,5.02-1.4,7.28l9.25,9.25l0,0c0.37,0.37,0.86,0.55,1.35,0.55c0.49,0,0.98-0.18,1.35-0.55l0,0l76.9-76.9l0,0 c0.37-0.37,0.55-0.86,0.55-1.35c0-0.49-0.18-0.98-0.55-1.35l0,0l-9.34-9.34c-2.24,1.09-4.73,1.49-7.15,1.2 c-2.77-0.33-5.45-1.56-7.58-3.68c-2.12-2.12-3.35-4.81-3.68-7.58c-0.29-2.42,0.11-4.91,1.2-7.15L83.3,3.7l0,0 c-0.37-0.37-0.86-0.55-1.35-0.55C81.46,3.14,80.97,3.33,80.6,3.7L80.6,3.7L80.6,3.7z M25.26,73.45l38.37-38.37l0,0 c1.09-1.09,2.54-1.64,3.98-1.64c1.45,0,2.89,0.55,3.98,1.64l0,0l17.64,17.64c1.1,1.1,1.64,2.54,1.64,3.98 c0,1.44-0.55,2.89-1.64,3.98L50.86,99.05c-1.1,1.1-2.54,1.64-3.98,1.64c-1.44,0-2.88-0.55-3.98-1.64L25.26,81.42l0,0 c-1.1-1.1-1.64-2.54-1.64-3.98S24.17,74.55,25.26,73.45L25.26,73.45L25.26,73.45z M65.86,37.3L27.48,75.67l0,0 c-0.48,0.48-0.72,1.12-0.72,1.76c0,0.64,0.24,1.28,0.72,1.76l0,0l17.64,17.64c0.48,0.48,1.12,0.72,1.76,0.72 c0.64,0,1.28-0.24,1.76-0.72l38.37-38.37c0.48-0.48,0.72-1.12,0.72-1.76c0-0.64-0.24-1.28-0.72-1.76L69.38,37.3l0,0 c-0.49-0.49-1.12-0.73-1.76-0.73C66.98,36.57,66.34,36.82,65.86,37.3L65.86,37.3L65.86,37.3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

button.single_add_to_cart_button.button.alt::after {
    width: 13px;
    height: 13px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    margin-left: 2px;
}

button.single_add_to_cart_button.button.alt:hover {
    background: #fff;
    color: #000;
}
p.price {
    display: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 10px;
}
/* Meta produktu pod krótkim opisem: ikona + etykieta + wartość, 2 kolumny */
.pd-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
  margin: 24px 0;
}

@media (max-width: 575px) {
  .pd-meta {
    grid-template-columns: 1fr;
  }
}

.pd-meta-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.pd-meta-icon {
  flex-shrink: 0;
  color: #ffb900;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.pd-meta-text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 17px;
  line-height: 1.5;
}

.pd-meta-text strong {
  color: #fff;
}

/* Cena z WooCommerce (get_price_html) — bez przekreśleń/amount w innym kolorze */
.pd-meta-text .woocommerce-Price-amount {
  color: rgba(255, 255, 255, 0.7);
}

/* Dwie kolumny opisu */
.pd-columns {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  width: 100%;
}

.pd-col {
  flex: 1;
  min-width: 250px;
}

/* Dodatkowa sekcja: tytuł z żółtym podkreśleniem po lewej, opis po prawej */
.pd-extra {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 40px 0 40px;
  width: 100%;

}

.pd-extra-title {
  flex: 1;
  min-width: 250px;
}

.pd-extra-title h2 {
  color: #fff;
  margin: 0 0 16px;
}

.pd-extra-line {
  display: block;
  width: 56px;
  height: 3px;
  background: #ffb900;
}

.pd-extra-desc {
  flex: 1.6;
  min-width: 280px;
}

/* Zdjęcia i filmy z trasy — wariant slidera fs-* (bazowe style: filmyzdjecia_slider.css).
   Selektory z .filmyzdjecia-slider, bo produkt.css ładuje się przed bazowym arkuszem
   i przy równej specyficzności bazowe reguły by wygrywały. */
.pd-media {
  width: 100%;
  margin: 40px 0 40px;
}

.filmyzdjecia-slider.pd-media .fs-head {
  margin-bottom: 28px;
}

.filmyzdjecia-slider.pd-media .fs-title {
  color: #fff;
  margin: 0;
}

/* 4 węższe karty w widoku (na stronie głównej 3) */
.filmyzdjecia-slider.pd-media .fs-card {
  flex-basis: calc((100% - 72px) / 4);
}

@media (max-width: 991px) {
  .filmyzdjecia-slider.pd-media .fs-card {
    flex-basis: calc((100% - 24px) / 2);
  }
}

@media (max-width: 575px) {
  .filmyzdjecia-slider.pd-media .fs-card {
    flex-basis: 85%;
  }
}

/* Niższe media: 4:3 zamiast pionowego 3:4 ze strony głównej */
.filmyzdjecia-slider.pd-media .fs-media {
  aspect-ratio: 4 / 3;
}

/* Podpis w karcie: tytuł + opis, wyrównane do lewej */
.filmyzdjecia-slider.pd-media .fs-info {
  padding: 14px 18px 18px;
}

.filmyzdjecia-slider.pd-media .fs-info-title {
  color: #fff;
  font-size: 17px;
  margin: 0 0 6px;
}

.filmyzdjecia-slider.pd-media .fs-info-desc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}

.filmyzdjecia-slider.pd-media .fs-info-desc p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  margin: 0;
}

/* Co dostajesz w dostępie — siatka bloków z ikoną */
.pd-benefits {
  width: 100%;
  margin: 40px 0 40px;
}

.pd-benefits-title {
  color: #fff;
  margin: 0 0 28px;
}

.pd-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 991px) {
  .pd-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .pd-benefits-grid {
    grid-template-columns: 1fr;
  }
}

.pd-benefit {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: linear-gradient(290.1deg, #00000007 64.35%, #f0f0f007 64.37%, #00000007 100.33%);
}

.pd-benefit-icon {
  max-height: 45px;
  width: auto;
  display: block;
  margin: 0 auto 14px;
}

.pd-benefit-title {
  color: #fff;
  font-size: 20px;
  margin: 0 0 10px;
}

.pd-benefit-desc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
}

.pd-benefit-desc p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  margin: 0;
}

/* CTA na końcu opisu produktu */
.pd-cta {
  width: 100%;
  margin: 56px 0 50px;
  text-align: center;
}

.pd-cta-title {
  color: #fff;
  margin: 0 0 12px;
}

.pd-cta-note {
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  margin-bottom: 20px;
}

.pd-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 6px;
  background: #ffb900;
  color: #1b1b1b !important;
  text-decoration: none;
  font-weight: 700;
  transition: background 0.25s ease;
}

.pd-cta-btn:hover {
  background: #e6a800;
}


