/* === SaMASZ Variant A: Checkout CSS === */

/* Step header */
.samasz-checkout-steps{
  display:flex; align-items:center; gap:12px; margin:8px 0 20px;
  font-size:16px; line-height:1; flex-wrap:wrap;
}
.samasz-checkout-steps .step{ display:flex; align-items:center; gap:8px; }
.samasz-checkout-steps .dot{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  font-weight:600; font-size:16px;
}
.samasz-checkout-steps .dot--grey{ background:#E9E9E9; color:#848484; }
.samasz-checkout-steps .dot--green{ background:#048A83; color:#fff; }
.samasz-checkout-steps .label{ color:#272727; font-size:16px; }
.samasz-checkout-steps .label--muted{ color:#848484; font-size:16px; }
.samasz-checkout-steps .sep{ color:#848484; }

/* Stack shipping under billing (no template change) */
.woocommerce .col2-set{
  display:flex; flex-direction:column; gap:24px;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
  width:100% !important; float:none !important; clear:both;
}

/* Narrow postcode */
.woocommerce form .form-row-narrow{ max-width:220px; }

/* Remove backgrounds of custom cols */
.checkout-col.billing, .checkout-col.shipping{ background:transparent !important; }

/* Minor spacing tidy-up */
.woocommerce .col2-set .col-1 .woocommerce-billing-fields,
.woocommerce .col2-set .col-2 .woocommerce-shipping-fields{ margin:0; }

/* Hide accidental duplicate headers (safety) */
.samasz-checkout-steps + .samasz-checkout-steps{display:none !important;}


/* === v5.2 updates === */

/* Hide any checkout page title 'Zamówienie' variants on checkout */
.woocommerce-checkout .page-title,
.woocommerce-checkout .entry-title,
.woocommerce-checkout .elementor-heading-title { display:none !important; }

/* Tighter postcode + wider city next to it */
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #shipping_postcode_field{
  width:150px; max-width:150px; margin-right:12px; float:left;
}
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #shipping_city_field{
  width:calc(100% - 162px); /* 150 + 12 gap */
  max-width:none; float:left;
}

/* Make the generic narrow helper even narrower for postcode */
.woocommerce-checkout form .form-row-narrow{ max-width:150px; }

/* Reset margins so fields sit closer */
.woocommerce-checkout #billing_city_field, 
.woocommerce-checkout #shipping_city_field{
  margin-left:0;
}

/* Responsive: stack on small screens */
@media (max-width: 600px){
  .woocommerce-checkout #billing_postcode_field,
  .woocommerce-checkout #shipping_postcode_field,
  .woocommerce-checkout #billing_city_field,
  .woocommerce-checkout #shipping_city_field{
    width:100%; max-width:100%; margin-right:0; float:none;
  }
}


/* Hide 'Koszyk' title too */
.woocommerce-cart .page-title,
.woocommerce-cart .entry-title,
.woocommerce-cart .elementor-heading-title { display:none !important; }

/* Optional: small top margin for steps on cart */
.woocommerce-cart .samasz-checkout-steps{ margin-top: 4px; margin-bottom: 24px;}


/* === v5.4 updates: Cart custom heading and hide breadcrumb === */

/* Hide breadcrumb on cart */
.woocommerce-cart .woocommerce-breadcrumb { display:none !important; }

/* Cart title styling */
.woocommerce-cart .samasz-cart-title{display:flex; align-items:baseline; gap:8px;
  font-size:33px; font-weight:300; color:#272727;
  margin:0 0 12px; margin-top: 0;}
.woocommerce-cart .samasz-cart-title .samasz-cart-count{
  font-size:33px; font-weight:300; color:#272727;
}


/* === v5.5 updates: kill Elementor breadcrumbs on cart, ensure title below steps === */

/* Hide ANY breadcrumbs rendered by Elementor on cart */
.woocommerce-cart .elementor-widget-woocommerce-breadcrumb,
.woocommerce-cart .elementor-widget-breadcrumbs,
.woocommerce-cart .elementor-widget-shortcode .woocommerce-breadcrumb,
.woocommerce-cart .elementor-widget-container .woocommerce-breadcrumb,
.woocommerce-cart .elementor-widget-container .elementor-breadcrumbs,
.woocommerce-cart .elementor-widget-container nav[aria-label="breadcrumb"]{
  display:none !important;
}

/* Small spacing between steps and our title */
.woocommerce-cart .samasz-checkout-steps{ margin-top: 4px; margin-bottom: 24px;}
.woocommerce-cart .samasz-cart-title{ margin-top: 0;}


/* v5.6.4: tylko koszyk — schowaj nieużywany kontener Elementora */
.woocommerce-cart .elementor .elementor-element.elementor-element-1d9b396{
  display:none !important;
}

/* v5.6.4: spójne odstępy nad/pod krokami (24px) na koszyku/checkout/thankyou */
.woocommerce-cart .samasz-checkout-steps,
.woocommerce-checkout .samasz-checkout-steps,
.woocommerce-order-received .samasz-checkout-steps{
  margin:24px 0 !important;
}

/* v5.6.4: checkout — wyrównanie do lewej (sekcje), ale #payment z lewym marginesem 20px */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #order_review{
  margin-left:0 !important;
  padding:28px 0 28px 0px !important;
}
.woocommerce-checkout #payment{
  margin-left:20px !important; /* żądane wcięcie */
}

/* v5.6.4: listy metod bez zbędnych wcięć */
.woocommerce-checkout .woocommerce-shipping-methods{
  margin:0 !important;
  padding-left:0 !important;
  list-style:none !important;
}
.woocommerce-checkout #payment .wc_payment_methods{
  margin:0 !important;
  padding-left:0 !important;
  list-style:none !important;
}

/* v5.6.4: nagłówki "Płatność" i "Wysyłka" — 33px / 300 */
.woocommerce-checkout #payment > h3,
.woocommerce-checkout h3.payment-title,
.woocommerce-checkout .payment_title,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tr.shipping th,
.woocommerce-checkout h3.woocommerce-shipping-methods-title,
.woocommerce-checkout h3.shipping-title{
  font-size:33px !important;
  font-weight:300 !important;
  line-height:1.2 !important;
}


/* v5.6.5: stylistyka nagłówków checkout (klasy): checkout-shipping-title / checkout-payment-title */
.woocommerce-checkout .checkout-shipping-title,
.woocommerce-checkout .checkout-payment-title{
  font-size:33px !important;
  font-weight:300 !important;
  line-height:1.2 !important;
  margin:0 0 30px 0 !important;
}


/* v5.6.7: usuń górne marginesy/paddingi nad listą metod płatności, aby odstęp pod nagłówkami był równy 30px */
.woocommerce-checkout #payment .wc_payment_methods,
.woocommerce-checkout #payment .payment_methods,
.woocommerce-checkout #payment .payment_methods.methods{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* v5.6.7: również lista metod wysyłki bez dodatkowego odstępu z góry */
.woocommerce-checkout .woocommerce-shipping-methods{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* v5.6.7: upewnij się, że pod nagłówkami jest faktycznie 30px */
.woocommerce-checkout .checkout-shipping-title,
.woocommerce-checkout .checkout-payment-title{
  margin:0 0 20px 0 !important;
}

/* v5.6.7: "Wyślij na inny adres" — 26px, 300 */
.woocommerce-checkout h3#ship-to-different-address,
.woocommerce-checkout h3#ship-to-different-address label,
.woocommerce-checkout h3#ship-to-different-address span{
  font-size:26px !important;
  font-weight:300 !important;
  line-height:1.25 !important;
}
.woocommerce-checkout h3#ship-to-different-address label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}


/* v5.6.8: większy margines nad sekcją metod płatności */
.woocommerce-checkout .checkout-payment-methods{
  margin-top:46px !important;
}

/* v5.6.8: mniejsza odległość między billing a shipping */
.woocommerce-checkout .checkout-col.billing{ margin-bottom:12px !important; }
.woocommerce-checkout .checkout-col.shipping{ margin-top:0 !important; }

/* (opcjonalne zabezpieczenie) jeśli używany jest gap w col2-set, zmniejsz go tylko na checkout */
.woocommerce-checkout .col2-set{ gap:12px !important; }


/* v5.6.9: tylko dla kolumny wysyłki — bez górnego paddingu z reguły .checkout-3col .checkout-col */
.checkout-3col .checkout-col.shipping{ padding-top:0 !important; }
/* kontekstowo (na wszelki wypadek większa specyficzność na checkout) */
.woocommerce-checkout .checkout-3col .checkout-col.shipping{ padding-top:0 !important; }


/* v5.6.10: zera na dole dla kolumny billing */
.woocommerce-checkout .checkout-col.billing{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.checkout-3col .checkout-col.billing{
  padding-bottom:0 !important;
}


/* v5.6.12: wyrównanie Terms & Conditions do linii checkout-payment-methods */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  padding-left:0 !important;
  margin-left:20px !important; /* domyślnie jak #payment */
}
/* Jeśli wrapper jest wewnątrz #payment, nie dodawaj dodatkowego wcięcia (parent ma już 20px) */
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{
  margin-left:0 !important;
}


/* v5.6.13: checkout — zerowanie paddingów na wierszach formularza */
.woocommerce-checkout #payment div.form-row{
  padding:0 !important;
}
.woocommerce-checkout form .form-row{
  padding:0 !important;
}


/* Active step emphasis */
.samasz-checkout-steps .step--active .label{ font-weight:600; }