/* Account Page Specific Styles */

/* Test and ensure PMS form design styles are applied */
.pms-form-design-wrapper.pms-form-style-1 {
    /* This ensures the form design wrapper is visible and styled */
    background: transparent !important;
}

.pms-form-design-wrapper.pms-form-style-1 input[type="text"],
.pms-form-design-wrapper.pms-form-style-1 input[type="password"],
.pms-form-design-wrapper.pms-form-style-1 input[type="email"] {
    /* Ensure form inputs have the correct styling */
    background: #FFFFFF !important;
    border: 1px solid #CFD4DE !important;
    border-radius: 4px !important;
    height: 56px !important;
    padding: 15px 15px 0 15px !important;
}

.pms-form-design-wrapper.pms-form-style-1 input[type="submit"] {
    /* Ensure submit buttons have the correct styling */
    background: #1079F3 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 4px !important;
    height: 48px !important;
    min-width: 150px !important;
}

/* Header */
#container .hentry header {
    display: none;
}

/* Link */
.pms-account-navigation .pms-account-navigation-link--logout a {
    display: none;
}

#pms_edit-profile-form>ul>li.pms-field.pms-user-login-field.disabled-field {
    display: none;
}

#pms-change-subscription-form>input[type=submit]:nth-child(14) {
    margin-top: 30px;
}

/* User email */
.dark-mode #pms_user_email,
.dark-mode #pms_first_name,
.dark-mode #pms_last_name,
.dark-mode .pms-form-fields-wrapper .pms-field input[type=password],
.dark-mode #pms_billing_first_name,
.dark-mode #pms_billing_last_name,
.dark-mode #pms_billing_email,
.dark-mode #pms_billing_company,
.dark-mode #pms_billing_address,
.dark-mode #pms_billing_city,
.dark-mode #pms_billing_zip,
.dark-mode #pms_billing_state,
.dark-mode #pms_billing_country_chosen>div>ul,
.dark-mode #pms_billing_country_chosen>div>div {
    background-color: #4c4c4c;
    color: #ffffff;
    border-color: #6d6d6d;
}

.dark-mode .pms-form-design-wrapper #pms-credit-card-information .pms-field-type-card_expiration_date select,
.dark-mode .pms-form-design-wrapper #pms-stripe-connect .pms-field-type-card_expiration_date select,
.dark-mode .pms-form-design-wrapper .pms-field .chosen-container .chosen-single,
.dark-mode .pms-form-design-wrapper .pms-field.pms-field-type-select select,
.dark-mode .pms-form-design-wrapper .pms-field.pms-field-type-select_state select,
.dark-mode .pms-form-design-wrapper .pms-subscription-plan label {
    background-color: #4c4c4c !important;
    color: #ffffff;
    border-color: #6d6d6d;
}

/* Table Data */
.dark-mode #container .hentry .entry-content .pms-form-design-wrapper .pms-account-subscription-details-table tbody tr td,
.dark-mode .pms-upgrade__message,
.dark-mode .pms-form-design-wrapper .pms-upgrade__message,
.pms-form-design-wrapper h3,
.dark-mode .pms-subscription-plan-name,
.dark-mode .pms-subscription-plan-price,
.dark-mode .pms-subscription-plan-currency,
.dark-mode .pms-subscription-plan-price-value,
.dark-mode .pms-divider pms-duration-divider,
.dark-mode .pms-subscription-plan-duration,
.dark-mode .pms-subscription-plan-trial,
.dark-mode .pms-subscription-plan-sign-up-fee {
    color: #efefef;
}

/* Payment */
.dark-mode #pms-payment-history tbody .pms-payment-id,
.dark-mode #pms-payment-history tbody .pms-payment-subscription-plan,
.dark-mode #pms-payment-history tbody .pms-payment-amount,
.dark-mode #pms-payment-history tbody .pms-payment-date {
    color: #efefef;
}

.dark-mode .pms-form-design-wrapper--sidebar-showing.pms-form-design-wrapper #pms-stripe-payment-elements {
    background-color: #f4d1d1;
    color: #ffffff;
    border-color: #6d6d6d;
}

.pms-account-navigation ul .pms-account-navigation-link--logout {
    display: none;
}

.cozmoslabs-form-field-label {
    font-size: 12px !important;
}

.dark-mode .StripeElement {
    background-color: #4c4c4c !important;
    padding: 5px !important;
}

#pms-stripe-connect>li>h3 {
    color: #333;
}

.dark-mode #pms-stripe-connect>li>h3 {
    color: #efefef;
}

/* Article */
#container article {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Responsive table wrapper */
.pms-form-design-wrapper {
    overflow-x: auto;
}

/* Optional make the table look better on small screens */
.pms-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.pms-table th,
.pms-table td {
    padding: 10px;
    text-align: left;
    white-space: nowrap;
}

/* Optional improve horizontal scroll behavior */
.pms-form-design-wrapper::-webkit-scrollbar {
    height: 8px;
}

.pms-form-design-wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.dark-mode #pms-stripe-payment-elements>div>iframe,
.dark-mode #pms-stripe-payment-elements>div,
.dark-mode pms-stripe-payment-elements {
    background-color: #4c4c4c !important;
}