/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2026 | 23:43:52 */
/* ======================================================================
   ======================================================================
   NOTE.radio — CHECKOUT
   ======================================================================
   ====================================================================== */


/* ======================================================================
   CHECKOUT 01. PODSTAWA
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget {
    color: var(--ntr-text);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce {
    width: 100%;

    color: var(--ntr-text);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;
}


/* ======================================================================
   CHECKOUT 02. LOGIN + KUPON
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-form-login-toggle
.woocommerce-info,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-form-coupon-toggle
.woocommerce-info {
    margin: 0 0 16px 0 !important;
    padding: 18px 20px !important;

    background: var(--ntr-white) !important;
    background-image: none !important;

    color: var(--ntr-text-secondary) !important;

    border: 1px solid var(--ntr-border) !important;
    border-left: 4px solid var(--ntr-orange) !important;
    border-radius: var(--ntr-radius-input) !important;

    box-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-form-login-toggle
.woocommerce-info::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-form-coupon-toggle
.woocommerce-info::before {
    display: none !important;
    content: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-info a {
    color: var(--ntr-orange) !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-info a:hover {
    color: var(--ntr-orange-hover) !important;
}


/* ======================================================================
   CHECKOUT 02A. FORMULARZ KUPONU PO ROZWINIĘCIU
   ====================================================================== */


/* Grid uruchamiamy tylko wtedy, gdy WooCommerce pokazuje formularz.
   Dzięki temu nadal można go ponownie schować. */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon:not([style*="display: none"]) {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        220px;

    column-gap: 18px;
    row-gap: 18px;

    align-items: end;

    width: 100% !important;

    margin: 0 0 24px 0 !important;
    padding: 28px !important;

    background: var(--ntr-white) !important;

    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-card) !important;

    box-shadow: var(--ntr-shadow) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;
}


/* ----------------------------------------------------------------------
   Tekst "Jeśli masz kod kuponu..."
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
> p:first-child {
    grid-column: 1 / -1;

    margin: 0 !important;
    padding: 0 0 18px 0 !important;

    color: var(--ntr-text-secondary) !important;

    border-bottom: 1px solid var(--ntr-border) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}


/* ----------------------------------------------------------------------
   Wiersze WooCommerce
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
.form-row {
    float: none !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
.form-row-first {
    grid-column: 1;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
.form-row-last {
    grid-column: 2;
}


/* ----------------------------------------------------------------------
   Pole kodu kuponu
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
input.input-text {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 11px 14px !important;

    background: var(--ntr-white) !important;

    color: var(--ntr-text) !important;

    border: 1px solid var(--ntr-border-input) !important;
    border-radius: var(--ntr-radius-input) !important;

    outline: none !important;
    box-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
input.input-text:focus {
    border-color: var(--ntr-orange) !important;

    box-shadow:
        0 0 0 3px
        rgba(255, 138, 0, .12) !important;
}


/* ----------------------------------------------------------------------
   Przycisk "Zastosuj kupon"
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
button[name="apply_coupon"] {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 11px 18px !important;

    float: none !important;

    background: var(--ntr-orange) !important;
    background-image: none !important;

    color: var(--ntr-white) !important;
    -webkit-text-fill-color: var(--ntr-white) !important;

    border: 1px solid var(--ntr-orange) !important;
    border-radius: var(--ntr-radius-button) !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    cursor: pointer !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
button[name="apply_coupon"]:hover {
    background: var(--ntr-orange-hover) !important;

    border-color: var(--ntr-orange-hover) !important;

    transform: translateY(-1px) !important;
}


/* Wyłączamy dekoracje przycisku Pro.Radio */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
button[name="apply_coupon"]::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout_coupon
button[name="apply_coupon"]::after {
    display: none !important;

    content: none !important;
}


/* ----------------------------------------------------------------------
   MOBILE
   ---------------------------------------------------------------------- */

@media (max-width: 767px) {

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.checkout_coupon:not([style*="display: none"]) {
        grid-template-columns: 1fr;

        gap: 16px;

        padding: 18px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.checkout_coupon
    > p:first-child,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.checkout_coupon
    .form-row-first,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.checkout_coupon
    .form-row-last {
        grid-column: 1;
    }

}


/* ======================================================================
   CHECKOUT 02B. PANEL LOGOWANIA
   ====================================================================== */
/* Formularz logowania:
   grid tylko wtedy, gdy WooCommerce go pokazuje */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login:not([style*="display: none"]) {
    display: grid !important;
}

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login {

    height: auto !important;
    min-height: 0 !important;

    align-content: start !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 24px;
    row-gap: 18px;

    width: 100% !important;

    margin: 0 0 26px 0 !important;
    padding: 28px !important;

    background: var(--ntr-white) !important;

    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-card) !important;

    box-shadow: var(--ntr-shadow) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;
}


/* ----------------------------------------------------------------------
   Tekst wprowadzający
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
> p:first-child {
    grid-column: 1 / -1;

    margin: 0 !important;
    padding: 0 0 20px 0 !important;

    color: var(--ntr-text-secondary) !important;

    border-bottom: 1px solid var(--ntr-border);

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* ----------------------------------------------------------------------
   Usuwamy clearfix WooCommerce
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.clear {
    display: none !important;
}


/* ----------------------------------------------------------------------
   Login + hasło
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.form-row-first,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.form-row-last {
    float: none !important;

    width: 100% !important;

    margin: 0 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.form-row-first {
    grid-column: 1;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.form-row-last {
    grid-column: 2;
}


/* ----------------------------------------------------------------------
   Labels
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
label {
    display: block !important;

    margin: 0 0 7px 0 !important;

    color: var(--ntr-text-secondary) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-transform: none !important;
    letter-spacing: normal !important;
}


/* ----------------------------------------------------------------------
   Pola login / hasło
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
input.input-text {
    width: 100% !important;

    min-height: 48px !important;

    padding: 11px 14px !important;

    background: var(--ntr-white) !important;

    color: var(--ntr-text) !important;

    border: 1px solid var(--ntr-border-input) !important;
    border-radius: var(--ntr-radius-input) !important;

    box-shadow: none !important;
    outline: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
input.input-text:focus {
    border-color: var(--ntr-orange) !important;

    box-shadow:
        0 0 0 3px
        rgba(255, 138, 0, .12) !important;
}


/* ----------------------------------------------------------------------
   reCAPTCHA
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.g-recaptcha {
    grid-column: 1 / -1;

    margin: 0 !important;
}


/* ----------------------------------------------------------------------
   Dolna część logowania — FINAL V3
   ---------------------------------------------------------------------- */

/* WooCommerce dodaje techniczny pusty akapit
   bezpośrednio po reCAPTCHA */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.g-recaptcha + p:not([class]) {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}
/* WooCommerce dodaje dwa <br> w dolnym wierszu logowania.
   W Gridzie tworzą niepotrzebne dodatkowe rzędy. */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
p.form-row:not(.form-row-first):not(.form-row-last)
> br {
    display: none !important;
}

/*
 * WooCommerce trzyma „Zapamiętaj mnie” oraz przycisk Logowanie
 * w jednym <p class="form-row">. Zamiast display: contents
 * robimy z tego akapitu mały, kontrolowany grid. Dzięki temu
 * nie powstają anonimowe/dodatkowe wiersze głównego Gridu.
 */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
p.form-row:not(.form-row-first):not(.form-row-last) {
    grid-column: 1 / -1;
    grid-row: 4;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 24px;
    row-gap: 14px;

    align-items: center;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ----------------------------------------------------------------------
   Zapamiętaj mnie
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.woocommerce-form-login__rememberme {
    grid-column: 1;
    grid-row: 1;

    justify-self: start;
    align-self: center;

    display: inline-flex !important;

    align-items: center;

    gap: 9px;

    margin: 0 !important;

    color: var(--ntr-text-secondary) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    cursor: pointer;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.woocommerce-form-login__rememberme
input[type="checkbox"] {
    flex: 0 0 18px;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    accent-color: var(--ntr-orange);

    cursor: pointer;
}


/* ----------------------------------------------------------------------
   Nie pamiętasz hasła?
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.lost_password {
    grid-column: 2;
    grid-row: 4;

    justify-self: end;
    align-self: start;

    display: flex !important;

    align-items: center;
    justify-content: flex-end;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.lost_password a {
    color: var(--ntr-orange) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;

    white-space: nowrap;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.lost_password a:hover {
    color: var(--ntr-orange-hover) !important;

    text-decoration: underline !important;
}


/* ----------------------------------------------------------------------
   Przycisk logowania
   ---------------------------------------------------------------------- */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button.woocommerce-form-login__submit,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button[type="submit"] {
    grid-column: 1 / -1;
    grid-row: 2;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 50px !important;

    margin: 0 !important;
    padding: 13px 22px !important;

    float: none !important;

    background: var(--ntr-orange) !important;
    background-image: none !important;

    color: var(--ntr-white) !important;
    -webkit-text-fill-color: var(--ntr-white) !important;

    border: 1px solid var(--ntr-orange) !important;
    border-radius: var(--ntr-radius-button) !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    cursor: pointer !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button[type="submit"]:hover {
    background: var(--ntr-orange-hover) !important;

    border-color: var(--ntr-orange-hover) !important;

    transform: translateY(-1px);
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button[type="submit"]::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button[type="submit"]::after {
    content: none !important;

    display: none !important;
}


/* ----------------------------------------------------------------------
   Login — Mobile
   ---------------------------------------------------------------------- */

@media (max-width: 767px) {

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login {
        grid-template-columns: 1fr;

        column-gap: 0;
        row-gap: 16px;

        padding: 18px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    > p:first-child,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    .form-row-first,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    .form-row-last,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    .g-recaptcha {
        grid-column: 1;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    p.form-row:not(.form-row-first):not(.form-row-last) {
        grid-column: 1;
        grid-row: 4;

        grid-template-columns: 1fr;

        row-gap: 14px;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    .woocommerce-form-login__rememberme {
        grid-column: 1;
        grid-row: 1;

        justify-self: start;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    button.woocommerce-form-login__submit,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    button[type="submit"] {
        grid-column: 1;
        grid-row: 2;

        width: 100% !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.woocommerce-form-login.login
    .lost_password {
        grid-column: 1;
        grid-row: 5;

        justify-self: start;
        align-self: start;

        justify-content: flex-start;
    }

}


/* ----------------------------------------------------------------------
   Pokaż / ukryj hasło — FINAL
   ---------------------------------------------------------------------- */

/* Kontener pola hasła */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.password-input {
    position: relative !important;

    display: block !important;

    width: 100% !important;
}


/* Robimy miejsce po prawej stronie na ikonę */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
.password-input
input.input-text {
    padding-right: 52px !important;
}


/* Sam przycisk "Pokaż / ukryj hasło" */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button.show-password-input {
    position: absolute !important;

    top: 50% !important;
    right: 10px !important;

    transform: translateY(-50%) !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    min-width: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 6px !important;

    box-shadow: none !important;
    outline: none !important;

    color: var(--ntr-muted) !important;

    cursor: pointer !important;

    z-index: 5;
}


/*
 * Pro.Radio rysuje ikonę oka jako SVG w ::before.
 * Nie kasujemy background-image.
 * Usuwamy wyłącznie pomarańczowe tło pseudo-elementu.
 */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button.show-password-input::before {
    content: "" !important;

    display: block !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;

    background-color: transparent !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    opacity: .65 !important;

    transition: opacity .2s ease !important;
}


/* ::after z motywu nie jest potrzebne */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button.show-password-input::after {
    content: none !important;

    display: none !important;

    background: none !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* Delikatny hover */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button.show-password-input:hover {
    background: var(--ntr-secondary) !important;

    color: var(--ntr-text) !important;
}


/* Oko mocniejsze po najechaniu */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.woocommerce-form-login.login
button.show-password-input:hover::before {
    opacity: 1 !important;
}


/* ======================================================================
   CHECKOUT 03. GŁÓWNY UKŁAD
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
form.checkout.woocommerce-checkout {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(360px, .85fr);

    column-gap: 30px;
    row-gap: 20px;

    width: 100%;

    align-items: start;
}


/* LEWA KOLUMNA */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#customer_details {
    grid-column: 1;
    grid-row: 1 / span 2;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#customer_details::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#customer_details::after {
    display: none !important;
    content: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#customer_details
.col-1,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#customer_details
.col-2 {
    float: none !important;

    width: 100% !important;

    margin: 0 !important;
}


/* ======================================================================
   CHECKOUT 04. KARTY FORMULARZA
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-billing-fields,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-additional-fields {
    width: 100%;

    padding: 28px !important;

    background: var(--ntr-white) !important;

    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-card) !important;

    box-shadow: var(--ntr-shadow) !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-additional-fields {
    margin-top: 24px !important;
}


/* ======================================================================
   CHECKOUT 05. NAGŁÓWKI — RESET PRO.RADIO
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-billing-fields > h3,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-additional-fields > h3,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review_heading {
    display: block !important;

    position: static !important;

    width: 100% !important;

    margin: 0 0 22px 0 !important;
    padding: 0 0 16px 0 !important;

    background: transparent !important;
    background-image: none !important;

    color: var(--ntr-text) !important;
    -webkit-text-fill-color: var(--ntr-text) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--ntr-border) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.3 !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    text-shadow: none !important;
    box-shadow: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-billing-fields > h3::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-billing-fields > h3::after,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-additional-fields > h3::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.woocommerce-additional-fields > h3::after,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review_heading::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review_heading::after {
    display: none !important;
    content: none !important;
}


/* ======================================================================
   CHECKOUT 06. PRAWA KOLUMNA — TWOJE ZAMÓWIENIE
   ====================================================================== */

/*
 * Nagłówek i zawartość podsumowania znajdują się
 * w tym samym wierszu Grid.
 *
 * Dzięki temu wysokość lewej kolumny nie tworzy
 * pustej przestrzeni pomiędzy nagłówkiem a tabelą.
 */


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review_heading {
    grid-column: 2;
    grid-row: 1;

    align-self: start;

    position: relative !important;
    z-index: 2;

    width: 100% !important;

    margin: 0 !important;

    padding:
        24px 28px 18px !important;

    background:
        var(--ntr-white) !important;

    border:
        1px solid
        var(--ntr-border) !important;

    border-bottom: 0 !important;

    border-radius:
        var(--ntr-radius-card)
        var(--ntr-radius-card)
        0
        0 !important;

    box-shadow: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review {
    grid-column: 2;
    grid-row: 1;

    align-self: start;

    width: 100% !important;

    /*
     * Miejsce na nagłówek "Twoje zamówienie".
     */
    margin: 77px 0 0 0 !important;

    padding:
        0 28px 28px !important;

    background:
        var(--ntr-white) !important;

    border:
        1px solid
        var(--ntr-border) !important;

    border-top: 0 !important;

    border-radius:
        0
        0
        var(--ntr-radius-card)
        var(--ntr-radius-card) !important;

    box-shadow:
        var(--ntr-shadow) !important;
}

/* ======================================================================
   CHECKOUT 07. LABELS
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.form-row label {
    display: block !important;

    margin-bottom: 7px !important;

    color: var(--ntr-text-secondary) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-transform: none !important;
    letter-spacing: normal !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.form-row
.required {
    color: var(--ntr-danger) !important;
}


/* ======================================================================
   CHECKOUT 08. POLA FORMULARZA
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
input.input-text,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
textarea,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
select {
    width: 100% !important;

    min-height: 46px !important;

    padding: 11px 14px !important;

    background: var(--ntr-white) !important;

    color: var(--ntr-text) !important;

    border: 1px solid var(--ntr-border-input) !important;
    border-radius: var(--ntr-radius-input) !important;

    box-shadow: none !important;
    outline: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
textarea {
    min-height: 120px !important;

    resize: vertical;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
input.input-text:focus,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
textarea:focus,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
select:focus {
    border-color: var(--ntr-orange) !important;

    box-shadow:
        0 0 0 3px
        rgba(255, 138, 0, .12) !important;
}


/* ======================================================================
   CHECKOUT 09. SELECT2 — KRAJ / REGION
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.select2-container {
    width: 100% !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.select2-container
.select2-selection--single {
    height: 46px !important;

    background: var(--ntr-white) !important;

    border: 1px solid var(--ntr-border-input) !important;
    border-radius: var(--ntr-radius-input) !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.select2-container
.select2-selection--single
.select2-selection__rendered {
    padding: 8px 38px 8px 14px !important;

    color: var(--ntr-text) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 28px !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.select2-container
.select2-selection--single
.select2-selection__arrow {
    height: 44px !important;

    right: 8px !important;
}


/* ======================================================================
   CHECKOUT 10. ODSTĘPY PÓL
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.form-row {
    margin-bottom: 18px !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.form-row-first,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.form-row-last {
    width: calc(50% - 9px) !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.form-row-first {
    float: left !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
.form-row-last {
    float: right !important;
}


/* ======================================================================
   CHECKOUT 11. TABELA ZAMÓWIENIA
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
table.shop_table {
    width: 100% !important;

    margin: 0 0 24px 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;

    background: transparent !important;

    box-shadow: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
table.shop_table th,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
table.shop_table td {
    padding: 14px 4px !important;

    color: var(--ntr-text-secondary) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--ntr-border) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
table.shop_table th {
    color: var(--ntr-text) !important;

    font-weight: 700 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
table.shop_table td:last-child,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
table.shop_table th:last-child {
    text-align: right !important;

    white-space: nowrap !important;
}


/* ======================================================================
   CHECKOUT 12. ŁĄCZNIE
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
.order-total th {
    color: var(--ntr-text) !important;

    font-size: 16px !important;
    font-weight: 700 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
.order-total td,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
.order-total strong,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#order_review
.order-total
.woocommerce-Price-amount {
    color: var(--ntr-orange) !important;

    font-size: 22px !important;
    font-weight: 700 !important;
}


/* ======================================================================
   CHECKOUT 13. PŁATNOŚĆ — RESET PRO.RADIO
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment.woocommerce-checkout-payment {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment
ul.payment_methods {
    margin: 0 0 22px 0 !important;
    padding: 0 !important;

    list-style: none !important;

    border: 0 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment
li.wc_payment_method {
    margin: 0 !important;
    padding: 18px 0 !important;

    border-bottom: 1px solid var(--ntr-border) !important;
}


/* box metody płatności */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment
.payment_box {
    margin: 14px 0 0 0 !important;
    padding: 18px !important;

    background: var(--ntr-soft-bg) !important;

    color: var(--ntr-text-secondary) !important;

    border: 1px solid var(--ntr-border) !important;
    border-radius: var(--ntr-radius-input) !important;

    box-shadow: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment
.payment_box::before {
    display: none !important;
    content: none !important;
}


/* ======================================================================
   CHECKOUT 14. PRYWATNOŚĆ / REGULAMIN
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment
.woocommerce-privacy-policy-text,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment
.woocommerce-terms-and-conditions-wrapper {
    color: var(--ntr-muted) !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment a {
    color: var(--ntr-orange) !important;

    text-decoration: none !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#payment a:hover {
    color: var(--ntr-orange-hover) !important;
}


/* ======================================================================
   CHECKOUT 15. KUPUJĘ I PŁACĘ
   ====================================================================== */

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#place_order {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 56px !important;

    margin: 22px 0 0 0 !important;
    padding: 15px 22px !important;

    float: none !important;

    background: var(--ntr-orange) !important;
    background-image: none !important;

    color: var(--ntr-white) !important;
    -webkit-text-fill-color: var(--ntr-white) !important;

    border: 1px solid var(--ntr-orange) !important;
    border-radius: var(--ntr-radius-button) !important;

    box-shadow:
        0 6px 16px
        rgba(0, 0, 0, .08) !important;

    text-shadow: none !important;

    font-family:
        Roboto,
        Arial,
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    text-transform: none !important;
    letter-spacing: normal !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#place_order:hover {
    background: var(--ntr-orange-hover) !important;

    border-color: var(--ntr-orange-hover) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 8px 18px
        rgba(0, 0, 0, .10) !important;
}


body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#place_order::before,

body#proradio-body.woocommerce-checkout
.ntr-checkout-widget
#place_order::after {
    display: none !important;

    content: none !important;
}


/* ======================================================================
   CHECKOUT 16. TABLET
   ====================================================================== */

@media (max-width: 1024px) {

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.checkout.woocommerce-checkout {
        grid-template-columns:
            minmax(0, 1.2fr)
            minmax(330px, .8fr);

        gap: 22px;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .woocommerce-billing-fields,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .woocommerce-additional-fields {
        padding: 22px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    #order_review_heading {
        margin: 0 !important;

        padding:
            22px 22px 16px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    #order_review {
        margin: 73px 0 0 0 !important;

        padding:
            0 22px 22px !important;
    }

}


/* ======================================================================
   CHECKOUT 17. MOBILE
   ====================================================================== */

@media (max-width: 767px) {

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    form.checkout.woocommerce-checkout {
        display: block !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    #customer_details {
        margin-bottom: 24px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .woocommerce-billing-fields,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .woocommerce-additional-fields {
        padding: 16px !important;

        border-radius: 10px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .woocommerce-additional-fields {
        margin-top: 18px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    #order_review_heading {
        margin: 0 !important;

        padding:
            18px 16px 14px !important;

        border-radius:
            10px 10px 0 0 !important;

        font-size: 19px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    #order_review {
        margin: 0 !important;

        padding:
            0 16px 16px !important;

        border-radius:
            0 0 10px 10px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .form-row-first,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .form-row-last {
        float: none !important;

        width: 100% !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .woocommerce-billing-fields > h3,

    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    .woocommerce-additional-fields > h3 {
        font-size: 19px !important;
    }


    body#proradio-body.woocommerce-checkout
    .ntr-checkout-widget
    #place_order {
        min-height: 54px !important;

        font-size: 15px !important;
    }

}