/**
 * Frontend hide amount
 */

/* service selection */
.el-popper .am-adv-select__item-price,
/* time selection */
.am-select-popper .el-select-dropdown__item .am-oitf__data-price-string,
    /* extra selection */
.am-fs__extras-main .am-collapse-item .card-text,
/* payment summery service selection */
.am-fs__payments-services-sub .am-amount,
.am-fs__payments .am-fs__payments-services,
/* Hide subtotal and discount */
.am-fs__main-content .am-fs__payments-price .am-fs__payments-app-info-subtotal,
.am-fs__main-content .am-fs__payments-price .am-fs__payments-app-info-discount {
    display: none !important;
}

.jpp-modal-close-btn:hover {
    background: #96D1D2;
    box-shadow: 0 4px 12px rgba(150, 209, 210, 0.3);
}

#am-cf-1 .el-checkbox__label {
    max-height: 150px;
    overflow-y: auto;
    padding-right: 10px;
}


/* =========================================================================
   Select2 Styling for Amelia Booking Form State Dropdown
   ========================================================================= */

/* Base Select2 styling to match Amelia form inputs */
.amelia-app-booking .select2-container--default .select2-selection--single,
.am-fs__main-content .select2-container--default .select2-selection--single,
[class*="amelia"] .select2-container--default .select2-selection--single {
    height: 42px;
    padding: 6px 12px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    background-color: #fff;
    transition: border-color 0.2s ease;
}

.amelia-app-booking .select2-container--default .select2-selection--single:hover,
.am-fs__main-content .select2-container--default .select2-selection--single:hover,
[class*="amelia"] .select2-container--default .select2-selection--single:hover {
    border-color: #c0c4cc;
}

.amelia-app-booking .select2-container--default.select2-container--focus .select2-selection--single,
.am-fs__main-content .select2-container--default.select2-container--focus .select2-selection--single,
[class*="amelia"] .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #1A84EE;
    outline: none;
}

/* Text styling */
.amelia-app-booking .select2-container--default .select2-selection--single .select2-selection__rendered,
.am-fs__main-content .select2-container--default .select2-selection--single .select2-selection__rendered,
[class*="amelia"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    color: #606266;
    padding-left: 0;
    font-size: 14px;
}

/* Placeholder styling */
.amelia-app-booking .select2-container--default .select2-selection--single .select2-selection__placeholder,
.am-fs__main-content .select2-container--default .select2-selection--single .select2-selection__placeholder,
[class*="amelia"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #c0c4cc;
}

/* Arrow styling */
.amelia-app-booking .select2-container--default .select2-selection--single .select2-selection__arrow,
.am-fs__main-content .select2-container--default .select2-selection--single .select2-selection__arrow,
[class*="amelia"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 8px;
}

/* Ensure Select2 dropdown appears above Amelia modal and other elements */
.select2-container--open .select2-dropdown,
.jpp-select2-dropdown {
    z-index: 10000000 !important;
}

/* Dropdown styling */
.jpp-select2-dropdown .select2-results__option {
    padding: 8px 12px;
    font-size: 14px;
}

.jpp-select2-dropdown .select2-results__option--highlighted {
    background-color: #1A84EE;
    color: #fff;
}

/* Search input in dropdown */
.jpp-select2-dropdown .select2-search--dropdown .select2-search__field {
    padding: 8px 12px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
}

/* State select custom styling */
.jpp-state-select {
    width: 100% !important;
    min-width: 100%;
}

/* Hide original input when Select2 is active */
.am-cf-item input[data-jpp-enhanced="true"] {
    display: none !important;
}
