/* =====================================================
   1. HERO SECTION
   ===================================================== */
.hero-row {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.hero-row img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media (min-width: 1025px) {
  .hero-row { height: calc(100vh - 120px); max-height: 780px; }
  .hero-row img { object-position: 50% 65%; }
}
@media (max-width: 1024px) {
  .hero-row { height: auto; }
  .hero-row img { object-position: center center; }
}
.hero-row .hero-overlay-text {
  position: absolute !important;
  left: 6% !important;
  top: 45% !important;
  transform: translateY(-50%) !important;
  z-index: 999 !important;
  max-width: 560px;
  color: #ffffff;
}
.hero-overlay-text .hero-title {
  display: block;
  font-family: "Canela", "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.15;
  text-shadow: 0 4px 14px rgba(0,0,0,0.35);
}
.hero-overlay-text .hero-cta {
  display: block;
  margin-top: 14px;
  text-align: center;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 768px) {
  .hero-row .hero-overlay-text { left: 5% !important; top: 30% !important; max-width: 90%; }
  .hero-overlay-text .hero-title { font-size: 22px; }
  .hero-overlay-text .hero-cta { font-size: 13px; }
}

/* =====================================================
   2. TEKST O RYTUAŁACH i USP
   ===================================================== */
.product-story-text {
    margin-bottom: 25px !important;
    line-height: 1.6 !important;
    font-size: 15px !important;
    color: #444 !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}
.custom-usp-box {
    background-color: #f2e8db !important;
    padding: 18px 22px !important;
    border-radius: 4px !important;
    margin-top: 5px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.usp-line {
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #333 !important;
}
.usp-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 12px !important;
    fill: #000000 !important;
    flex-shrink: 0 !important;
}

/* =====================================================
   3. CZAS REALIZACJI I IKONA INFO
   ===================================================== */
.custom-delivery-info {
    font-size: 13px !important;
    margin: 20px 0 10px 0 !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
}
.info-circle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    margin-left: 8px !important;
    background-color: #f3f3f3 !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    color: #333 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    cursor: help !important;
    position: relative !important;
}
.info-circle:hover::after {
    content: attr(data-tooltip) !important;
    position: absolute !important;
    bottom: 150% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: #000 !important;
    color: #fff !important;
    padding: 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    width: 250px !important;
    z-index: 999999 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    display: block !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
    white-space: normal !important;
}

/* =====================================================
   4. CHECKOUT - PŁATNOŚCI I WYSYŁKA
   ===================================================== */
.woocommerce-checkout #payment ul.payment_methods li label img,
.woocommerce-checkout form.checkout #order_review .woocommerce-shipping-methods img {
    height: 18px !important;
    max-height: 18px !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
}
.woocommerce-checkout #order_review .product-thumbnail img {
    height: auto !important;
    width: 70px !important;
    display: block !important;
}
span.easypack-shipping-method-logo {
    top: 0 !important;
    position: relative !important;
    display: inline-block !important;
}

@media (max-width: 768px) {
    .woocommerce-checkout .shipping-methods li, 
    .woocommerce-cart-form .shipping-methods li {
        display: grid !important;
        grid-template-columns: 30px 1fr !important;
        grid-template-areas: "radio text" ". image";
        align-items: center !important;
        gap: 5px !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
    }
    .woocommerce-checkout .shipping-methods li input { grid-area: radio !important; }
    .woocommerce-checkout .shipping-methods li label { grid-area: text !important; }
    .woocommerce-checkout .shipping-methods li img { 
        grid-area: image !important; 
        margin: 10px 0 0 0 !important;
        max-width: 90px !important;
    }
}

/* =====================================================
   5. KOSZYK BOCZNY - TŁUMACZENIE I KRZYŻYK "SZTUCZNY"
   ===================================================== */
.wd-side-hidden .wd-heading .title,
.cart-widget-side .widget-title {
    font-size: 0 !important;
}
.wd-side-hidden .wd-heading .title:before,
.cart-widget-side .widget-title:before {
    content: "Koszyk" !important;
    font-size: 18px !important;
    text-transform: uppercase;
    display: block !important;
}
.wd-side-hidden .wd-heading .close-side-widget {
    font-size: 0 !important;
    color: transparent !important;
    width: 25px !important;
    height: 25px !important;
    position: relative !important;
    display: block !important;
}
.wd-side-hidden .wd-heading .close-side-widget:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #333 !important;
    transform: rotate(45deg) !important;
    display: block !important;
}
.wd-side-hidden .wd-heading .close-side-widget:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #333 !important;
    transform: rotate(-45deg) !important;
    display: block !important;
}

@media (max-width: 768px) {
    .cart-widget-side .wd-cart-action {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
}
/* Ukrywanie komunikatów dla wszystkich produktów w kategorii plakaty i domki */
.product-cat-plakaty .custom-delivery-info, 
.product-cat-plakaty .woodmart-display-availability,
.product-cat-plakaty .delivery-times-condition,

.product-cat-domki .custom-delivery-info, 
.product-cat-domki .woodmart-display-availability,
.product-cat-domki .delivery-times-condition {
    display: none !important;
}
}
/* PRZESUNIĘCIE TRANSLATORA - TYLKO ANDROID / DUŻE EKRANY (Pixel) */
@media screen and (max-width: 1200px) {
    html:not(.ua-apple) .gt_wrapper, 
    body:not(.safari):not(.ios) .gt_wrapper {
        right: 85px !important; 
        top: 15px !important;
    }
}
/* WYMUSZONE PRZESUNIĘCIE DLA ANDROID / PIXEL */
@media screen and (max-width: 1200px) {
    html:not(.ua-apple) #gt_float_wrapper,
    html:not(.ua-apple) .gt_wrapper,
    html:not(.ua-apple) .gt_container,
    html:not(.ua-apple) .gtranslate_wrapper {
        right: 90px !important;
        left: auto !important;
        top: 15px !important;
    }
}
.product-cat-plakaty p.stock, 
.product-cat-domki p.stock {
    display: none !important;
}