/* National Address - Minimal with RTL Support */

.national-address .input-text,
.national-address-field .input-text {
    text-transform: uppercase;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    font-weight: 400;
    height: 56px;
    font-size: 13px;
    padding: 0 15px;
    padding-top: 26px;
    padding-bottom: 0px;
    box-shadow: none;
    appearance: none;
    font-family: 'Klein-Web';
    color: #696969;
}

input[name="custom_attributes[national_address]"] {
    height: 56px !important;
    padding-top: 26px !important;
   
}
.national-address .note,
.national-address-field .note {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #666;
}

/* Position Hint */
.national-address-hint {
    display: none;
    margin-top: 5px;
    padding: 6px 10px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 3px;
    color: #856404;
    font-size: 12px;
}

/* RTL Support */
[dir="rtl"] .national-address .input-text,
[dir="rtl"] .national-address-field .input-text,
.rtl .national-address .input-text,
.rtl .national-address-field .input-text {
    text-align: right;
    direction: ltr;
    unicode-bidi: bidi-override;
}

[dir="rtl"] .national-address .note,
[dir="rtl"] .national-address-field .note,
[dir="rtl"] .national-address-hint,
.rtl .national-address .note,
.rtl .national-address-field .note,
.rtl .national-address-hint {
    text-align: right;
}

[dir="rtl"] .national-address .label,
[dir="rtl"] .national-address-field .label,
.rtl .national-address .label,
.rtl .national-address-field .label {
    text-align: right;
}