/* =========================================================
   DIANAPARTS - NOVA POSHTA LOGO IN CHECKOUT
   Логотип Новой Почты в форме заказа
   ========================================================= */

.checkout-layout .np-title {
    align-items: center !important;
}

/* заменяем старые круглые НП-бейджи на логотип */
.checkout-layout .np-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    color: transparent !important;
    font-size: 0 !important;
    background: #ffffff url("../img/delivery/nova_poshta_logo.svg") center/84% auto no-repeat !important;
    border: 1px solid rgba(227, 6, 19, 0.18) !important;
    box-shadow: 0 10px 24px rgba(227, 6, 19, 0.16) !important;
    border-radius: 14px !important;
}

.checkout-layout .np-title > .np-logo {
    width: 116px !important;
    height: 52px !important;
    min-width: 116px !important;
}

.checkout-layout .np-logo.small,
.checkout-layout .np-box-head .np-logo {
    width: 74px !important;
    height: 34px !important;
    min-width: 74px !important;
    border-radius: 10px !important;
    box-shadow: 0 7px 18px rgba(227, 6, 19, 0.14) !important;
}

/* более красивый блок доставки */
.checkout-layout .np-delivery-box {
    position: relative !important;
    border: 1px solid rgba(227, 6, 19, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94)),
        radial-gradient(circle at top left, rgba(227,6,19,0.10), transparent 35%) !important;
    box-shadow: 0 16px 38px rgba(10, 24, 48, 0.10) !important;
}

.checkout-layout .np-box-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(227, 6, 19, 0.10) !important;
}

.checkout-layout .np-box-head strong {
    color: #0b1f3a !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
}

/* красный акцент у полей доставки */
.checkout-layout .np-delivery-box label {
    color: #182b45 !important;
    font-weight: 700 !important;
}

.checkout-layout .np-delivery-box input:focus,
.checkout-layout .np-delivery-box select:focus {
    border-color: rgba(227, 6, 19, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.10) !important;
    outline: none !important;
}

.checkout-layout .np-delivery-box::after {
    content: "Доставка Новой Почтой";
    position: absolute;
    top: 14px;
    right: 16px;
    color: rgba(227, 6, 19, 0.72);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2px;
}

@media (max-width: 768px) {
    .checkout-layout .np-title > .np-logo {
        width: 98px !important;
        height: 44px !important;
        min-width: 98px !important;
    }

    .checkout-layout .np-logo.small,
    .checkout-layout .np-box-head .np-logo {
        width: 66px !important;
        height: 30px !important;
        min-width: 66px !important;
    }

    .checkout-layout .np-delivery-box::after {
        display: none;
    }
}