/*
Theme Name: Astra Child - AUVIA
Template: astra
Version: 3.7
*/

/* ── Ukryj elementy Astry ───────────────────────────────────── */
#masthead, .main-header-bar, .ast-desktop-header { display: none !important; }
#colophon, .site-footer, .ast-footer-overlay,
.footer-widget-area, .ast-bottom-footer, .ast-footer-copyright { display: none !important; }
.entry-header, .ast-page-title-wrap, .page-title-wrap, .ast-single-post-title { display: none !important; }
.woocommerce-products-header, .woocommerce-products-header__title,
.ast-woo-shop-title, h1.woocommerce-loop__title { display: none !important; }

/* ── Layout ─────────────────────────────────────────────────── */
#secondary, .widget-area { display: none !important; }
.ast-right-sidebar #primary, .ast-left-sidebar #primary, .ast-no-sidebar #primary {
  width: 100% !important; float: none !important; padding: 0 !important;
}
.ast-container, .site-content > .ast-container {
  max-width: 1280px !important; padding-left: 40px !important; padding-right: 40px !important;
}
.entry-content { max-width: 100% !important; }

/* ── Breadcrumb ──────────────────────────────────────────────── */
.ast-breadcrumbs-wrapper {
  background: #F7F3EE !important; border-bottom: 1px solid #EDE8E0 !important;
  padding: 10px 0 !important; font-size: .72rem !important;
  letter-spacing: .05em !important; color: #999 !important;
}

/* ── Strona produktu (single) ────────────────────────────────── */
.woocommerce div.product .product_title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important; font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: #B8973C !important; font-size: 1.2rem !important; }

/* ── Globalne przyciski WC (kasa, strona produktu) ───────────── */
.woocommerce #respond input#submit,
.woocommerce .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: #111010 !important; color: #FEFEFE !important;
  border: 1px solid #111010 !important; border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important; font-size: .68rem !important;
  letter-spacing: .16em !important; text-transform: uppercase !important;
  padding: 14px 24px !important; transition: all .3s !important;
}

/* ── Inputy WooCommerce ──────────────────────────────────────── */
.woocommerce form .input-text, .woocommerce-checkout .input-text, .woocommerce-page select {
  border: 1px solid #EDE8E0 !important; border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important; font-size: .85rem !important;
  padding: 10px 14px !important; box-shadow: none !important;
}
.woocommerce form .input-text:focus, .woocommerce-checkout .input-text:focus {
  border-color: #B8973C !important; outline: none !important; box-shadow: none !important;
}

/* ── Strony wewnętrzne ───────────────────────────────────────── */
.page-template-default .entry-content, .page .entry-content {
  padding: 64px 0 80px !important; font-size: .95rem !important;
  line-height: 1.85 !important; color: #444 !important;
}
.page .entry-content h1, .page .entry-content h2 {
  font-family: 'Cormorant Garamond', serif !important; font-weight: 400 !important;
  color: #111010 !important; margin-bottom: 24px !important;
}

/* ── Responsywny tekst przycisku ─────────────────────────────── */
.ob-btn-mobile  { display: none !important; }
.ob-btn-desktop { display: inline !important; }

/* ── CHECKOUT — bez mrugania ─────────────────────────────────── */
.wc-block-checkout__sidebar .wc-block-components-spinner { display: none !important; }
.wc-block-checkout__sidebar .is-loading { animation: none !important; opacity: 1 !important; }
.wc-block-components-order-summary { transition: none !important; }
.wc-block-checkout__sidebar .wc-block-shimmer-effect__animation { animation: none !important; }
.wc-block-components-country-input, .wc-block-components-state-input { display: none !important; }
.wc-block-checkout .wc-block-components-address-form__country,
.wc-block-checkout .wc-block-components-address-form__state { margin-bottom: 0 !important; }

/* ── SKLEP — tło i layout ────────────────────────────────────── */
body.woocommerce-page, body.tax-product_cat { background: #F7F3EE; }
.woocommerce-page .site-main {
  padding: 32px 40px 80px; max-width: 1280px;
  margin: 0 auto; box-sizing: border-box; background: transparent;
}
.woocommerce-result-count {
  font-family: 'Jost', sans-serif; font-size: .72rem; color: #aaa; letter-spacing: .05em;
}
.woocommerce-ordering select {
  font-family: 'Jost', sans-serif; font-size: .72rem;
  border: 1px solid #DDD8D0; border-radius: 0; padding: 8px 28px 8px 12px;
  color: #555; background: #FEFEFE; box-shadow: none;
}

/* ════════════════════════════════════════════════════════════════
   SIATKA PRODUKTÓW — z !important żeby nadpisać Astrę
════════════════════════════════════════════════════════════════ */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  clear: both !important;
  overflow: visible !important;   /* nie przycinaj box-shadow kart */
}

/* ════════════════════════════════════════════════════════════════
   KARTA PRODUKTU — .ob-product-card
   Kluczowe: NIE używamy overflow:hidden na karcie.
   Astra dodaje border/outline na :hover bez transition — to wywołuje
   natychmiastowy "skok". Resetujemy to i zostawiamy TYLKO
   gładką animację transform + box-shadow.
   Clip zooma zdjęcia jest na .ob-pc__img-wrap, nie na karcie.
════════════════════════════════════════════════════════════════ */
.ob-product-card {
  background: #FEFEFE !important;
  /* Brak overflow:hidden — clip zdjęcia jest na .ob-pc__img-wrap */
  overflow: visible !important;
  /* Tylko box-shadow — bez transform, bo karta nie skaże */
  transition: box-shadow .4s ease !important;
  /* Reset Astry */
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  float: none !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Neutralizuj WSZYSTKIE efekty Astry na hover (border, outline, filter) */
.ob-product-card:hover,
.ob-product-card:focus,
.ob-product-card:active {
  border: none !important;
  outline: none !important;
}

.ob-product-card:hover {

  box-shadow: 0 8px 48px rgba(184,151,60,.13), 0 2px 16px rgba(17,16,16,.06) !important;
}

/* ── Kontener zdjęcia ── */
.ob-pc__img-wrap {
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #EDE8E0;
  display: block;
}

.ob-pc__img-wrap a {
  display: block;
  height: 100%;
}

.ob-pc__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .6s ease;
  display: block;
}

.ob-product-card:hover .ob-pc__img {
  transform: scale(1.05);
}

/* ── Treść karty ── */
.ob-pc__body {
  padding: 18px 18px 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* ── Kategoria — złoty gradient ── */
.ob-pc__cat {
  display: block;
  font-size: .55rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
  background: linear-gradient(135deg, #9a7d32, #D4AF5A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Tytuł ── */
.ob-pc__title-link {
  flex: 1;
  text-decoration: none;
  display: block;
}

.ob-pc__name {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: 1.05rem;
  color: #111010;
  margin: 0 0 7px;
  line-height: 1.3;
}

.ob-pc__title-link:hover .ob-pc__name { color: #B8973C; }

/* ── Cena — ciemna jak .ob-prod__price ── */
.ob-pc__price {
  font-size: .82rem;
  color: #888;
  letter-spacing: .04em;
  font-family: 'Jost', sans-serif;
  margin-bottom: 0;
}

.ob-pc__price .woocommerce-Price-amount {
  color: #111010;
  font-weight: 500;
}

/* ── Przycisk — OUTLINE jak .ob-prod__btn ── */
.ob-product-card .button,
.ob-product-card a.button {
  display: block !important;
  width: 100% !important;
  margin-top: 14px !important;
  text-align: center !important;
  background: transparent !important;
  border: 1px solid #DDD8D0 !important;
  color: #111010 !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: .6rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  padding: 11px !important;
  transition: all .25s !important;
  box-sizing: border-box !important;
}

.ob-product-card .button:hover,
.ob-product-card a.button:hover {
  background: #111010 !important;
  color: #FEFEFE !important;
  border-color: #111010 !important;
}

/* ════════════════════════════════════════════════════════════════
   MOBILE
════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .woocommerce-page .site-main { padding: 24px 24px 60px; }
  .woocommerce ul.products, .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  .ast-container, .site-content > .ast-container {
    padding-left: 20px !important; padding-right: 20px !important;
  }
}

@media (max-width: 540px) {
  .woocommerce-page .site-main { padding: 0 16px 60px !important; }
  .ast-breadcrumbs-wrapper { padding: 10px 16px !important; margin-top: 0 !important; }
  .woocommerce ul.products, .woocommerce-page ul.products {
    gap: 12px !important;
    padding: 0 !important;
  }
  .ob-pc__body { padding: 12px 12px 16px; }
  .ob-pc__name { font-size: .9rem; }
  .ob-product-card .button {
    font-size: .52rem !important; letter-spacing: .08em !important;
    padding: 9px 4px !important; margin-top: 14px !important;
  }
  .ob-btn-desktop { display: none !important; }
  .ob-btn-mobile  { display: inline !important; }

  /* Ilość na stronie produktu — ukryta */
  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart .qty-wrapper { display: none !important; }

  /* CHECKOUT MOBILE */
  .wp-block-woocommerce-checkout, .wc-block-checkout {
    padding: 0 !important; margin: 0 auto !important;
    width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
  }
  .wc-block-components-sidebar-layout {
    display: block !important; width: 100% !important;
    max-width: 100% !important; margin: 0 auto !important;
    padding: 0 !important; box-sizing: border-box !important;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  .wc-block-checkout__main, .wc-block-checkout__sidebar {
    width: 100% !important; max-width: 100% !important;
    min-width: 0 !important; padding: 0 16px !important;
    margin: 0 auto !important; float: none !important; box-sizing: border-box !important;
  }


  /* KOSZYK MOBILE — padding */
  .wc-block-cart, .wp-block-woocommerce-cart {
    width: 100% !important; max-width: 100% !important;
    box-sizing: border-box !important; overflow-x: hidden !important;
  }
  .wc-block-cart__main-checkout, .wc-block-cart__totals { padding: 0 !important; }
  /* Breadcrumb — poziome wyrownanie */
  .ast-breadcrumbs-inner { padding: 0 !important; }
  /* Zapobieganie poziomemu przewijaniu */
  body, html { max-width: 100% !important; overflow-x: hidden !important; }
  /* FOOTER — 2 kolumny na mobile */
  .ob-footer-global__inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px 28px !important;
  }
  .ob-footer-global__brand {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 768px) {
  .ob-btn-desktop { display: none !important; }
  .ob-btn-mobile  { display: inline !important; }
}

/* ════════════════════════════════════════════════════════════════
   KOSZYK — fix asymetryczny padding (wc container query fallback)
   WC blokuje padding-right:4.5% na .wc-block-components-main
   gdy @container nie odpala na mobilce
════════════════════════════════════════════════════════════════ */
@media (max-width: 700px) {
  .woocommerce-cart .wc-block-components-sidebar-layout {
    flex-direction: column !important;
  }
  .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main,
  .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar {
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ════════════════════════════════════════════════════════════════
   KOSZYK MOBILE — definitywny fix symetrii
   ast-plain-container nie ma .ast-container, alignwide ma ujemne
   marginesy — resetujemy wszystko i dajemy padding tylko na bloku.
════════════════════════════════════════════════════════════════ */
@media (max-width: 700px) {
  /* Usuń poziomy padding z ancestorów na stronie koszyka */
  body.woocommerce-cart .site-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.woocommerce-cart .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Reset ujemnych marginesów alignwide */
  body.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Jeden symetryczny padding bezpośrednio na bloku */
  body.woocommerce-cart .wp-block-woocommerce-cart {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
}

/* ── Single product — delikatny zoom zdjęcia na hover ── */
.woocommerce-product-gallery {
  overflow: hidden;
  border-radius: 2px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img,
.woocommerce-product-gallery .flex-viewport img {
  transition: transform .6s ease !important;
  cursor: default !important;
}
.woocommerce-product-gallery:hover .woocommerce-product-gallery__image img,
.woocommerce-product-gallery:hover .flex-viewport img {
  transform: scale(1.05) !important;
}
/* Wyłącz domyślny cursor zoom */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  display: none !important;
}