/*
 * Ultimate Membership Pro - Custom Theme Overrides
 * Aligning UMP pages with the site's glassmorphism and golden aesthetic.
 */

/* 1. Global Container Reset */
.ihc-account-page-wrapp,
.ihc-login-wrapper,
.ihc-register-wrapper,
#ihc_login_form,
#ihc_register_form,
.ihc-register-8,
.ihc-register-7 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'Inter', sans-serif !important;
}

/* Force All UMP Icons to be Golden/White */
.ihc-account-page-wrapp i,
.ihc-account-page-wrapp .fa,
.ihc-account-page-wrapp .fas,
.ihc-account-page-wrapp .far,
.ihc-user-page-top-ap-wrapper i,
.ihc-ap-menu-item i,
.ihc-icon-part,
.ihc-ap-tabs-wrapper i {
    color: #dfc168 !important;
    opacity: 1 !important;
}

/* Force All Text in Dashboard to be White */
.ihc-account-page-wrapp,
.ihc-account-page-wrapp span,
.ihc-account-page-wrapp p,
.ihc-account-page-wrapp div,
.ihc-ap-menu-item,
.ihc-user-page-details,
.ihc-account-page-top-mess,
.ihc-top-levels,
.ihc-ap-tabs-wrapper {
    color: #ffffff !important;
}

.ihc-ap-theme-3 .ihc-ap-menu .ihc-ap-menu-item a {
    color: #ffffff;
}

/* 2. Login & Register Form Centering */
.ihc-login-wrapper,
.ihc-register-wrapper {
    max-width: 500px;
    margin: 60px auto !important;
    padding: 40px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(218, 165, 32, 0.5) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4) !important;
}

.ihc-login-wrapper h3,
.ihc-register-wrapper h2,
.ihc-register-8 h2,
.ihc-register-7 h2 {
    color: #fff !important;
    text-align: center;
    margin-bottom: 30px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
}

/* 3. Account Page Overrides */
.ihc-account-page-wrapp {
    max-width: 1100px;
    margin: 40px auto !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(218, 165, 32, 0.4) !important;
    border-radius: 25px !important;
    padding: 0 !important;
    overflow: hidden;
}

/* Account Header */
.ihc-user-page-top-ap-wrapper {
    background: rgba(0, 0, 0, 0.2) !important;
    border-bottom: 1px solid rgba(218, 165, 32, 0.3) !important;
    padding: 40px 0 40px 16px !important;
}

.ihc-ap-wrap {
    padding-left: 20px;
    padding-right: 15px;
    line-height: 1.7;
    color: #fff;
}

.ihc-ap-wrap h1, 
.ihc-ap-wrap h2,
.ihc-ap-wrap h3,
.ihc-ap-wrap h4,
.ihc-ap-wrap h5,
.ihc-ap-wrap h6,
.ihc-ap-wrap p,
.ihc-ap-wrap span,
.ihc-ap-wrap a {
    color: #fff;
}


.ihc-user-page-top-ap-wrapper .ihc-edit-top-ap-banner {
    padding-left: 15px;
}

.ihc-member-photo {
    border: 2px solid #dfc168 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 15px rgba(223, 193, 104, 0.3);
}

.iump-user-page-name,
.ihc-account-page-top-mess {
    color: #fff !important;
}

.iump-user-page-wrapper .iump-submit-form {
    margin-top: 45px;
}

.iump-user-page-wrapper .iump-form-password {
    padding: 0 !important;
}

.iump-register-form .iump-form-ihc_avatar {
    display: none;
}

.iump-register-form .ihc-strength {
    padding-bottom: 8px;
}

.iump-register-form  .iump-form-tos {
    font-size: 16px;
    font-weight: 600;
    margin-top: 6px;
}

.iump-register-form  .iump-form-tos .ihc-register-notice {
    left: 5px;
}

.iump-register-form  .iump-form-tos input {
    cursor: pointer;
    padding: 3px;
}

.iump-register-form  .iump-form-tos a {
    font-size: 16px;
    color: #dfdfdf;
}

.ihc-checkout-page-wrapp .ihc-product-name {
    color: #fff !important;
}

.ihc-checkout-page-wrapp .ihc-product-price {
    color: #dbbb5b !important;
}

.ihc-checkout-page-wrapp .ihc-complete-purchase {
    color: #1a1a1a !important;
}

/* Account Navigation Tabs */
.ihc-ap-menu-item {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.3s ease !important;
    border-bottom: 2px solid transparent !important;
}

.ihc-ap-menu-item:hover,
.ihc-ap-menu-item.ihc-ap-menu-item-selected {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.ihc-ap-menu-item-selected {
    border-bottom: 2px solid #dfc168 !important;
}

/* 4. Form Fields & Labels */
.ihc-form-item-label,
label {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
.select2-selection {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    color: #ffffff !important; /* This ensures typed content is white */
    padding: 12px 15px !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
    font-size: 16px !important;
    font-family: 'Inter', sans-serif !important;
}

/* Select Box Specific vertical adjustment */
.select2-selection__rendered {
   
    color: #ffffff !important;
    height: 48px !important;
    line-height: normal !important;
    vertical-align: middle !important;
}

/* Dropdown Menu Visibility Fix */
select option,
.select2-results__options .select2-results__option {
    background-color: #1a1a1a !important; /* Dark background for dropdown */
    color: #ffffff !important; /* White text for options */
    padding: 10px !important;
}

/* Placeholder Visibility */
::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #dfc168 !important;
    box-shadow: 0 0 10px rgba(223, 193, 104, 0.3) !important;
    outline: none !important;
}

/* Registration Template #8 & #7 Specific Fixes */
.ihc-register-8 .ihc-form-item-label,
.ihc-register-8 .ihc-form-item-label label,
.ihc-register-7 .ihc-form-item-label,
.ihc-register-7 .ihc-form-item-label label {
    color: #ffffff !important;
    margin-bottom: 10px !important;
    font-family: 'Inter', sans-serif !important;
}

.ihc-register-8 .ihc-form-element,
.ihc-register-7 .ihc-form-element {
    margin-bottom: 25px !important;
}

/* Fix for any hidden background colors in Template #8 and #7 */
.ihc-register-8, 
.ihc-register-8 .ihc-form-wrapper,
.ihc-register-7,
.ihc-register-7 .ihc-form-wrapper {
    background: transparent !important;
}

/* Terms of Service (TOS) Styling */
.ihc-form-tos, 
.ihc-form-tos label,
.ihc-register-7 .ihc-form-tos label {
    color: rgba(255, 255, 255, 0.9) !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.ihc-form-tos input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    border: 1.5px solid #dfc168 !important;
    background: rgba(0, 0, 0, 0.3) !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
}


/*register form button*/
.ihc-register-7 .impu-temp7-row {
    background-color: transparent !important;
}

/* 5. Buttons */
.ihc-submit-button,
input[type="submit"],
.ihc-buttons-settings input[type="button"],
/*registration button */
.ihc-register-7 .iump-submit-form input {
    background: linear-gradient(90deg, #b8860b 0%, #ffd700 50%, #b8860b 100%) !important;
    color: #1a1a1a !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(218, 165, 32, 0.4) !important;
}

.ihc-register-7 .iump-submit-form input:hover {
    background: linear-gradient(90deg, #b8860b 0%, #ffd700 50%, #b8860b 100%) !important;
    color: #1a1a1a !important;
}

.ihc-login-form-wrap .impu-form-submit input {
    border: none !important;
    color: #1a1a1a !important;
}

.ihc-login-form-wrap .impu-form-links a:hover {
    color: #2bb7e3;
}

.ihc-submit-button:hover,
input[type="submit"]:hover
.ihc-register-7 .iump-submit-form input:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(218, 165, 32, 0.6) !important;
}

/* 6. Social Login Icons */
.ihc-social-login-icons {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
}

/* Extra Tweaks for Spacing */
.ihc-ap-tabs-wrapper {
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

/* 7. Subscriptions Table Styling */
.ihc-account-subscr-list,
.ihc-account-tranz-list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    margin-top: 30px !important;
    background: transparent !important;
    border: none !important;
}

.ihc-account-subscr-list thead tr
{
    background: rgba(255, 255, 255, 0.05) !important;
}

.ihc-account-subscr-list thead td,
.ihc-account-tranz-list thead td {
    color: #dfc168 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 20px 15px !important;
    border-bottom: 2px solid rgba(223, 193, 104, 0.4) !important;
    font-size: 13px !important;
}

.ihc-account-subscr-list tbody tr,
.ihc-account-tranz-list tbody tr {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(5px);
    transition: all 0.3s ease !important;
}

.ihc-account-subscr-list tbody tr:hover
.ihc-account-tranz-list tbody tr:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.ihc-account-subscr-list td,
.ihc-account-tranz-list td {
    padding: 18px 15px !important;
    color: #ffffff !important;
    border: none !important;
    vertical-align: middle !important;
    font-size: 15px !important;
}

.ihc-account-subscr-list .ihc-subscription-table-actions .iump-subscription-table-button span:hover {
    background: linear-gradient(90deg, #b8860b 0%, #dfc168 100%) !important; 
}

/* Status Badges */
.ihc-level-status-set-active,
.ihc_account_level_status .ihc-level-status-set-active {
    background: rgba(46, 204, 113, 0.2) !important;
    color: #2ecc71 !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(46, 204, 113, 0.4) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

.ihc-level-status-set-expired,
.ihc_account_level_status .ihc-level-status-set-expired {
    background: rgba(231, 76, 60, 0.2) !important;
    color: #e74c3c !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(231, 76, 60, 0.4) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

/* Action Buttons in Table */
.iump-subscription-table-button
/*.ihc-subscription-table-actions*/
{
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.iump-subscription-table-button span {
    background-color: transparent;
}

.iump-subscription-table-button a,
.iump-subscription-table-button span,
.ihc-js-pause-subscription-bttn,
.ihc-js-resume-subscription-bttn,
.iump-cancel-subscription-button,
.iump-delete-subscription-button,
.ihc-js-finish-payment-bttn,
.iump-delete-subscription-button.iump-delete-3-subscription
 {
    display: inline-block !important;
    background: linear-gradient(90deg, #b8860b 0%, #dfc168 100%) !important;
    color: #1a1a1a !important;
    padding: 8px 18px !important;
    border-radius: 25px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

.iump-subscription-table-button a:hover,
.iump-subscription-table-button span:hover,
.ihc-js-pause-subscription-bttn:hover,
.ihc-js-resume-subscription-bttn:hover,
.iump-cancel-subscription-button:hover,
.iump-delete-subscription-button:hover,
.ihc-js-finish-payment-bttn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 15px rgba(218, 165, 32, 0.5) !important;
    color: #000 !important;
}

/* Specific button colors for destructive actions */
.iump-cancel-subscription-button,
.iump-delete-subscription-button {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
}

.iump-cancel-subscription-button:hover,
.iump-delete-subscription-button:hover {
    background: rgba(231, 76, 60, 0.9) !important;
    border-color: #e74c3c !important;
    color: #fff !important;
}

.ihc-account-subscr-list .ihc-subscription-table-actions .iump-subscription-table-button .iump-renew-subscription-button,
.ihc-account-subscr-list .ihc-subscription-table-actions .iump-subscription-table-button .iump-renew-subscription-button:hover {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-align: center;
}


.ihc-account-subscr-list thead td {
    background-color: transparent !important;
}


/* subscription account tab remove bg */
.ihc-ap-theme-1 .ihc-account-subscr-list tr:nth-child(2n), 
.ihc-ap-theme-2 .ihc-account-subscr-list tr:nth-child(2n), 
.ihc-ap-theme-3 .ihc-account-subscr-list tr:nth-child(2n), 
.ihc-ap-theme-4 .ihc-account-subscr-list tr:nth-child(2n),

.ihc-account-subscr-list tbody tr:nth-child(2n), 
.ihc-account-tranz-list tbody tr:nth-child(2n),

.ihc-account-subscr-list tbody tr:nth-child(odd), 
.ihc-account-tranz-list tbody tr:nth-child(odd),

.ihc-account-tranz-list tfoot th, 
.ihc-account-tranz-list thead th
{
    background: rgba(255, 255, 255, 0.04) !important;
}

.ihc-account-subscr-list, 
.ihc-account-subscr-list thead td,
.ihc-account-subscr-list thead th {
    border: none !important;
}


.ihc-account-subscr-list tr th:nth-child(5),
.ihc-account-subscr-list tr td:nth-child(5),
.ihc-account-subscr-list tr th:nth-child(6),
.ihc-account-subscr-list tr td:nth-child(6) {
  display: none;
}

.ihc-account-tranz-list td .ihc-level-name {
    color: #fff !important;
}

@media(max-width: 768px) {
    .ihc-account-tranz-list tr {
        padding: 8px 5px;
    }
}