/* =========================
ZMIENNE
========================= */
:root{
--rad-size:14px;
--rad-gap:10px;
--rad-color:#111;
--ship-price-min:110px; /* stała kolumna ceny dostawy */
--row-pad-y:4px; /* pionowy rytm wierszy metod */
--row-gap:4px; /* odstęp w flex-wierszach */
--ship-logo-h:48px; /* docelowa wysokość logo przewoźnika */
}
/* =========================
OGÓLNE
========================= */
.bg-cream{background:#fff3ec;}
.login-register .border{border-color:#e1e1e1!important;}
.white-space-pre{white-space:pre-line;}
.woocommerce form.login,
.woocommerce .woocommerce-form-login{border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;}
.woocommerce-checkout .woocommerce-form-login-toggle{display:none!important;}
/* Krok 2: pokazuj tylko submit */
body.checkout-step-confirm #order_review,
body.checkout-step-confirm #order_review_heading{display:none!important;}
body.checkout-step-confirm #confirm-payment .wc_payment_methods,
body.checkout-step-confirm #confirm-payment .payment_methods,
body.checkout-step-confirm #confirm-payment .woocommerce-privacy-policy-text,
body.checkout-step-confirm #confirm-payment .woocommerce-terms-and-conditions-wrapper{display:none!important;}
#confirm-actions #place_order{width:100%;display:inline-block;}
body.checkout-step-confirm .login-register{display:none!important;}
@media (max-width:576px){
.login-register form.login button[type="submit"],
.login-register .new-client-button{display:block!important;width:100%!important;}
}
/* =========================
POLA FORMULARZA
========================= */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
width:100%;height:48px;padding:12px 14px;border:1px solid #707070!important;border-radius:10px;background:#fff;
font-size:16px;line-height:1.3;color:#222;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:none;
}
.woocommerce-checkout .form-row textarea,
.woocommerce form .form-row textarea{min-height:120px;height:auto;resize:vertical;}
.woocommerce-checkout .form-row input::placeholder,
.woocommerce-checkout .form-row textarea::placeholder{color:#9AA0A6;opacity:1;}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus{
border-color:#707070!important;box-shadow:0 0 0 2px rgba(112,112,112,.12)!important;outline:0;
}
.woocommerce-invalid .input-text,
.woocommerce-invalid select,
.woocommerce-invalid textarea{border-color:#dc3545!important;}
.woocommerce-checkout .form-row [disabled],
.woocommerce-checkout .form-row [readonly]{background:#f5f5f5;color:#9AA0A6;}
.woocommerce form .form-row label{font-weight:600;font-size:15px;margin-bottom:.35rem;}
/* Faktura/Paragon – w jednej linii */
#billing_invoice_type_field .woocommerce-input-wrapper{display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
#billing_invoice_type_field .woocommerce-form__label-for-radio,
#billing_invoice_type_field label{display:inline-flex;align-items:center;gap:8px;margin:0;}
#billing_invoice_type_field input[type=radio]{margin:0;}
#billing_invoice_type_field>label{margin:0 0 .35rem 0;font-weight:600;}
/* Select2 jak input */
.select2-container--default .select2-selection--single{
height:48px;border:1px solid #707070!important;border-radius:10px;padding:0 40px 0 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:48px;padding-left:0;color:#222;font-size:16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;right:12px;}
.select2-container--default.select2-container--open .select2-selection--single{
border-color:#707070!important;box-shadow:0 0 0 2px rgba(112,112,112,.12)!important;
}
/* =========================
LISTY METOD (Dostawa + Płatności)
========================= */
#custom-shipping ul.woocommerce-shipping-methods,
#custom-payments #payment ul.payment_methods{
margin:0;padding:0;list-style:none;
}
/* Wiersz */
#custom-shipping ul.woocommerce-shipping-methods>li{
display:flex;align-items:center;gap:var(--row-gap);
padding:var(--row-pad-y) 0 !important;
border-bottom:0 !important; /* brak stałych dividerów (li+li na końcu) */
margin:0;
}
#custom-payments #payment ul.payment_methods>li{
display:flex;align-items:center;gap:var(--row-gap);
padding:20px 0 !important;
border-bottom:0 !important; /* brak stałych dividerów (li+li na końcu) */
margin:0;
}
/* Radio ukryte, klik na label */
#custom-shipping input[type=radio],
#custom-payments input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
/* Label = wiersz (nie rozpycha – aby logo trzymało się tekstu) */
#custom-shipping ul.woocommerce-shipping-methods>li label,
#custom-payments label{
position:relative;display:inline-flex;align-items:center;gap:8px;min-width:0;
padding-left:calc(var(--rad-size) + var(--rad-gap));
margin:0;font-weight:600;cursor:pointer;flex:0 1 auto;line-height:1.2;
}
/* Kółko radia */
#custom-shipping label::before,
#custom-payments label::before{
content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
width:var(--rad-size);height:var(--rad-size);
border:2px solid var(--rad-color);border-radius:50%;background:#fff;
}
#custom-shipping input[type=radio]:checked + label::after,
#custom-payments input[type=radio]:checked + label::after{
content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);
width:calc(var(--rad-size) - 6px);height:calc(var(--rad-size) - 6px);
border-radius:50%;background:var(--rad-color);
}
#custom-shipping input[type=radio]:focus + label::before,
#custom-payments input[type=radio]:focus + label::before{box-shadow:0 0 0 3px rgba(17,17,17,.22);}
/* ===== DOSTAWA: logo przy nazwie, cena na prawej krawędzi ===== */
/* Rezerwacja miejsca na cenę + kotwica do absolutnej ceny z labela */
#custom-shipping ul.woocommerce-shipping-methods>li{
position:relative;
padding-right:calc(var(--ship-price-min) + 8px); /* miejsce na cenę po prawej */
}
/* Logo wewnątrz labela – tuż po tekście */
#custom-shipping ul.woocommerce-shipping-methods>li label img{
height:var(--ship-logo-h) !important;
width:auto !important;
max-width:none !important;
flex:0 0 auto !important;
margin-left:8px; /* przyklejone do nazwy */
opacity:.95;object-fit:contain;display:block;
}
/* Logo jako bezpośrednie dziecko – ustaw zaraz po labelu (przed ceną) */
#custom-shipping ul.woocommerce-shipping-methods>li > img,
#custom-shipping ul.woocommerce-shipping-methods>li > picture img,
#custom-shipping ul.woocommerce-shipping-methods>li > svg{
order:1; /* za label (który nie rozpycha się) */
height:var(--ship-logo-h) !important;
width:auto !important;
max-width:none !important;
flex:0 0 auto !important;
margin-left:8px; /* przyklejone do nazwy */
opacity:.95;object-fit:contain;display:block;
}
/* CENA:
1) gdy jest w labelu – pozycjonujemy absolutnie do prawej krawędzi */
#custom-shipping ul.woocommerce-shipping-methods>li label .woocommerce-Price-amount,
#custom-shipping ul.woocommerce-shipping-methods>li label .amount{
position:absolute;right:0;top:50%;transform:translateY(-50%);
min-width:var(--ship-price-min);text-align:right;font-weight:700;
}
/* 2) gdy jest poza labelem – klasyczny układ kolumnowy */
#custom-shipping ul.woocommerce-shipping-methods>li > .woocommerce-Price-amount,
#custom-shipping ul.woocommerce-shipping-methods>li > .amount,
#custom-shipping ul.woocommerce-shipping-methods>li > .ship-rate__price{
margin-left:auto;min-width:var(--ship-price-min);text-align:right;font-weight:700;order:9;
}
/* Płatności – cena (gdyby wystąpiła) po prawej */
#custom-payments label .woocommerce-Price-amount{margin-left:auto;font-weight:700;}
/* Płatności – box pod etykietą */
#custom-payments #payment{padding:0!important;background:none!important;border:0!important;}
#custom-payments #payment .payment_box{margin:8px 0 0 calc(var(--rad-size) + var(--rad-gap));padding:0;}
.woocommerce-checkout .payment_box p{display:none;}
/* =========================
PODSUMOWANIE I CTA
========================= */
.checkout-summary{border-radius:.5rem;}
.checkout-summary .h6{font-size:1.15rem;}
form.woocommerce-checkout .place-order{display:none;}
body.checkout-step-confirm form.woocommerce-checkout .place-order{display:block;}
/* =========================
MOBILE
========================= */
@media (max-width:576px){
.checkout-summary .h6{font-size:1rem;}
}
/* Tytuły „Dostawa” i „Płatność” – odstępy na mobile */
@media (max-width: 991.98px){
#step1 .col-lg-6.ps-lg-5 > h5:nth-of-type(1){ margin-top:2rem!important; }
#step1 .col-lg-6.ps-lg-5 > h5:nth-of-type(2){ margin-top:2.5rem!important; }
}
/* CTA na mobile */
@media (max-width: 991.98px){
#checkout-cta-row .cta-next{order:1;flex:0 0 100%!important;max-width:100%!important;text-align:initial;margin-top:1.5rem!important;}
#checkout-cta-row .cta-next .btn{ width:100% !important; }
#checkout-cta-row .cta-back{order:2;flex:0 0 100%!important;max-width:100%!important;text-align:center;}
#checkout-cta-row .cta-back a{ justify-content:start; }
}
/* Desktop CTA */
@media (min-width: 992px){
#checkout-cta-row .cta-back{text-align:left;}
#checkout-cta-row .cta-next{text-align:right;}
}
/* Walidacja */
#step1 .is-invalid{border-color:#dc3545!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.08);}
#step1 .has-error .select2-selection{border-color:#dc3545!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.08);}
#custom-shipping.field-error,#custom-payments.field-error{outline:2px solid #dc3545;outline-offset:2px;border-radius:8px;}
.woocommerce-notices-wrapper .woocommerce-error{margin-top:1rem;}
/* Akcent zaznaczenia w listach */
#custom-shipping ul.woocommerce-shipping-methods li label{font-weight:400;}
#custom-shipping ul.woocommerce-shipping-methods li.is-selected label,
#custom-shipping ul.woocommerce-shipping-methods li.is-selected label *{font-weight:700;}
#custom-payments .wc_payment_method label{font-weight:400;}
#custom-payments .wc_payment_method.is-selected label,
#custom-payments .wc_payment_method.is-selected label *{font-weight:700;}
/* Checkout summary – lewa kolumna 100% */
@media (min-width:768px){
#checkout-summary .row.align-items-center > .col-md-8{flex:0 0 100%!important;max-width:100%!important;width:100%!important;}
#checkout-summary .row.align-items-center > .col-md-4{flex:0 0 0!important;max-width:0!important;width:0!important;padding:0!important;overflow:hidden;}
}
/* Divider nad „Łącznie do zapłaty” */
#checkout-summary .d-flex.align-items-center.mt-2{border-top:1px solid #e6e6e6;padding-top:.75rem;margin-top:1rem!important;}
/* Ukryj komunikaty pustego koszyka */
.woocommerce-cart .wc-empty-cart-message,
.woocommerce-cart .cart-empty.woocommerce-info{display:none!important;}
.woocommerce-cart .return-to-shop{display:none!important;}
/* Checkbox – spójny wygląd */
.woocommerce-checkout input[type="checkbox"],
.woocommerce .form-check-input,
.woocommerce .input-checkbox{
-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
position:relative;width:16px;height:16px;border:1px solid #000!important;background:#fff!important;
box-shadow:none!important;cursor:pointer;border-radius:4px;
}
.woocommerce-checkout input[type="checkbox"]:checked,
.woocommerce .form-check-input:checked,
.woocommerce .input-checkbox:checked{
background-color:#1a73e8!important;border-color:#1a73e8!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12.5 L10 17.5 L19 7.5' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important;
}
.woocommerce-checkout input[type="checkbox"]:focus,
.woocommerce .form-check-input:focus,
.woocommerce .input-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(26,115,232,.25)!important;}
/* Drobne przyciski */
.new-client-button{border-color:#000!important;color:#000!important;background:#fff;border-radius:7px;}
.new-client-button:hover{background:#000!important;color:#fff!important;}
/* =========================
FLOATING LABELS (#customer_details)
========================= */
#customer_details p.form-row{position:relative;margin-bottom:.9rem;}
#customer_details p.form-row[class^="mt-"],
#customer_details p.form-row[class*=" mt-"],
#customer_details p.form-row > label[class^="mt-"],
#customer_details p.form-row > label[class*=" mt-"]{margin-top:0!important;}
#customer_details .wc-flabel{
position:absolute;left:12px;top:-6px;background:#fff;padding:0 6px;
font-size:.72rem;line-height:1.2;color:#6c757d;opacity:0;transform:translateY(6px);
transition:opacity .15s ease, transform .15s ease;z-index:1;pointer-events:none;
}
#customer_details p.form-row.wc-focused .wc-flabel,
#customer_details p.form-row.wc-has-value .wc-flabel{opacity:1;transform:translateY(0);}
#customer_details .select2-selection{min-height:38px;display:flex;align-items:center;}
/* Ukryj natywne labelki (używamy .wc-flabel) */
#customer_details p.form-row>label{
position:absolute!important;width:1px;height:1px;padding:0;margin:0;overflow:hidden;
clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
/* Guttery/marginesy dla #customer_details */
#customer_details{margin-top:0!important;}
#customer_details > *:first-child{padding-top:0!important;}
/* Dodatkowe odstępy w sekcji billing */
.woocommerce-billing-fields > div{margin-bottom:12px!important;}
.woocommerce-billing-fields > .fw-bold{margin-bottom:24px!important;}
.woocommerce-billing-fields__field-wrapper > .row{margin-top:0!important;}
@media (max-width:576px){
#customer_details .row.g-3{--bs-gutter-y:.5rem;--bs-gutter-x:.5rem;}
#customer_details p.form-row .form-control,
#customer_details p.form-row select,
#customer_details p.form-row textarea,
#customer_details .select2-container .select2-selection{margin-bottom:.25rem!important;}
#customer_details .wc-flabel{top:3px;left:6px;padding:0 3px;}
}
/* Delikatne dividery między opcjami (dostawa + płatności) */
#custom-shipping ul.woocommerce-shipping-methods>li+li,
#custom-payments #payment ul.payment_methods>li+li{border-top:1px solid #e9ecef!important;}
/* ceny nigdy się nie łamią */
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi,
.amount,
#sum-subtotal,#sum-shipping,#sum-total,
.js-sum-total,.js-sum-shipping-amount,
#confirm-items .text-end .woocommerce-Price-amount { white-space: nowrap; }
/* Mobile: wyrównaj e-mail i telefon do lewej (także placeholdery) */
@media (max-width: 767.98px) {
input[type="email"],
input[type="tel"] {
text-align: left !important;
}
input[type="email"]::placeholder,
input[type="tel"]::placeholder {
text-align: left !important;
opacity: 1; /* nie zmieniamy przy okazji przezroczystości */
}
}
/* Schowaj paski notyfikacji Woo wszędzie */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
display: none !important;
}
/* Checkout – mniejsze czerwone komunikaty błędów pod polami */
.woocommerce .checkout .wc-field-error,
.woocommerce .checkout .wc-block-error {
font-size: 0.75rem; /* ok. 12px, mniejsze niż Bootstrap .small (0.875rem) */
line-height: 1.2;
}
/* trochę mniejszy odstęp pod polem */
.woocommerce .checkout p.form-row .wc-field-error {
margin-top: 0.25rem; /* było mt-1 (~0.25rem) – zostaw/zmień wg uznania */
}