/* Checkout oldal - fehér háttér konténereknek */

/* =====================================================
   Checkout lépések és form validáció - brand szín
   Primary button: #007cba (CUSTOM_CSS_BTN_PRIMARY_BG)
   ===================================================== */

/* Checkout lépések - teljesített (success) állapot */
.checkout__steps--success .checkout__steps__number,
.checkout__steps--current:before {
    background: #007cba !important;
}
.checkout__steps--success .checkout__steps__text {
    color: #007cba !important;
}
.checkout__steps--success:after,
.checkout__steps--success:before {
    background: #007cba !important;
}
.checkout__steps .nav-tabs .checkout__steps--success .nav-link.active {
    color: #007cba !important;
}

/* Form validáció - zöld helyett brand szín */
:root {
    --bs-form-valid-color: #007cba;
    --bs-form-valid-border-color: #007cba;
}
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #007cba !important;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #007cba !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 124, 186, 0.25) !important;
}
.valid-feedback {
    color: #007cba !important;
}
.was-validated .form-control:valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-feedback {
    color: #007cba !important;
}
/* Pipa ikon SVG - brand szín */
.was-validated .form-control:valid,
.form-control.is-valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23007cba' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
}

/* Aktív tab tartalom - ez a fő konténer */
.tab-content > .active {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* Kosár összesítő jobb oldalon */
#order-summary-content {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* Form footer - fekete sáv fix */
.form-footer {
    background-color: transparent !important;
}

/* Családnév és Keresztnév egy sorba */
.js-address-form .field-firstname-container,
.js-address-form .field-lastname-container {
    display: inline-block !important;
    width: 49% !important;
    vertical-align: top !important;
}

.js-address-form .field-firstname-container {
    margin-right: 2% !important;
}

/* Szállítási módok - térköz a 3 oszlop jobb oldalához */
.delivery-options__item .delivery-option {
    padding-right: 15px !important;
}

.delivery-options__item .row > div {
    padding-right: 15px !important;
}

/* Mobilon */
@media (max-width: 767px) {
    .tab-content > .active,
    #order-summary-content {
        padding: 15px !important;
    }

    /* Mobilon maradjon alul-felül */
    .js-address-form .field-firstname-container,
    .js-address-form .field-lastname-container {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* Fix delivery options layout - wider left column for carrier name */
.delivery-option__left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    .delivery-option__left {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .delivery-option__left {
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
}

/* Ensure proper spacing and alignment */
.delivery-option {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* Center align carrier price */
.delivery-option .carrier-price {
    text-align: right !important;
}

/* Fix delivery options layout - adjust column widths */

/* Desktop - make left column wider for carrier name */
@media (min-width: 576px) {
    .delivery-option__left.col-sm-4 {
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }
    
    .delivery-option__center.col-sm-4 {
        flex: 0 0 35% !important;
        max-width: 35% !important;
    }
    
    .delivery-option__right.col-sm-4 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        text-align: right !important;
    }
}

/* Reduce padding between columns */
.delivery-option__left,
.delivery-option__center,
.delivery-option__right {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Reduce logo size to save space */
.carrier__logo.col-md-4 {
    flex: 0 0 60px !important;
    max-width: 60px !important;
    padding-right: 5px !important;
}

.carrier__logo img {
    max-width: 50px !important;
}

/* Reduce description font size */
.delivery-option__center {
    font-size: 0.9rem !important;
}