/* =================================================================
   LAYOUT - Constrain content to 1172px max-width (DESKTOP ONLY)
   ================================================================= */

@media only screen and (min-width: 768px) {
    /* Checkout page */
    .checkout-index-index .cdz-opc-wrapper {
        max-width: 1172px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Megamenu */
    .cdz-menu {
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Override groupmenu width */
    .cdz-horizontal-menu > .groupmenu,
    .page-header .sticky-menu:not(.active) .header-menu-wrap.text-center .cdz-horizontal-menu > .groupmenu {
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Increase vertical spacing between header and megamenu */
    .page-header .header-middle {
        margin-bottom: 5px !important;
    }

    /* Row container */
    .row {
        max-width: 1172px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Remove left/right padding from tabs */
    .cdz-tabs.df-tabs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Main content */
    #maincontent {
        max-width: 1150px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Breadcrumbs */
    .breadcrumbs {
        max-width: 1172px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Category view - remove left/right padding */
    .category-view {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Remove padding from page-main content - exclude checkout */
    .breadcrumbs .items,
    body:not(.checkout-index-index) .page-main:not(.page-main-full) > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Header content */
    .page-header .header-middle .header-panel-container {
        padding-top: 20px;
        padding-bottom: 20px;
        max-width: 1152px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #header-top {
        max-width: 1152px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .col-sm-7.col-md-7.col-lg-5.header-panel-right {
        padding-right: 0 !important;
    }

    /* Hide colectii button (header-vertical-menu-wrap) on desktop only */
    .header-vertical-menu-wrap {
        display: none !important;
    }

    /* Footer - Constrain content width */
    .page-footer .row.middle-top,
    .page-footer .row.middle-bottom {
        max-width: 1152px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Fix alignment for 1200px-1720px range */
@media only screen and (min-width: 1200px) and (max-width: 1720px) {
    .sticky-menu.active .panel.wrapper,
    .breadcrumbs .items,
    .page-main:not(.page-main-full) > div,
    .container {
        padding-inline: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Fix alignment for > 1720px */
@media only screen and (min-width: 1721px) {
    .sticky-menu.active .panel.wrapper,
    .breadcrumbs .items,
    .page-main:not(.page-main-full) > div,
    .container {
        padding-inline: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Header bottom shadow - applies to all */
.page-header.header-style-15 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Sticky menu spacing */
.page-header .sticky-menu.active .header-menu-wrap,
.page-header.header-style-15 .sticky-menu.active .header-menu-wrap,
html body .sticky-menu.active .header-menu-wrap {
    margin-top: -5px !important;
    margin-bottom: 10px !important;
}

/* Remove red background from megamenu parent containers */
.cdz-menu-container,
.menu-wrapper,
.header-bottom,
.nav-sections {
    background: transparent !important;
}

/* =================================================================
   NEWSLETTER FORM - Input and button joined as one pill
   ================================================================= */

/* Form container - flex row (DESKTOP) */
@media only screen and (min-width: 768px) {
    .form.subscribe {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }

    /* Field container - flex grow */
    .form.subscribe .field.newsletter {
        flex: 1 1 auto !important;
        margin: 0 !important;
    }

    /* Hide the label */
    .form.subscribe .field.newsletter .label {
        display: none !important;
    }

    /* Input field - left rounded corners, no right border */
    .form.subscribe #newsletter {
        border-radius: 20px 0 0 20px !important;
        border: 1px solid #ccc !important;
        border-right: none !important;
        height: 36px !important;
        box-sizing: border-box !important;
        padding: 0 15px !important;
        width: 100% !important;
    }

    /* Actions container */
    .form.subscribe .actions {
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    /* Button - right rounded corners */
    .form.subscribe .action.subscribe {
        border-radius: 0 20px 20px 0 !important;
        border: 1px solid #ed3f46 !important;
        border-left: none !important;
        background: #ed3f46 !important;
        color: #fff !important;
        height: 36px !important;
        padding: 0 25px !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        margin: 0 !important;
        line-height: 34px !important;
        font-size: 14px !important;
    }

    .form.subscribe .action.subscribe:hover {
        background: #d63840 !important;
        border-color: #d63840 !important;
    }
}

/* =================================================================
   MINICART - Position dropdown aligned to right of button
   ================================================================= */

/* Ensure wrapper is positioned for dropdown alignment */
.minicart-wrapper {
    position: relative !important;
}

/* Align minicart dropdown to right side of button */
.minicart-wrapper .cdz-dropdown .cdz-dd-content {
    right: 0 !important;
    left: auto !important;
}

/* =================================================================
   DISCOUNT CODE FIELD - Input and button joined as one pill (DESKTOP)
   ================================================================= */

@media only screen and (min-width: 768px) {
    /* Form container - flex row, align items at top */
    #discount-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        align-items: flex-start !important;
    }

    /* Input wrapper - flex grow */
    #discount-form .payment-option-inner {
        flex: 1 1 auto !important;
    }

    /* Field - relative for error positioning, fixed height */
    #discount-form .field {
        position: relative !important;
        height: 36px !important;
        margin: 0 !important;
    }

    /* Hide the label */
    #discount-form .field .label {
        display: none !important;
    }

    /* Actions toolbar - no margin */
    #discount-form .actions-toolbar {
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    #discount-form .actions-toolbar .primary {
        margin: 0 !important;
    }

    /* Input field - left rounded corners, no right border */
    #discount-code {
        border-radius: 20px 0 0 20px !important;
        border-right: none !important;
        border-color: #ccc !important;
        height: 36px !important;
        box-sizing: border-box !important;
        padding: 0 15px !important;
        width: 100% !important;
    }

    /* Button - right rounded corners, no left border */
    #discount-form .action-apply,
    #discount-form .action-cancel {
        border-radius: 0 20px 20px 0 !important;
        border: 1px solid #ed3f46 !important;
        border-left: none !important;
        background: #ed3f46 !important;
        color: #fff !important;
        height: 36px !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        margin-left: 0 !important;
        line-height: 34px !important;
    }

    #discount-form .action-apply:hover {
        background: #d63840 !important;
        border-color: #d63840 !important;
    }

    #discount-form .action-cancel {
        background: #666 !important;
        border-color: #666 !important;
    }

    #discount-form .action-cancel:hover {
        background: #555 !important;
        border-color: #555 !important;
    }

    /* Error message - absolute positioned below the field */
    #discount-form div.mage-error {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        font-size: 12px !important;
        margin-top: 3px !important;
        white-space: nowrap !important;
    }
}

/* =================================================================
   CHECKOUT FIELDS LAYOUT (DESKTOP ONLY)
   ================================================================= */

@media only screen and (min-width: 768px) {
    /* Hide default company field in billing address (not company_name) */
    .cdz-opc-wrapper .payment-method .field[name="billingAddressshared.company"],
    .cdz-opc-wrapper .payment-method .field[name="billingAddressbraintree.company"],
    .cdz-opc-wrapper .payment-method .field[name="billingAddresscheckmo.company"],
    .cdz-opc-wrapper .payment-method .field[name="billingAddresscashondelivery.company"],
    .cdz-opc-wrapper .payment-method .field[name="billingAddressbanktransfer.company"],
    .cdz-opc-wrapper .payment-method .field[name="billingAddresspurchaseorder.company"],
    .cdz-opc-wrapper .billing-address-form .field[name="billingAddress.company"] {
        display: none !important;
    }

    /* Make firstname and lastname half-width on same row - matching Codazon theme */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"],
    .cdz-opc-wrapper .payment-method .field[name$=".firstname"],
    .cdz-opc-wrapper .payment-method .field[name$=".lastname"],
    .cdz-opc-wrapper .field[name="billingAddress.firstname"],
    .cdz-opc-wrapper .field[name="billingAddress.lastname"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".firstname"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".lastname"],
    .billing-address-form .field[name*="firstname"],
    .billing-address-form .field[name*="lastname"] {
        width: calc(50% - 10px) !important;
        float: left !important;
        margin-right: 0 !important;
    }

    /* Add left margin only to lastname fields - billing */
    .cdz-opc-wrapper .payment-method .field[name$=".lastname"],
    .cdz-opc-wrapper .field[name="billingAddress.lastname"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".lastname"],
    .billing-address-form .field[name*="lastname"] {
        margin-left: 15px !important;
    }

    /* Add left margin to CUI field - billing */
    .cdz-opc-wrapper .payment-method .field[name$=".cui"],
    .cdz-opc-wrapper .field[name="billingAddress.cui"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.cui"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".cui"],
    .billing-address-form .field[name*="cui"] {
        margin-left: 15px !important;
    }

    /* Billing firstname/lastname - slightly narrower than shipping */
    .cdz-opc-wrapper .payment-method .field[name$=".firstname"],
    .cdz-opc-wrapper .payment-method .field[name$=".lastname"],
    .cdz-opc-wrapper .field[name="billingAddress.firstname"],
    .cdz-opc-wrapper .field[name="billingAddress.lastname"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".firstname"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".lastname"],
    .billing-address-form .field[name*="firstname"],
    .billing-address-form .field[name*="lastname"] {
        width: calc(49% - 10px) !important;
    }

    /* Shipping lastname - closer to firstname */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"] {
        margin-left: 10px !important;
    }

    /* Make company name and CUI fields half-width like firstname/lastname */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.company_name"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.company_name"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.cui"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.cui"],
    .cdz-opc-wrapper .field[name="billingAddress.company_name"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.company_name"],
    .cdz-opc-wrapper .field[name="billingAddress.cui"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.cui"],
    .cdz-opc-wrapper .payment-method .field[name$=".company_name"],
    .cdz-opc-wrapper .payment-method .field[name$=".cui"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".company_name"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".cui"],
    .billing-address-form .field[name*="company_name"],
    .billing-address-form .field[name*="cui"] {
        width: calc(50% - 10px) !important;
        float: left !important;
        margin-right: 0 !important;
    }

    /* Billing company_name/CUI - slightly narrower than shipping */
    .cdz-opc-wrapper .field[name="billingAddress.company_name"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.company_name"],
    .cdz-opc-wrapper .field[name="billingAddress.cui"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.cui"],
    .cdz-opc-wrapper .payment-method .field[name$=".company_name"],
    .cdz-opc-wrapper .payment-method .field[name$=".cui"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".company_name"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".cui"],
    .billing-address-form .field[name*="company_name"],
    .billing-address-form .field[name*="cui"] {
        width: calc(49% - 10px) !important;
    }

    /* Company name starts a new row (clear both) */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.company_name"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.company_name"],
    .cdz-opc-wrapper .field[name="billingAddress.company_name"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.company_name"],
    .cdz-opc-wrapper .payment-method .field[name$=".company_name"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".company_name"],
    .billing-address-form .field[name*="company_name"] {
        clear: both !important;
    }

    /* Add left margin to CUI field - shipping only */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.cui"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.cui"] {
        margin-left: 10px !important;
    }

    /* Phone/Telephone field styling for both shipping and billing */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.telephone"],
    .cdz-opc-wrapper .field[name="billingAddress.telephone"],
    .cdz-opc-wrapper .payment-method .field[name$=".telephone"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".telephone"],
    .billing-address-form .field[name*="telephone"] {
        width: calc(100% - 10px) !important;
        clear: both;
    }

    /* Ensure proper clearing after these fields */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.is_legal_entity"],
    .cdz-opc-wrapper .field[name="billingAddress.is_legal_entity"],
    .cdz-opc-wrapper .payment-method .field[name$=".is_legal_entity"] {
        clear: both;
        width: calc(100% - 10px);
    }

    /* Street address fields layout */
    /* Hide the second street line (Line 1 - we don't need it) */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.street.1"],
    .cdz-opc-wrapper .field[name="billingAddress.street.1"],
    .cdz-opc-wrapper .payment-method .field[name$=".street.1"] {
        display: none !important;
    }

    /* Street parent fieldset - make it 40% width and float left */
    .cdz-opc-wrapper #shipping-new-address-form .fieldset div.field.street,
    .cdz-opc-wrapper #shipping-new-address-form .street,
    #shipping-new-address-form div.field.street,
    .cdz-opc-wrapper .payment-method .fieldset div.field.street,
    .cdz-opc-wrapper .payment-method .street,
    .payment-method div.field.street,
    .cdz-opc-wrapper .payment-method._active .billing-address-form div.field.street,
    .cdz-opc-wrapper .payment-method._active div.field.street,
    .billing-address-form div.field.street,
    .cdz-opc-wrapper .checkout-billing-address-section div.field.street,
    .checkout-billing-address-section div.field.street,
    .cdz-opc-wrapper .checkout-billing-address-section .field[name*="street.0"],
    .checkout-billing-address-section .field[name*="street.0"],
    .cdz-opc-wrapper .field[name="billingAddressshared.street.0"],
    .cdz-opc-wrapper .field[name*="billingAddress"][name*=".street.0"],
    .cdz-opc-wrapper .billing-address-form .field[name$=".street.0"] {
        width: calc(40% - 10px) !important;
        float: left !important;
        clear: both !important;
        max-width: calc(40% - 10px) !important;
        margin-right: 10px !important;
    }

    /* Billing address street field - direct selector for shared billing form */
    .field[name="billingAddressshared.street.0"],
    .field[name^="billingAddress"][name$=".street.0"] {
        width: calc(40% - 10px) !important;
        float: left !important;
        clear: both !important;
        max-width: calc(40% - 10px) !important;
        margin-right: 10px !important;
    }

    /* Billing address form - street fieldset 40% width */
    .billing-address-form fieldset.field.street,
    .billing-address-form .field.street {
        width: calc(40% - 10px) !important;
        float: left !important;
        clear: both !important;
        max-width: calc(40% - 10px) !important;
        margin-right: 10px !important;
    }

    /* Make the street input inside take full width of its container */
    .billing-address-form fieldset.field.street .field,
    .billing-address-form fieldset.field.street .control,
    .billing-address-form fieldset.field.street input.input-text {
        width: 100% !important;
        max-width: 100% !important;
    }

/* Billing address - street detail fields on same row as street */
.billing-address-form .field[name="billingAddress.custom_attributes.street_number"],
.billing-address-form .field[name="billingAddress.custom_attributes.street_bloc"],
.billing-address-form .field[name="billingAddress.custom_attributes.street_scara"],
.billing-address-form .field[name="billingAddress.custom_attributes.street_apartament"] {
    width: calc(15% - 10px) !important;
    float: left !important;
    clear: none !important;
    margin-right: 10px !important;
}

/* Număr, Bloc, Etaj, Apartament - 15% width each (original working version) */
.cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_number"],
.cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_bloc"],
.cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_scara"],
.cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_apartament"],
.cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_number"],
.cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_bloc"],
.cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_scara"],
.cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_apartament"],
.cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_number"],
.cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_bloc"],
.cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_scara"],
.cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_apartament"],
.cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_number"],
.cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_bloc"],
.cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_scara"],
.cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_apartament"],
.billing-address-form .field[name*="street_number"],
.billing-address-form .field[name*="street_bloc"],
.billing-address-form .field[name*="street_scara"],
.billing-address-form .field[name*="street_apartament"],
/* Shared billing address form (afterMethods) */
.field[name*="billingAddressshared"][name*="street_number"],
.field[name*="billingAddressshared"][name*="street_bloc"],
.field[name*="billingAddressshared"][name*="street_scara"],
.field[name*="billingAddressshared"][name*="street_apartament"],
.checkout-billing-address-section .field[name*="street_number"],
.checkout-billing-address-section .field[name*="street_bloc"],
.checkout-billing-address-section .field[name*="street_scara"],
.checkout-billing-address-section .field[name*="street_apartament"] {
    width: calc(15% - 10px) !important;
    float: left !important;
    margin-right: 10px !important;
}
    /* Număr, Bloc, Etaj, Apartament - 15% width each (original working version) */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_number"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_bloc"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_etaj"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.street_apartament"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_number"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_bloc"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_etaj"],
    .cdz-opc-wrapper .field[name="billingAddress.custom_attributes.street_apartament"],
    .cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_number"],
    .cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_bloc"],
    .cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_etaj"],
    .cdz-opc-wrapper .payment-method .field[name*=".custom_attributes.street_apartament"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_number"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_bloc"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_etaj"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name*="street_apartament"],
    .billing-address-form .field[name*="street_number"],
    .billing-address-form .field[name*="street_bloc"],
    .billing-address-form .field[name*="street_etaj"],
    .billing-address-form .field[name*="street_apartament"],
    /* Shared billing address form (afterMethods) */
    .field[name*="billingAddressshared"][name*="street_number"],
    .field[name*="billingAddressshared"][name*="street_bloc"],
    .field[name*="billingAddressshared"][name*="street_etaj"],
    .field[name*="billingAddressshared"][name*="street_apartament"],
    .checkout-billing-address-section .field[name*="street_number"],
    .checkout-billing-address-section .field[name*="street_bloc"],
    .checkout-billing-address-section .field[name*="street_etaj"],
    .checkout-billing-address-section .field[name*="street_apartament"] {
        width: calc(15% - 10px) !important;
        float: left !important;
        margin-right: 10px !important;
    }

    /* Billing address - Tara (country) on same row with Judet */
    .cdz-opc-wrapper .payment-method .field[name$=".country_id"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".country_id"],
    .cdz-opc-wrapper .field[name="billingAddress.country_id"],
    .billing-address-form .field[name*="country_id"] {
        width: 46% !important;
        float: left !important;
        margin-right: 5px !important;
        clear: both !important;
    }

    /* Billing address - Localitate (region) on same row with Tara */
    .cdz-opc-wrapper .payment-method .field[name$=".region_id"],
    .cdz-opc-wrapper .payment-method .field[name$=".region"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".region_id"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".region"],
    .cdz-opc-wrapper .field[name="billingAddress.region_id"],
    .cdz-opc-wrapper .field[name="billingAddress.region"],
    .billing-address-form .field[name*="region_id"],
    .billing-address-form .field[name*="region"] {
        width: 46% !important;
        float: left !important;
        margin-right: 5px !important;
        margin-left: 10px !important;
        clear: none !important;
    }

    /* Billing address - Oras (city) starts new row */
    .cdz-opc-wrapper .payment-method .field[name$=".city"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".city"],
    .cdz-opc-wrapper .field[name="billingAddress.city"],
    .billing-address-form .field[name*="city"] {
        width: 46% !important;
        float: left !important;
        margin-right: 5px !important;
        clear: both !important;
    }

    /* Billing address - Cod Postal (postcode) on same row with Oras */
    .cdz-opc-wrapper .payment-method .field[name$=".postcode"],
    .cdz-opc-wrapper .payment-method._active .billing-address-form .field[name$=".postcode"],
    .cdz-opc-wrapper .field[name="billingAddress.postcode"],
    .billing-address-form .field[name*="postcode"] {
        width: 46% !important;
        float: left !important;
        margin-right: 5px !important;
        margin-left: 10px !important;
        clear: none !important;
    }

    /* Billing address - fix Ap. field to not be wider and align properly */
    .billing-address-form .field[name*="street_apartament"],
    .cdz-opc-wrapper .payment-method .field[name*="street_apartament"],
    .checkout-billing-address-section .field[name*="street_apartament"] {
        margin-right: 0 !important;
    }

    /* Ensure street fields row aligns with Localitate/Cod postal row */
    .billing-address-form fieldset.field.street,
    .cdz-opc-wrapper .payment-method fieldset.field.street {
        width: 46% !important;
        float: left !important;
        clear: both !important;
    }
}

/* Hide outer label for Persoana Juridica checkbox (keep only inline label next to checkbox) */
.checkout-index-index .field[name*="is_legal_entity"] > .label,
.cdz-opc-wrapper .field[name*="is_legal_entity"] > .label {
    display: none !important;
}

/* =================================================================
   CHECKOUT ADDRESS MODAL POPUP - Specific styling for "New Address" modal
   Only targets #opc-new-shipping-address to avoid affecting other forms
   ================================================================= */

@media only screen and (min-width: 768px) {
    /* Modal popup width - override default 800px */
    .checkout-index-index .modal-popup .modal-inner-wrap {
        width: 600px !important;
        margin-left: -300px !important;
    }

    /* Country + Județ on same line */
    #opc-new-shipping-address .field[name="shippingAddress.country_id"] {
        display: inline-block !important;
        width: calc(50% - 7.5px) !important;
        vertical-align: top !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }

    /* Prenume + Nume on same line */
    #opc-new-shipping-address .field[name="shippingAddress.firstname"],
    #opc-new-shipping-address .field[name="shippingAddress.lastname"] {
        display: inline-block !important;
        width: calc(50% - 7.5px) !important;
        vertical-align: top !important;
        float: none !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.firstname"] {
        margin-right: 15px !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.lastname"] {
        margin-right: 0 !important;
    }

    /* Nume Firmă + CUI - HIDDEN by default (only shown when Persoana Juridica is checked) */
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.company_name"],
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.cui"] {
        display: none !important;
        width: calc(50% - 7.5px) !important;
        vertical-align: top !important;
        float: none !important;
    }
    /* Show company_name and cui when legal entity mode is active */
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.custom_attributes.company_name"],
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.custom_attributes.cui"] {
        display: inline-block !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.company_name"] {
        margin-right: 15px !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.cui"] {
        margin-right: 0 !important;
    }
    /* Hide firstname/lastname when legal entity mode is active */
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.firstname"],
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.lastname"] {
        display: none !important;
    }

    /* Județ on same line as Country (above) */
    #opc-new-shipping-address .field[name="shippingAddress.region_id"] {
        display: inline-block !important;
        width: calc(50% - 7.5px) !important;
        vertical-align: top !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    /* Localitate + Cod Postal on same line */
    #opc-new-shipping-address .field[name="shippingAddress.city"] {
        display: inline-block !important;
        width: calc(50% - 7.5px) !important;
        vertical-align: top !important;
        float: none !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.postcode"] {
        display: inline-block !important;
        width: calc(50% - 7.5px) !important;
        vertical-align: top !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }
    /* Hide the region text input - Romania uses dropdown (region_id) */
    #opc-new-shipping-address .field[name="shippingAddress.region"] {
        display: none !important;
    }

    /* Strada + Număr + Bloc + Scara + Ap on same line */
    #opc-new-shipping-address .field.street,
    #opc-new-shipping-address fieldset.field.street {
        display: inline-block !important;
        width: 28% !important;
        vertical-align: top !important;
        float: none !important;
        margin-right: 1% !important;
        margin-bottom: 15px !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_number"],
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_bloc"],
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_scara"] {
        display: inline-block !important;
        width: 17% !important;
        vertical-align: top !important;
        float: none !important;
        margin-right: 1% !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_apartament"] {
        display: inline-block !important;
        width: 17% !important;
        vertical-align: top !important;
        float: none !important;
        margin-right: 0 !important;
    }

    /* Telephone full width */
    #opc-new-shipping-address .field[name="shippingAddress.telephone"] {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
}

/* Mobile styles for modal */
@media only screen and (max-width: 767px) {
    /* Country field - show it for consistency */
    #opc-new-shipping-address .field[name="shippingAddress.country_id"] {
        display: block !important;
        width: 100% !important;
    }

    /* Prenume + Nume on same line - mobile */
    #opc-new-shipping-address .field[name="shippingAddress.firstname"],
    #opc-new-shipping-address .field[name="shippingAddress.lastname"] {
        display: inline-block !important;
        width: calc(50% - 5px) !important;
        vertical-align: top !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.firstname"] {
        margin-right: 10px !important;
    }

    /* Nume Firmă + CUI - HIDDEN by default on mobile too */
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.company_name"],
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.cui"] {
        display: none !important;
        width: calc(50% - 5px) !important;
        vertical-align: top !important;
    }
    /* Show company_name and cui when legal entity mode is active - mobile */
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.custom_attributes.company_name"],
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.custom_attributes.cui"] {
        display: inline-block !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.company_name"] {
        margin-right: 10px !important;
    }
    /* Hide firstname/lastname when legal entity mode is active - mobile */
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.firstname"],
    #opc-new-shipping-address.legal-entity-active .field[name="shippingAddress.lastname"] {
        display: none !important;
    }

    /* Nr + Bloc + Scara + Ap on same line - mobile */
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_number"],
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_bloc"],
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_scara"],
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_apartament"] {
        display: inline-block !important;
        width: calc((100% - 15px) / 4) !important;
        vertical-align: top !important;
        margin-right: 5px !important;
    }
    #opc-new-shipping-address .field[name="shippingAddress.custom_attributes.street_apartament"] {
        margin-right: 0 !important;
    }
}

/* Hide Cancel and Update buttons in billing address for guest checkout */
.cdz-opc-wrapper .payment-method .billing-address-form .actions-toolbar,
.cdz-opc-wrapper .payment-method._active .billing-address-form .actions-toolbar,
.billing-address-form .actions-toolbar,
.cdz-opc-wrapper .payment-method .actions-toolbar,
.cdz-opc-wrapper .payment-method._active .actions-toolbar,
.payment-method .billing-address-form .action-cancel,
.payment-method .billing-address-form .action-update,
.payment-method .action-cancel,
.payment-method .action-update {
    display: none !important;
}

/* =================================================================
   CHECKOUT FIELDS LAYOUT (MOBILE)
   ================================================================= */

@media only screen and (max-width: 767px) {
    /* Hide second street line on mobile */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.street.1"],
    .cdz-opc-wrapper .payment-method .field[name$=".street.1"],
    .billing-address-form .field[name*="street.1"] {
        display: none !important;
    }


    /* Make firstname and lastname half-width on same row - mobile */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"],
    .cdz-opc-wrapper .payment-method .field[name$=".firstname"],
    .cdz-opc-wrapper .payment-method .field[name$=".lastname"],
    .billing-address-form .field[name*="firstname"],
    .billing-address-form .field[name*="lastname"],
    /* Additional selectors for shipping address */
    body .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"],
    body .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"],
    html body #shipping-new-address-form .field[name="shippingAddress.firstname"],
    html body #shipping-new-address-form .field[name="shippingAddress.lastname"],
    #shipping-new-address-form > .field[name="shippingAddress.firstname"],
    #shipping-new-address-form > .field[name="shippingAddress.lastname"] {
        width: 47% !important;
        float: left !important;
        box-sizing: border-box !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        clear: none !important;
    }

    /* Firstname clears previous elements to start new row - mobile */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"],
    .cdz-opc-wrapper .payment-method .field[name$=".firstname"],
    .billing-address-form .field[name*="firstname"],
    body .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"],
    #shipping-new-address-form > .field[name="shippingAddress.firstname"] {
        clear: both !important;
    }

    /* Add margin to lastname field - mobile */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"],
    .cdz-opc-wrapper .payment-method .field[name$=".lastname"],
    .billing-address-form .field[name*="lastname"],
    body .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"],
    html body #shipping-new-address-form .field[name="shippingAddress.lastname"],
    #shipping-new-address-form > .field[name="shippingAddress.lastname"] {
        margin-left: calc(6% - 10px) !important;
        clear: none !important;
    }

    /* Ensure inputs inside take full width */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"] .control,
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"] .control,
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.firstname"] input,
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.lastname"] input {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Make company name and CUI fields half-width on same row - mobile */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.company_name"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.company_name"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.cui"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.cui"],
    .cdz-opc-wrapper .payment-method .field[name$=".company_name"],
    .cdz-opc-wrapper .payment-method .field[name$=".cui"],
    .billing-address-form .field[name*="company_name"],
    .billing-address-form .field[name*="cui"] {
        width: 47% !important;
        float: left !important;
        box-sizing: border-box !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    /* Add margin to CUI field - mobile */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.cui"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.cui"],
    .cdz-opc-wrapper .payment-method .field[name$=".cui"],
    .billing-address-form .field[name*="cui"] {
        margin-left: calc(6% - 10px) !important;
    }

    /* Ensure inputs inside company/cui take full width */
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="company_name"] .control,
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="cui"] .control,
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="company_name"] input,
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="cui"] input {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Clear float after lastname/CUI to start new row */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.company_name"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.custom_attributes.company_name"],
    .cdz-opc-wrapper .payment-method .field[name$=".company_name"],
    .billing-address-form .field[name*="company_name"] {
        clear: both !important;
    }

    /* Billing address - Tara (country) and Judet (region) on same row - mobile */
    .cdz-opc-wrapper .payment-method .field[name$=".country_id"],
    .cdz-opc-wrapper .payment-method .field[name$=".region_id"],
    .cdz-opc-wrapper .payment-method .field[name$=".region"],
    .billing-address-form .field[name*="country_id"],
    .billing-address-form .field[name*="region_id"],
    .billing-address-form .field[name*="region"] {
        width: 47% !important;
        float: left !important;
        box-sizing: border-box !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    /* Judet margin - mobile */
    .cdz-opc-wrapper .payment-method .field[name$=".region_id"],
    .cdz-opc-wrapper .payment-method .field[name$=".region"],
    .billing-address-form .field[name*="region_id"],
    .billing-address-form .field[name*="region"] {
        margin-left: calc(6% - 10px) !important;
        clear: none !important;
    }

    /* Tara starts new row - mobile */
    .cdz-opc-wrapper .payment-method .field[name$=".country_id"],
    .billing-address-form .field[name*="country_id"] {
        clear: both !important;
    }

    /* Billing address - Localitate (city) and Cod Postal (postcode) on same row - mobile */
    .cdz-opc-wrapper .payment-method .field[name$=".city"],
    .cdz-opc-wrapper .payment-method .field[name$=".postcode"],
    .billing-address-form .field[name*="city"],
    .billing-address-form .field[name*="postcode"] {
        width: 47% !important;
        float: left !important;
        box-sizing: border-box !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    /* Cod Postal margin - mobile */
    .cdz-opc-wrapper .payment-method .field[name$=".postcode"],
    .billing-address-form .field[name*="postcode"] {
        margin-left: calc(6% - 10px) !important;
        clear: none !important;
    }

    /* Localitate starts new row - mobile */
    .cdz-opc-wrapper .payment-method .field[name$=".city"],
    .billing-address-form .field[name*="city"] {
        clear: both !important;
    }

    /* Strada same size as Localitate (47%) - mobile - Shipping & Billing */
    .cdz-opc-wrapper #shipping-new-address-form .field.street,
    .cdz-opc-wrapper #shipping-new-address-form fieldset.field.street,
    .cdz-opc-wrapper .payment-method .field.street,
    .cdz-opc-wrapper .payment-method fieldset.field.street,
    .billing-address-form .field.street,
    .billing-address-form fieldset.field.street {
        width: 47% !important;
        float: left !important;
        box-sizing: border-box !important;
        clear: both !important;
        max-width: 47% !important;
        margin-right: 0 !important;
    }

    /* Number, Block, Scara, Etaj, Ap - all 5 fit in 47% - mobile - Shipping & Billing */
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="street_number"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="street_bloc"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="street_scara"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="street_etaj"],
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="street_apartament"],
    .cdz-opc-wrapper .payment-method .field[name*="street_number"],
    .cdz-opc-wrapper .payment-method .field[name*="street_bloc"],
    .cdz-opc-wrapper .payment-method .field[name*="street_scara"],
    .cdz-opc-wrapper .payment-method .field[name*="street_etaj"],
    .cdz-opc-wrapper .payment-method .field[name*="street_apartament"],
    .billing-address-form .field[name*="street_number"],
    .billing-address-form .field[name*="street_bloc"],
    .billing-address-form .field[name*="street_scara"],
    .billing-address-form .field[name*="street_etaj"],
    .billing-address-form .field[name*="street_apartament"] {
        width: calc(11.75% - 2px) !important;
        float: left !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
        margin-left: 2px !important;
        clear: none !important;
    }

    /* First detail field (Number) gets more margin to align - mobile - Shipping & Billing */
    .cdz-opc-wrapper #shipping-new-address-form .field[name*="street_number"],
    .cdz-opc-wrapper .payment-method .field[name*="street_number"],
    .billing-address-form .field[name*="street_number"] {
        margin-left: calc(6% - 10px) !important;
    }

    /* Phone/Telephone field - full width on mobile - Shipping & Billing */
    .cdz-opc-wrapper #shipping-new-address-form .field[name="shippingAddress.telephone"],
    .cdz-opc-wrapper .payment-method .field[name$=".telephone"],
    .billing-address-form .field[name*="telephone"] {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    /* =================================================================
       DISCOUNT CODE FORM - Mobile styling (input + button as pill)
       ================================================================= */

    /* Form container - flex row */
    #discount-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        align-items: flex-start !important;
    }

    /* Input wrapper - flex grow */
    #discount-form .payment-option-inner {
        flex: 1 1 auto !important;
    }

    /* Field - fixed height */
    #discount-form .field {
        position: relative !important;
        height: 40px !important;
        margin: 0 !important;
    }

    /* Hide the label */
    #discount-form .field .label {
        display: none !important;
    }

    /* Actions toolbar - no margin */
    #discount-form .actions-toolbar {
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    #discount-form .actions-toolbar .primary {
        margin: 0 !important;
    }

    /* Input field - left rounded corners */
    #discount-code {
        border-radius: 20px 0 0 20px !important;
        border-right: none !important;
        border-color: #ccc !important;
        height: 40px !important;
        box-sizing: border-box !important;
        padding: 0 15px !important;
        width: 100% !important;
        font-size: 14px !important;
    }

    /* Button - right rounded corners */
    #discount-form .action-apply,
    #discount-form .action-cancel {
        border-radius: 0 20px 20px 0 !important;
        border: 1px solid #ed3f46 !important;
        border-left: none !important;
        background: #ed3f46 !important;
        color: #fff !important;
        height: 40px !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        margin-left: 0 !important;
        line-height: 38px !important;
        font-size: 14px !important;
    }

    #discount-form .action-cancel {
        background: #666 !important;
        border-color: #666 !important;
    }

    /* Error message - below the field */
    #discount-form div.mage-error {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        font-size: 12px !important;
        margin-top: 3px !important;
    }
}

/* Hide custom attribute names that appear as text in address preview */
.billing-address-details,
.shipping-address-details {
    font-size: 0; /* Hide all text */
}

.billing-address-details br,
.shipping-address-details br {
    font-size: 14px; /* Restore line breaks */
}

/* Restore font size for actual address content but not custom attribute names */
.billing-address-details *:not(:empty),
.shipping-address-details *:not(:empty),
.billing-address-details button,
.shipping-address-details button {
    font-size: 14px !important;
}

/* Store info top - black background with white text */
.store-info-top {
    background-color: #000 !important;
    color: #fff !important;
}

.store-info-top * {
    color: #fff !important;
}

/* Header top - black background */
.header-top {
    background-color: #000 !important;
}

/* Special Offer widget - force single row only */
[main_opt_id="original-marketplace||widget_5"] .cdz-products-list .row:nth-child(n+2) {
    display: none !important;
}

/* =================================================================
   BILLING ADDRESS SECTION - Separate header from Payment
   ================================================================= */

/* Billing address section container */
.cdz-opc-wrapper .checkout-billing-address-section {
    margin-top: 20px;
}

/* Billing address section title - matching Codazon theme step-title styling */
.cdz-opc-wrapper .checkout-billing-address-section > .step-title {
    padding: 10px 20px;
    background: var(--opc_title_bg, #525fb0);
    color: var(--opc_title_text, #fff);
    border-radius: var(--opc_bdr, 5px) var(--opc_bdr, 5px) 0 0;
    font-size: 16px;
    font-weight: 600;
}

/* Add icon before billing address title (address/location icon) */
.cdz-opc-wrapper .checkout-billing-address-section > .step-title:before {
    content: '\E997';
    display: inline-block;
    font-family: CodazonFont;
    margin: 0 10px 0 0;
    font-weight: normal;
    font-size: 20px;
}

/* Billing address section content */
.cdz-opc-wrapper .checkout-billing-address-section > .step-content {
    background: var(--opc_bg, #fff);
    color: var(--op_text, inherit);
    padding: 20px;
    border: none;
}

/* Remove border from inner billing address containers */
.cdz-opc-wrapper .checkout-billing-address-section .checkout-billing-address,
.cdz-opc-wrapper .checkout-billing-address-section .checkout-billing-address > .fieldset,
.cdz-opc-wrapper .checkout-billing-address-section .billing-address-form {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Compact billing address when collapsed (same as shipping checked) */
.cdz-opc-wrapper .checkout-billing-address-section > .step-content {
    padding: 15px 20px;
}

.cdz-opc-wrapper .checkout-billing-address-section .billing-address-same-as-shipping-block {
    margin: 0;
    padding: 5px 0;
}

.cdz-opc-wrapper .checkout-billing-address-section .billing-address-details {
    display: none !important;
}

/* Hide payment method content for librapay (redirect-based card payment) */
.payment-method:has(#librapay) .payment-method-content {
    display: none !important;
}

/* =================================================================
   DPD ROMANIA SHIPPING MODULE - City Select Override
   Hide DPD's extra city select since we have our own locality selector
   ================================================================= */

/* Hide DPD's extra city select dropdown */
.js-dpdro-shipping-city-select {
    display: none !important;
}

/* Override DPD's hiding of the original city field - we want our searchable select visible */
#shipping [name="city"].dpdro-hide,
#shipping-new-address-form [name="city"].dpdro-hide,
.searchable-select-wrapper,
.locality-search-input {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    width: 100% !important;
    position: relative !important;
}

/* Style Localitate searchable select wrapper and input to match other inputs */
.field[name*="city"] .control,
.field[name*="city"] .searchable-select-wrapper,
.searchable-select-wrapper {
    background: #fff !important;
    background-color: #fff !important;
}

input.locality-search-input.select,
.locality-search-input.select,
.field[name*="city"] input,
.searchable-select-wrapper input.locality-search-input,
.locality-search-input,
.searchable-select-wrapper input {
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 3px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    height: auto !important;
}

/* =================================================================
   AUTHOR PAGES (Codazon Shopbybrandpro)
   ================================================================= */

/* Hide social media icons on author pages */
.brands-index-view .cdz-social-listing,
.brands-index-view .social-section .cdz-social-listing {
    display: none !important;
}

/* Hide filters and search on author detail pages */
.brands-index-view .sidebar,
.brands-index-view .sidebar-additional,
.brands-index-view .block-brand-search,
.brands-index-view .layered-filter-block-container,
.brands-index-view .filter-options,
.brands-index-view #layered-filter-block {
    display: none !important;
}

/* Make main content full width when sidebar is hidden */
.brands-index-view .column.main {
    width: 100% !important;
    float: none !important;
}

.brands-index-view .columns {
    display: block !important;
}