/* Address & Account Form Styles */
.form-control:focus {
    border-color: #00A79E !important;
    background-color: #f8ffff;
}

.edit-account-content label {
    margin-bottom: 5px;
}

.edit-account-content .card.bg-light {
    border-left: 4px solid #00A79E !important;
}

/* Fix address display line height */
address {
    font-style: normal;
    line-height: 1.8;
}

/* Button hover state */
.btn-outline-teal {
    border: 2px solid #00A79E;
    color: #00A79E;
    font-weight: 600;
}

.btn-outline-teal:hover {
    background-color: #00A79E;
    color: white;
}

/* for edit address */
/* Target all WooCommerce input fields in My Account */
.woocommerce-MyAccount-content .form-row input.input-text,
.woocommerce-MyAccount-content .form-row select,
.woocommerce-MyAccount-content .form-row textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 10px;
    outline: none;
}

.woocommerce-MyAccount-content .form-row input.input-text:focus {
    border-color: #00A79E;
}

/* edit address */
/* Fix WooCommerce Grid for Addresses */
.woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.woocommerce-address-fields__field-wrapper .form-row {
    padding: 0 10px;
    width: 100%; /* Default mobile view */
    margin-bottom: 1rem;
}

/* Make First Name and Last Name sit side-by-side on desktop */
@media (min-width: 768px) {
    .form-row-first, .form-row-last {
        width: 50% !important;
    }
}

/* Style the Inputs */
.edit-address-content .form-control,
.edit-address-content .input-text,
.edit-address-content select {
    border-radius: 10px !important;
    padding: 10px 15px !important;
    border: 2px solid #eee !important;
    font-size: 0.95rem;
}

.edit-address-content .form-control:focus {
    border-color: #00A79E !important;
    background-color: #f8ffff;
}

.edit-address-content label {
    font-weight: 600;
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 5px;
    display: block;
}

/* Fix for Select2 (WooCommerce Country/State dropdowns) */
.select2-container--default .select2-selection--single {
    border: 2px solid #eee !important;
    border-radius: 10px !important;
    height: 48px !important;
    padding: 10px !important;
}