/*
 Theme Name:  Hello Elementor Child
 Template:    hello-elementor
 Description: Motyw potomny dla Hello Elementor na własne modyfikacje.
 Author:      Twoje Imię
 Version:     1.0.0
*/

/* === MOJE NADPISANIA (CSS użytkownika) === */
.page-header .entry-title {
  display: none !important;
}

/* === LEWA KOLUMNA – SEKCJE FORMULARZA (tylko nagłówki kroków checkout) === */
.wp-block-woocommerce-checkout__step-heading h2,
.wp-block-woocommerce-checkout__step-heading h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  color: #2F702D;
  border-left: 4px solid #2F702D;
  padding-left: 10px;
  background: #f4fdf5;
  display: inline-block;
}

/* Odstępy między sekcjami */
.woocommerce-checkout .wp-block-woocommerce-checkout > div {
  margin-bottom: 2rem;
}

/* Drobne wygładzenie odstępów w polach */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  margin-top: 4px;
}

/* === KUPUJĘ I PŁACĘ – naprawiony kolor i hover === */
button.wc-block-components-button.wc-block-components-checkout-place-order-button {
  background-color: #2F702D !important;
  color: #fff !important;
  border-radius: 30px;
  font-weight: 600;
  font-size: 15px;
  transition: background-color 0.3s ease-in-out;
  border: none;
}

button.wc-block-components-button.wc-block-components-checkout-place-order-button:hover {
  background-color: #1b1b1b !important; /* ciemniejszy zielony */
  color: #fff !important;
}

/* === WYBIERZ PUNKT – dodany hover === */
#geowidget_show_map.button.alt {
  background-color: #2F702D !important;
  color: #fff !important;
  border: none;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

#geowidget_show_map.button.alt:hover {
  background-color: #1b1b1b !important; /* ciemniejszy zielony przy hoverze */
  color: #fff !important;
}

/* === PRAWA KOLUMNA – KARTA PODSUMOWANIA === */
/* === Stylowanie prawej kolumny: karta podsumowania === */
.wp-block-woocommerce-checkout-totals-block {
  background: #f9f9f9;
  border: 1.5px solid #2F702D;
  border-radius: 14px;
  padding: 1.5rem;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.04);
  font-size: 14px;
  color: #1b1b1b;
}

/* Nagłówek "Podsumowanie zamówienia" */
.wp-block-woocommerce-checkout-totals-block h2 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #2F702D;
  margin-bottom: 1.2rem;
  text-align: center;
}

/* Nazwa produktu */
.wc-block-components-product-name {
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  margin-bottom: 0.4rem;
}

/* Cena jednostkowa przy nazwie */
.wc-block-components-product-price {
  font-size: 14px;
  font-weight: 400;
  color: #444;
}

/* Informacje dodatkowe (kolor, rozmiar itp.) */
.wc-block-components-product-metadata {
  font-size: 13px;
  color: #666;
  margin-top: 0.2rem;
  line-height: 1.2;
}

/* Łączna kwota – wyróżnienie */
.wc-block-components-totals-footer-item strong {
  font-size: 1.3rem;
  font-weight: 700;
  color: #2F702D;
}

/* === Przycisk ZASTOSUJ – styl spójny z marką === */
.wc-block-components-totals-coupon__button {
  background-color: #2f702d !important;
  color: white !important;
  font-weight: 600;
  border: none !important;
  border-radius: 6px;
  padding: 0.6rem 1.2rem;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
  font-size: 13px;
}

.wc-block-components-totals-coupon__button:hover {
  background-color: #1b1b1b !important;
  color: white !important;
}

/* === Styl dla checkboxów WooCommerce Blocks (Newsletter, Adres etc.) === */
.wc-block-components-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #1b1b1b;
  line-height: 1.4;
}

.wc-block-components-checkbox__input {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px;
  min-height: 16px;
  border: 2px solid #2F702D !important;
  border-radius: 4px;
  background: #fff;
  display: grid;
  place-items: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  padding: 0 !important;
  box-shadow: none !important;
}

.wc-block-components-checkbox__mark {
  width: 10px;
  height: 10px;
  stroke: #2F702D;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  display: none;
}

.wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark {
  display: block;
}

.wp-block-woocommerce-checkout-totals-block .jadeja-cart-edit-link {
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  border-top: 1px dashed #c8e6cc;
  padding-top: 1rem;
}

.wp-block-woocommerce-checkout-totals-block .jadeja-cart-edit-link a {
  font-size: 14px;
  font-weight: 600;
  color: #2F702D;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.wp-block-woocommerce-checkout-totals-block .jadeja-cart-edit-link a:hover {
  color: #1a4d1a;
  text-decoration: none;
}

.woocommerce-checkout header {
  display: none !important;
}

/* Stylizacja całego komunikatu dostępności i wysyłki */
p.stock.in-stock {
  color: #2F702D; /* zieleń marki Jadeja */
  font-weight: 600;
  font-size: 14px;
  background-color: #f0faf2;
  padding: 6px 10px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Dodatkowy tekst po dwukropku */
p.stock.in-stock::after {
  content: " – wysyłka? Migusiem, w max 24 h";
  color: #1b1b1b;
  font-weight: 500;
}

/* Filtr ceny – ukryj etykiety Minimum/Maximum */
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceInputs label.wpfSrOnly[for="wpfMinPrice"],
.wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfPriceInputs label.wpfSrOnly[for="wpfMaxPrice"] {
  display: none !important;
}

/* Sortowanie – ukryj "Sort Products" */
.wpfFilterWrapper[data-filter-type="wpfSortBy"] > label.wpfSrOnly[for="wpfSortProducts"] {
  display: none !important;
}
