/* Mirora — globalny styl WooCommerce (ładowany na każdej stronie z Woo, także home). */

/* ---------- PRZYCISKI (koniec z niebieskim domyślnym) ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart{
  background: var(--mira-text) !important;
  color: var(--mira-bg) !important;
  border: 1px solid var(--mira-text) !important;
  border-radius: 0 !important;
  padding: 11px 22px !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  transition: opacity .2s ease, background .2s ease, color .2s ease !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce #respond input#submit:hover{
  opacity: .85;
}
/* Wariant „ghost" w siatce sklepu — subtelny do momentu najechania */
.woocommerce ul.products li.product .button{
  background: transparent !important;
  color: var(--mira-text) !important;
  border-color: var(--mira-accent) !important;
}
.woocommerce ul.products li.product .button:hover{
  background: var(--mira-text) !important;
  color: var(--mira-bg) !important;
  border-color: var(--mira-text) !important;
  opacity: 1;
}

/* ---------- KARTA BEZ PRZYCISKU „WYBIERZ OPCJE" (jak miandmolly) ---------- */
.woocommerce ul.products li.product .ct-woo-card-actions,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_variable{
  display: none !important;
}

/* ---------- ZNACZEK PROMOCJI ---------- */
.woocommerce span.onsale{
  background: var(--mira-text);
  color: var(--mira-bg);
  border-radius: 0;
  font-size: 10px;
  letter-spacing: 1px;
  min-height: auto;
  min-width: auto;
  padding: 5px 10px;
  line-height: 1;
  top: 10px;
  left: 10px;
}

/* Placeholder brakującego zdjęcia = beżowy obrazek ustawiony w WooCommerce (filtr w functions.php). */
.woocommerce img.woocommerce-placeholder{ opacity: 1 !important; }

/* ---------- PASEK TYTUŁU STRONY (Blocksy .hero-section) → beż zamiast szaro-niebieskiego ---------- */
.hero-section{
  background: var(--mira-beige) !important;
  background-color: var(--mira-beige) !important;
}
/* Na sklepie i archiwach produktów całkowicie ukrywamy pasek tytułu (styl Zalando) */
.woocommerce-shop .hero-section,
.post-type-archive-product .hero-section,
.tax-product_cat .hero-section,
.tax-product_tag .hero-section,
.search-results .hero-section{ display: none !important; }
.hero-section .page-title,
h1.page-title,
h1.entry-title{
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 1px !important;
  color: var(--mira-text) !important;
}