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

/* 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;
}