/* LIQUID GLASS REGISTRATION FORM FIX */
/* Ensures proper glass styling for auth pages */

/* ===== AUTH WRAPPER TEXT COLORS - WHITE FOR GLASS THEME ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper h1,
html[data-layout='liquid-glass-layout'] .auth-wrapper h2,
html[data-layout='liquid-glass-layout'] .auth-wrapper h3,
html[data-layout='liquid-glass-layout'] .auth-wrapper h4,
html[data-layout='liquid-glass-layout'] .auth-wrapper h5,
html[data-layout='liquid-glass-layout'] .auth-wrapper h6,
html[data-layout='liquid-glass-layout'] .auth-wrapper p,
html[data-layout='liquid-glass-layout'] .auth-wrapper span,
html[data-layout='liquid-glass-layout'] .auth-wrapper label,
html[data-layout='liquid-glass-layout'] .auth-wrapper .form-label,
html[data-layout='liquid-glass-layout'] .auth-wrapper a,
html[data-layout='liquid-glass-layout'] .auth-wrapper div,
html[data-layout='liquid-glass-layout'] .auth-wrapper .bs-stepper-title,
html[data-layout='liquid-glass-layout'] .auth-wrapper .bs-stepper-subtitle,
html[data-layout='liquid-glass-layout'] .auth-wrapper .content-header {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ===== FORM INPUTS - GLASS EFFECT ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper input.form-control,
html[data-layout='liquid-glass-layout'] .auth-wrapper select.form-control,
html[data-layout='liquid-glass-layout'] .auth-wrapper textarea.form-control,
html[data-layout='liquid-glass-layout'] .auth-wrapper .form-select {
    color: rgba(255, 255, 255, 0.95) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

html[data-layout='liquid-glass-layout'] .auth-wrapper input.form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

html[data-layout='liquid-glass-layout'] .auth-wrapper input.form-control:focus,
html[data-layout='liquid-glass-layout'] .auth-wrapper select.form-control:focus,
html[data-layout='liquid-glass-layout'] .auth-wrapper textarea.form-control:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(115, 103, 240, 0.8) !important;
    box-shadow: 0 0 0 0.25rem rgba(115, 103, 240, 0.25) !important;
}

/* ===== BUTTONS ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper .btn {
    color: white !important;
}

/* ===== INPUT GROUP TEXT ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper .input-group-text {
    color: rgba(255, 255, 255, 0.95) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* ===== SELECT2 DROPDOWNS - GLASS EFFECT ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper .select2-container--default .select2-selection--single,
html[data-layout='liquid-glass-layout'] .auth-wrapper .select2-container--default .select2-selection--multiple,
html[data-layout='liquid-glass-layout'] .auth-wrapper .select2-selection {
    background-color: rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
}

html[data-layout='liquid-glass-layout'] .auth-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-layout='liquid-glass-layout'] .auth-wrapper .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.95) !important;
    background: transparent !important;
}

html[data-layout='liquid-glass-layout'] .auth-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255, 255, 255, 0.7) transparent transparent transparent !important;
}

/* Select2 dropdown popup - DARK GLASS */
html[data-layout='liquid-glass-layout'] .select2-dropdown {
    background: rgba(30, 35, 50, 0.98) !important;
    background-color: rgba(30, 35, 50, 0.98) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.5) !important;
}

html[data-layout='liquid-glass-layout'] .select2-container--default .select2-search--dropdown .select2-search__field {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

html[data-layout='liquid-glass-layout'] .select2-results__option {
    color: rgba(255, 255, 255, 0.9) !important;
    background: transparent !important;
}

html[data-layout='liquid-glass-layout'] .select2-container--default .select2-results__option--highlighted[aria-selected],
html[data-layout='liquid-glass-layout'] .select2-results__option:hover {
    background: rgba(115, 103, 240, 0.8) !important;
    color: #ffffff !important;
}

html[data-layout='liquid-glass-layout'] .select2-results__option[aria-selected="true"] {
    background: rgba(115, 103, 240, 0.4) !important;
    color: #ffffff !important;
}

/* ===== CUSTOM OPTION ITEMS (PRICING/PLAN CARDS) ===== */
html[data-layout='liquid-glass-layout'] .custom-option-item {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

html[data-layout='liquid-glass-layout'] .custom-option-item *,
html[data-layout='liquid-glass-layout'] .custom-option-item-title,
html[data-layout='liquid-glass-layout'] .custom-option-item .plan-price,
html[data-layout='liquid-glass-layout'] .custom-option-item .pricing-value,
html[data-layout='liquid-glass-layout'] .custom-option-item .pricing-duration {
    color: rgba(255, 255, 255, 0.95) !important;
}

html[data-layout='liquid-glass-layout'] .custom-option-item:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-layout='liquid-glass-layout'] .custom-option-item-check:checked ~ .custom-option-item {
    background-color: rgba(115, 103, 240, 0.2) !important;
    border-color: rgb(115, 103, 240) !important;
}

/* ===== FORM CHECK LABELS ===== */
html[data-layout='liquid-glass-layout'] .form-check-label {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ===== SMALL TEXT / MUTED TEXT ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper small,
html[data-layout='liquid-glass-layout'] .auth-wrapper .form-text,
html[data-layout='liquid-glass-layout'] .auth-wrapper .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ===== ALERTS ===== */
html[data-layout='liquid-glass-layout'] .alert {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ===== STEPPER / WIZARD CONTAINER ===== */
.auth-wrapper .auth-bg,
.auth-wrapper .width-700,
.auth-wrapper .bs-stepper,
.auth-wrapper .bs-stepper-content {
    background-color: transparent !important;
}

/* Main registration card - dark semi-transparent background */
html[data-layout='liquid-glass-layout'] .auth-wrapper .bs-stepper.register-multi-steps-wizard {
    background: rgba(30, 35, 50, 0.6) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 2rem !important;
}

/* Content areas transparent */
.content.get_form_data {
    background: transparent !important;
}

/* ===== HR DIVIDERS ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper hr,
html[data-layout='liquid-glass-layout'] .custom-option-item hr {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ===== NATIVE SELECT ELEMENTS ===== */
html[data-layout='liquid-glass-layout'] .auth-wrapper select,
html[data-layout='liquid-glass-layout'] .auth-wrapper select.select2 {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

html[data-layout='liquid-glass-layout'] .auth-wrapper select option {
    background-color: #1e2332 !important;
    color: #ffffff !important;
}