:root {
    --tnc-edd-account-primary: #1a43bf;
    --tnc-edd-account-secondary: #0d2137;
    --tnc-edd-account-text-light: #ffffff;
    --tnc-edd-account-text-dark: #333333;
    --tnc-edd-account-bg-light: #EDF4FF;
    --tnc-edd-account-border: #e1e4e8;
    --tnc-edd-account-sidebar-width: 300px;
}

.tnc-edd-account-wrapper {
    display: flex;
    border-radius: 6px 0 0 6px;
    overflow: hidden;
    min-height: 600px;
}

.tnc-edd-account-sidebar {
    width: 371px;
    background-color: #0041A8;
    color: var(--tnc-edd-account-text-light);
    flex-shrink: 0;
}

.tnc-edd-account-user-profile {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 50px;
    padding-bottom: 70px;
    padding-top: 51px;
}

.tnc-edd-account-user-avatar img {
    border-radius: 50%;
    border: 2px solid white;
    width: 60px;
    height: 60px;
}

.tnc-edd-account-user-info h3 {
    margin: 0;
    font-size: 18px;
    color: var(--tnc-edd-account-text-light);
}

.tnc-edd-account-user-info p {
    margin: -9px 0 0;
    font-size: 13px;
}

.tnc-edd-account-user-info p a {
    color: var(--tnc-edd-account-text-light);
    text-decoration: underline;
}

.tnc-edd-account-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tnc-edd-account-tabs li {
    margin: 0;
}

.tnc-edd-account-tabs li a {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    text-decoration: none;
    transition: all 0.3s ease;
    gap: 17px;
    padding-left: 50px;
}

.tnc-edd-account-tabs li a:hover {
    background-color: #EDF4FF;
    color: #0F2D35;
}


.tnc-edd-account-tabs li.active a {
    background-color: #EDF4FF;
    color: #0F2D35;
}


.tnc-edd-account-icon {
    display: flex;
    align-items: center;
}

.tnc-icon-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
}

.tnc-icon-hover {
    display: none;
}

.tnc-edd-account-tabs li a:hover .tnc-icon-normal,
.tnc-edd-account-tabs li.active a .tnc-icon-normal {
    display: none;
}

.tnc-edd-account-tabs li a:hover .tnc-icon-hover,
.tnc-edd-account-tabs li.active a .tnc-icon-hover {
    display: block;
}

.tnc-edd-account-content {
    flex-grow: 1;
    border-radius: 0 6px 0 0;
    border: 1px solid #D2DAE6;
    background: #FFF;
}

.tnc-edd-account-user-info h3 {
    text-transform: capitalize;
}

.tnc-edd-account-tab-content {
    display: none;
}

.tnc-edd-account-tab-content.active {
    display: block;
    animation: tnc-edd-account-fadeIn 0.3s ease-in-out;
}

@keyframes tnc-edd-account-fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* EDD Specific Styles Overrides */
.tnc-edd-account-content table {
    width: 100%;
    border-collapse: collapse;
}

.tnc-edd-account-content thead th {
    background-color: var(--tnc-edd-account-secondary);
    color: white;
    padding: 15px;
    text-align: left;
    font-weight: normal;
}

.tnc-edd-account-content tbody td {
    padding: 15px;
    border-bottom: 1px solid var(--tnc-edd-account-border);
    color: #666;
}

.tnc-edd-account-content h2 {
    margin-top: 0;
    color: var(--tnc-edd-account-secondary);
}

@media (max-width: 980px) {
    .tnc-edd-account-wrapper {
        flex-direction: column;
    }

    .tnc-edd-account-sidebar {
        width: 100%;
        border-top-right-radius: 8px;
    }
}


ul.tnc-edd-account-tabs {
    padding: 0px !important;
}

.tnc-edd-account-user-info h3 {
    color: #FFF;
    /* H5 */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 30px */
    letter-spacing: -0.4px;
}

.tnc-edd-account-user-info p {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;

}

.tnc-edd-account-user-info p a {
    color: #D2DAE6 !important;
}

.tnc-edd-account-title {
    border-radius: 0 6px 0 0;
    background: #0F2D35;
    padding-left: 39px;
    padding-bottom: 24px;
    padding-top: 24px;
}


.tnc-edd-account-title h2 {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin: 0px;
    padding-bottom: 0px;
}

.tnc-edd-account-personal-info-wrap {
    padding-left: 40px;
    padding-right: 94px;
    padding-top: 40px;
    padding-bottom: 80px;
}

.tnc-edd-account-personal-info-title {
    color: #0F2D35;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.4px;
    padding-bottom: 30px;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_address_fieldset legend {
    color: #0F2D35;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.4px;
    padding-top: 50px;
    padding-bottom: 30px;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_personal_fieldset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_personal_fieldset p input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D2DAE6;
    background: #F3F4F7;
    padding: 10px;
    height: 50px;
    color: #0F2D35;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_personal_fieldset p select {
    border-radius: 4px;
    border: 1px solid #D2DAE6;
    background: #F3F4F7;
    width: 100%;
    color: #0F2D35;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_address_fieldset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}


.tnc-edd-account-personal-info-wrap fieldset#edd_profile_address_fieldset p input {
    border-radius: 4px;
    border: 1px solid #D2DAE6;
    background: #F3F4F7;
    width: 100%;
    padding: 10px;
    height: 50px;
    color: #0F2D35;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_address_fieldset p select {
    border-radius: 4px;
    border: 1px solid #D2DAE6;
    background: #F3F4F7;
    width: 100%;
    padding: 10px;
    height: 50px;
    color: #0F2D35;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}


.tnc-edd-account-personal-info-wrap fieldset#edd_profile_password_fieldset p input {
    border-radius: 4px;
    border: 1px solid #D2DAE6;
    background: #F3F4F7;
    width: 100%;
    padding: 10px;
    height: 50px;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_password_fieldset p select {
    border-radius: 4px;
    border: 1px solid #D2DAE6;
    background: #F3F4F7;
    width: 100%;
    padding: 10px;
    height: 50px;
    color: #8B9194;
}

.tnc-edd-account-personal-info-wrap fieldset#edd_profile_submit_fieldset p input {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    height: 50px;
    border-radius: 4px;
    background: #0055D4;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.tnc-edd-account-personal-info-wrap legend#edd_profile_password_label {
    color: #0F2D35;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.4px;
    padding-top: 50px;
    padding-bottom: 30px
}

.tnc-edd-account-personal-info-wrap select#edd_display_name {
    height: 50px;
}

.tnc-edd-account-personal-info-wrap label {
    color: #0F2D35;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

table#edd_user_history thead tr.edd_purchase_row {
    border-radius: 0 6px 0 0 !important;
    background: #0F2D35 !important;
}

#edd_user_history th {
    background: transparent !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    color: #FFF !important;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
}


table#edd_user_history thead tr.edd_download_history_row {
    border-radius: 0 6px 0 0 !important;
    background: #0F2D35 !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

table#edd_user_history thead tr.edd_download_history_row {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

#edd_user_history td {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

tr.edd_purchase_row:nth-child(odd) {
    background-color: #FFF !important;
}

tr.edd_purchase_row:nth-child(even) {
    background-color: #F3F4F7 !important;
}

/* Odd rows */
tr.edd_download_history_row:nth-child(odd) {
    background-color: #FFF !important;
}

/* Even rows */
tr.edd_download_history_row:nth-child(even) {
    background-color: #F3F4F7 !important;
}


table#edd_user_history tr:nth-child(odd) {
    background-color: #FFF !important;
}

table#edd_user_history tr:nth-child(even) {
    background-color: #F3F4F7 !important;
}

#edd_user_history th {
    padding-left: 25px !important;
}

tr.edd_purchase_row td {
    padding-left: 20px !important;
}

table#edd_user_history tbody td {
    padding-left: 20px !important;
    color: #87898A !important;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;

}

table#edd_user_history tbody td a {
    color: #0055D4;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}


/* Alert Box */
.tnc-edd-account-alert {
    display: flex;
    align-items: center;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 6px;
    border-radius: 6px;
    padding: 15px 20px;
    margin-bottom: 25px;
    gap: 15px;
    margin-top: 25px;
}

.tnc-edd-account-alert-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.tnc-edd-account-alert p {
    margin: 0 !important;
    color: #664D03;
    font-size: 15px;
    line-height: 1.4;
}

.tnc-edd-account-alert a.update-profile-link {
    color: #0055D4;
    font-weight: 600;
    text-decoration: underline;
}

.tnc-edd-account-alert a.update-profile-link:hover {
    color: #0041A8;
}

/* All Access Pass Card Design */
.tnc-edd-all-access-card {
    background: #F3F4F7;
    border: 1px solid #e1e8f0;
    border-radius: 8px;
    font-family: 'Inter', sans-serif
}

.tnc-all-access-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    border-bottom: 1px solid #e1e8f0;
}

.tnc-all-access-title {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #314b60;
    font-family: 'Inter', sans-serif;
}

.tnc-all-access-badge-pro {
    background: #3498db;
    color: #fff;
    padding: 10px 24px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
}

.tnc-all-access-badge-icon svg {
    width: 20px;
    height: 20px;
}

.tnc-all-access-body {
    padding: 0;
}

.tnc-all-access-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 25px;
    border-bottom: 1px solid #D2DAE6;
}

.tnc-all-access-row:last-child {
    border-bottom: none;
}

.tnc-all-access-label {
    font-weight: 600;
    color: #314b60;
    font-size: 16px;
}

.tnc-all-access-value {
    color: #314b60;
    font-size: 16px;
}

.tnc-license-key {
    color: #3498db;
    word-break: break-all;
}

.tnc-status-badge {
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
}

.tnc-status-badge.active,
.tnc-status-badge.valid {
    background: #3c763d;
    color: #fff;
}

.tnc-status-badge.expired,
.tnc-status-badge.inactive {
    background: #a94442;
    color: #fff;
}

.tnc-status-badge.disabled {
    background: #777;
    color: #fff;
}

.tnc-all-access-footer {
    padding: 20px 25px;
    background: #F3F4F7 !important;
    border-top: 1px solid #e1e8f0;
    border-radius: 0 0 8px 8px;
}

.tnc-all-access-actions {
    margin-bottom: 6px;
    font-size: 15px;
}

.tnc-action-link {
    color: #314b60;
    text-decoration: underline;
    font-weight: 500;
}

.tnc-all-access-info {
    font-size: 14px;
    color: #7f8c8d;
    line-height: 1.6;
}

.tnc-info-icon {
    font-size: 16px;
    margin-right: 5px;
    color: #bdc3c7;
}

.tnc-all-access-info a {
    color: #314b60;
    text-decoration: underline;
    font-weight: 500;
}

.tnc-edd-account-contact-info p {
    padding-bottom: 0px !important;
}

.tnc-edd-all-access-wrap {
    padding-top: 40px;
}

.tnc-edd-account-personal-info-title {
    padding-bottom: 10px;
}

.tnc-edd-account-contact-info {
    margin-bottom: 30px;
}

.tnc-all-access-subtitle {
    display: flex;
}


.tnc-edd-all-access-card .edd-submit.button.blue {
    background: #428bca;
    border-color: #357ebd;
    color: #fff;
    background: no-repeat;
    background: none;
    border: none;
    color: #000;
    text-decoration: underline;
    font-weight: 600;
}

.tnc-edd-all-access-card .edd-submit.button:hover {
    background: none !important;
    color: #000 !important;
    text-decoration: unset !important;
}

.tnc-all-access-subtitle p {
    color: #000;
}

.tnc_edd_download_file .button.blue.edd-submit.edd-all-access-btn.button {
    width: 100%;
    padding: 10px;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700 !important;
    background-color: #0055d4;
    margin-top: 10px !important;
}

.tnc_edd_download_file .button.blue.edd-submit.edd-all-access-btn.button:hover {
    background-color: #0041a8;
}


p.tnc-edd-account-contact-info-title {
    color: #0F2D35 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    margin-bottom: 10px !important;
}

.tnc-edd-account-contact-info p {
    color: #4A5F66;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.tnc-all-access-subtitle {
    border: 1px solid #D2DAE6;
    padding: 10px;
    border-radius: 8px;
}

a.edd_subscription_cancel {
    color: #EF4444 !important;
}

span.edd_subscription_status {
    color: #10B981;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}


span.edd_subscription_name {
    color: #0F2D35;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.36px;
}


/* media query max-width 980px */

@media screen and (max-width: 980px) {

    .tnc-edd-account-user-profile {
        padding-bottom: 20px;
    }

    .tnc-edd-account-title {
        border-radius: 0px;
    }

    .tnc-edd-account-user-profile {
        padding-left: 20px;
    }

    .tnc-edd-account-tabs li a {
        padding-left: 20px;
    }
}



@media screen and (max-width: 1428px) {
    .tnc-all-access-header {
        flex-direction: column;
        align-items: start;
    }

    .tnc-all-access-subtitle {
        margin-top: 20px;
        margin-bottom: 10px;

    }
}

@media screen and (max-width: 1206px) {

    .tnc-edd-account-personal-info-wrap {

        padding-right: 20px;
        padding-left: 20px;
    }
}


/* Make table horizontally scrollable on small screens */
@media screen and (max-width: 600px) {
    table#edd_user_history {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* smooth scrolling on iOS */
        border-collapse: collapse;
        /* optional for better look */
    }

    table#edd_user_history th,
    table#edd_user_history td {
        white-space: nowrap;
        /* prevent text from breaking into multiple lines */
    }

    .tnc-all-access-subtitle {
        align-items: center;
    }
}


@media screen and (max-width: 500px) {

    .tnc-edd-account-personal-info-wrap fieldset#edd_profile_personal_fieldset {
        grid-template-columns: auto;
    }

    .tnc-edd-account-personal-info-wrap fieldset#edd_profile_address_fieldset {

        grid-template-columns: auto;
    }

}

@media screen and (min-width:980px) {
    .tnc-edd-account-sidebar {
        padding-bottom: 100px;
    }
}


.tnc-all-access-row:nth-child(odd) {
    background-color: #ffffff;
}

.tnc-all-access-row:nth-child(even) {

    background-color: #F3F4F7;
}