/* =====================================================
   PHOENIX ACCOUNT DASHBOARD
   LIGHT MODE ONLY
===================================================== */


/* =====================================================
   ACCOUNT BASE
===================================================== */

.account-wrapper{
    display:flex;
    max-width:1400px;
    margin:50px auto;
    padding:20px;
    gap:30px;
    align-items:flex-start;
}

.account-sidebar{
    flex:0 0 260px;
    width:260px;
}

.account-content{
    flex:1 1 auto;
    min-width:0;
}


/* =====================================================
   SIDEBAR
===================================================== */

.account-sidebar{
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:20px;
    padding:25px;
    box-shadow:0 20px 50px rgba(0,70,160,.08);
    height:max-content;
}

.account-user{
    text-align:center;
    padding-bottom:25px;
    border-bottom:1px solid #dbe7f7;
}

.user-avatar{
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#0758d5,#00a8ff);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    font-weight:900;
    color:#ffffff;
    margin:auto;
}

.account-user h3{
    margin:15px 0 5px;
    color:#0b1b3a;
}

.account-user span{
    color:#64748b;
    font-size:14px;
}


/* =====================================================
   SIDEBAR MENU
===================================================== */

.account-sidebar ul{
    list-style:none;
    padding:0;
    margin:25px 0 0;
}

.account-sidebar li{
    margin-bottom:8px;
}

.account-sidebar a{
    display:block;
    padding:12px 15px;
    border-radius:12px;
    color:#233858;
    text-decoration:none;
    transition:.3s;
}

.account-sidebar a:hover,
.account-sidebar .active a{
    background:#0758d5;
    color:#ffffff;
}


/* =====================================================
   DASHBOARD HEADER
===================================================== */

.dashboard-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}

.dashboard-header h1{
    font-size:38px;
    font-weight:900;
    margin:10px 0;
    color:#0b1b3a;
}

.dashboard-header span{
    color:#0758d5;
    font-size:13px;
    font-weight:700;
}

.dashboard-header p{
    color:#64748b;
}


/* =====================================================
   ACCOUNT STATUS
===================================================== */

.account-status{
    background:#ffffff;
    border:1px solid #dbe7f7;
    padding:20px 30px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,70,160,.06);
}

.account-status strong{
    display:block;
    margin-top:10px;
    color:#16a34a;
}


/* =====================================================
   DASHBOARD CARDS
===================================================== */

.dashboard-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-bottom:30px;
}

.dashboard-card{
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:20px;
    padding:25px;
    box-shadow:0 15px 40px rgba(0,70,160,.06);
}

.dashboard-card span{
    color:#64748b;
    font-size:14px;
}

.dashboard-card h2{
    font-size:35px;
    margin:15px 0;
    color:#0b1b3a;
}

.dashboard-card p{
    color:#64748b;
}


/* =====================================================
   GENERAL SECTIONS
===================================================== */

.account-section{
    width:100%;
    box-sizing:border-box;
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:20px;
    padding:25px;
    margin-bottom:25px;
    box-shadow:0 15px 40px rgba(0,70,160,.05);
}

.section-header{
    margin-bottom:20px;
}

.section-header h2{
    margin:0;
    color:#0b1b3a;
}

.section-header p{
    color:#64748b;
    margin:8px 0 0;
}


/* =====================================================
   MY PRODUCTS
   SAME INNER-BOX STRUCTURE AS MY LICENSES
===================================================== */

.product-card{
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:18px;
    padding:25px;
    box-shadow:0 15px 40px rgba(0,70,160,.06);
    width:100%;
    box-sizing:border-box;
}


/* PRODUCT HEADER */

.product-panel{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    box-sizing:border-box;
}

.product-info{
    min-width:0;
}

.product-info h3{
    font-size:22px;
    color:#0b1b3a;
    margin:0 0 8px;
}

.product-info p{
    color:#64748b;
    margin:0;
}

.badge-active{
    background:#dcfce7;
    color:#16a34a;
    padding:6px 15px;
    border-radius:20px;
    font-size:13px;
    font-weight:bold;
    white-space:nowrap;
}


/* PRODUCT DETAILS
   NO WHITE BACKGROUND HERE
   THESE BELONG INSIDE PRODUCT-CARD
*/

.product-details{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-top:25px;
    width:100%;
    box-sizing:border-box;
}

.product-details div{
    background:rgba(7,88,213,.04);
    border:1px solid rgba(7,88,213,.08);
    border-radius:14px;
    padding:18px;
    min-width:0;
    box-sizing:border-box;
}

.product-details span{
    display:block;
    color:#64748b;
    font-size:13px;
    margin-bottom:8px;
}

.product-details b{
    display:block;
    color:#0b1b3a;
    font-size:16px;
    word-break:break-word;
}


/* =====================================================
   LICENSE CARD
===================================================== */

.license-card{
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:18px;
    padding:25px;
    box-shadow:0 15px 40px rgba(0,70,160,.06);
}

.license-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.license-header h3{
    margin:0 0 8px;
    font-size:22px;
    color:#0b1b3a;
}

.license-header p{
    margin:0;
    color:#64748b;
}

.license-details{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-bottom:25px;
}

.license-details div{
    background:rgba(7,88,213,.04);
    padding:18px;
    border-radius:14px;
}

.license-details span{
    display:block;
    color:#64748b;
    font-size:13px;
    margin-bottom:8px;
}

.license-details b{
    font-size:16px;
    color:#0b1b3a;
}

.activate-license-btn{
    margin-top:10px;
}



/* =====================================================
   TRANSACTIONS
===================================================== */

.transaction-box{
    width:100%;
    box-sizing:border-box;

    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:18px;

    padding:25px;
}


/* =====================================================
   EACH TRANSACTION - WHITE BOX
===================================================== */

.transaction-row{
    display:block;

    width:100%;
    box-sizing:border-box;

    padding:25px;

    margin:0 0 18px 0;

    background:#ffffff;

    border:1px solid #dbe7f7;
    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,70,160,.06);

    overflow:hidden;
}


/* =====================================================
   SIX-COLUMN GRID
===================================================== */

.transaction-fields-grid{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(120px,1fr));

    gap:14px;

    width:100%;
}
.transaction-fields-grid{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}

/* =====================================================
   BLUE FIELD BOXES
===================================================== */

.transaction-fields-grid > div{
    background:rgba(7,88,213,.04);

    border:1px solid rgba(7,88,213,.08);

    border-radius:14px;

    padding:14px;

    min-width:0;

    box-sizing:border-box;

    overflow:hidden;
}


/* =====================================================
   LABEL
===================================================== */

.transaction-row span{
    display:block;

    color:#64748b;

    font-size:13px;

    margin-bottom:8px;

    white-space:nowrap;
}


/* =====================================================
   VALUE
===================================================== */

.transaction-row b{
    display:block;

    color:#0b1b3a;

    font-size:15px;

    word-break:normal;

    overflow-wrap:anywhere;

    line-height:1.35;
}


/* =====================================================
   STATUS
===================================================== */

.transaction-row .status-success{
    color:#16a34a !important;
}

.transaction-row .status-pending{
    color:#f59e0b !important;
}


/* =====================================================
   ACTIONS - WHITE AREA
===================================================== */

.transaction-action-area{
    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:10px;

    width:100%;

    margin-top:12px;

    padding:0;

    background:transparent;

    border:0;

    box-shadow:none;
}


/* =====================================================
   INLINE EDIT AREA
===================================================== */

.transaction-edit-area{
    width:100%;

    margin-top:12px;

    padding:0;

    background:transparent;

    border:0;

    box-shadow:none;
}


.transaction-edit-content{
    width:100%;

    box-sizing:border-box;

    display:flex;

    flex-direction:column;

    gap:8px;
}


.transaction-edit-content > span{
    margin-bottom:0;
}


.transaction-edit-input{
    width:100%;

    box-sizing:border-box;

    min-height:44px;

    padding:10px 12px;

    border:1px solid #dbe7f7;

    border-radius:10px;

    background:#ffffff;

    color:#0b1b3a;

    font-size:14px;

    outline:none;
}


.transaction-edit-buttons{
    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:10px;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1100px){

    .transaction-fields-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


@media(max-width:900px){

    .transaction-fields-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:700px){

    .transaction-row{
        padding:18px;
    }

    .transaction-fields-grid{
        grid-template-columns:1fr;

        gap:12px;
    }

}


/* =====================================================
   INVOICES
===================================================== */

.invoice-box{
    width:100%;
    box-sizing:border-box;
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:18px;
    padding:25px;
}

.invoice-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
    width:100%;
    box-sizing:border-box;
    padding:0;
    margin:0;
    background:transparent;
}

.invoice-row > div{
    background:rgba(7,88,213,.04);
    border:1px solid rgba(7,88,213,.08);
    border-radius:14px;
    padding:18px;
    min-width:0;
    box-sizing:border-box;
}

.invoice-row span{
    display:block;
    color:#64748b;
    font-size:13px;
    margin-bottom:8px;
}

.invoice-row b{
    display:block;
    color:#0b1b3a;
    font-size:16px;
    word-break:break-word;
}


/* =====================================================
   STATUS
===================================================== */

.status-success{
    color:#16a34a !important;
    font-weight:bold;
}

.status-pending{
    color:#f59e0b !important;
    font-weight:bold;
}


/* =====================================================
   PROFILE SETTINGS
===================================================== */

.profile-box{
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:18px;
    padding:25px;
    display:grid;
    gap:20px;
    box-sizing:border-box;
}


/* =====================================================
   PROFILE FIELD
===================================================== */

.profile-field{
    width:100%;
    box-sizing:border-box;
}

.profile-field label{
    display:block;
    color:#64748b;
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.profile-field input{
    width:100%;
    height:50px;
    padding:0 14px;

    border-radius:12px;
    border:1px solid #dbe7f7;

    background:#ffffff;
    color:#0b1b3a;

    font-size:15px;
    box-sizing:border-box;
    outline:none;

    transition:.25s;
}

.profile-field input:focus{
    border-color:#0758d5;
    box-shadow:0 0 0 4px rgba(7,88,213,.10);
}


/* =====================================================
   PROFILE EMAIL
===================================================== */

.profile-email-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    width:100%;
}

.profile-email-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:38px;
    padding:0 14px;

    background:#fff7ed;
    border:1px solid #fed7aa;
    border-radius:10px;

    color:#ea580c;
    font-size:13px;
    font-weight:700;

    white-space:nowrap;
    box-sizing:border-box;
}


/* =====================================================
   EMAIL VERIFICATION
===================================================== */

.profile-verification{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:18px;

    background:rgba(7,88,213,.04);
    border:1px solid rgba(7,88,213,.08);
    border-radius:14px;

    box-sizing:border-box;
}

.profile-verification strong{
    display:block;
    color:#0b1b3a;
    font-size:15px;
    margin-bottom:6px;
}

.profile-verification p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.6;
}


/* =====================================================
   VERIFY EMAIL BUTTON
===================================================== */

.profile-verify-button{
    flex:0 0 auto;

    min-height:44px;
    padding:11px 20px;

    border:none;
    border-radius:12px;

    background:linear-gradient(
        90deg,
        #0758d5,
        #00a8ff
    );

    color:#ffffff;

    font-size:14px;
    font-weight:800;

    cursor:pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

    box-shadow:
        0 10px 25px rgba(7,88,213,.20);
}

.profile-verify-button:hover{
    transform:translateY(-2px);

    box-shadow:
        0 15px 32px rgba(7,88,213,.30);
}

.profile-verify-button:disabled{
    background:#94a3b8;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}


/* =====================================================
   PROFILE PASSWORD
===================================================== */

.profile-password-row{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:18px;

    background:rgba(7,88,213,.04);
    border:1px solid rgba(7,88,213,.08);
    border-radius:14px;

    box-sizing:border-box;
}

.profile-password-row label{
    display:block;
    color:#64748b;
    font-size:14px;
    font-weight:700;
    margin-bottom:6px;
}

.profile-password-row p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.5;
}


/* =====================================================
   CHANGE PASSWORD BUTTON
===================================================== */

.profile-password-button{
    flex:0 0 auto;

    min-height:44px;
    padding:11px 20px;

    border:1px solid #dbe7f7;
    border-radius:12px;

    background:#ffffff;
    color:#0758d5;

    font-size:14px;
    font-weight:800;

    cursor:pointer;

    transition:.25s;
}

.profile-password-button:hover{
    background:#eaf2ff;
    border-color:#0758d5;

    transform:translateY(-1px);
}


/* =====================================================
   SAVE PROFILE
===================================================== */

#saveProfileChanges{
    width:auto;
    min-height:48px;

    justify-self:start;

    margin-top:2px;
}


/* =====================================================
   PROFILE RESPONSIVE
===================================================== */

@media(max-width:700px){

    .profile-box{
        padding:20px;
    }

    .profile-email-row{
        grid-template-columns:1fr;
        align-items:stretch;
    }

    .profile-email-status{
        justify-self:start;
    }

    .profile-verification{
        flex-direction:column;
        align-items:stretch;
        gap:15px;
    }

    .profile-verify-button{
        width:100%;
    }

    .profile-password-row{
        flex-direction:column;
        align-items:stretch;
        gap:15px;
    }

    .profile-password-button{
        width:100%;
    }

    #saveProfileChanges{
        width:100%;
    }

}
/* =====================================================
   PROFILE VERIFICATION ACTIONS
===================================================== */

.profile-verification-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    flex:0 0 auto;
}

.profile-resend-button{
    border:none;
    background:transparent;
    color:#0758d5;

    padding:4px 8px;

    font-size:12px;
    font-weight:700;

    cursor:pointer;
    text-align:center;

    transition:.25s;
}

.profile-resend-button:hover{
    color:#0043a8;
    text-decoration:underline;
}

.profile-resend-button:disabled{
    color:#94a3b8;
    cursor:not-allowed;
    text-decoration:none;
}


/* MOBILE */

@media(max-width:700px){

    .profile-verification-actions{
        width:100%;
    }

}
/* =====================================================
   ACTIVATION
===================================================== */

.activation-form{
    display:flex;
    gap:15px;
    align-items:center;
    margin-top:20px;
}

.activation-form input{
    flex:1;
    height:50px;
    padding:0 18px;
    border-radius:14px;
    border:1px solid #dbe7f7;
    background:#ffffff;
    color:#0b1b3a;
    font-size:15px;
    outline:none;
}

.activation-form input:focus{
    border-color:#0758d5;
    box-shadow:0 0 15px rgba(7,88,213,.18);
}

.activation-status{
    margin-top:20px;
    background:rgba(7,88,213,.05);
    padding:15px 20px;
    border-radius:14px;
}

.activation-status span{
    color:#64748b;
    margin-right:10px;
}


/* =====================================================
   BUTTONS
===================================================== */

nav button,
.primary{
    background:#0758d5;
    color:white;
}

nav button{
    box-shadow:0 12px 30px rgba(7,88,213,.3);
    transition:.3s;
}

nav button:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 40px rgba(7,88,213,.4);
}

.primary{
    box-shadow:0 15px 35px rgba(7,88,213,.35);
    transition:.3s;
}

.primary:hover{
    transform:translateY(-4px);
    box-shadow:0 25px 45px rgba(7,88,213,.45);
}
/* =====================================================
   BROWSE LICENSES
===================================================== */

a.primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 25px;
    border-radius:12px;

    color:white;
    font-size:14px;
    font-weight:800;

    text-decoration:none;

    background:#0758d5;
}
/* =====================================================
   MY INVOICES CARD
===================================================== */

.invoice-card{
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:18px;
    padding:25px;
    box-shadow:0 15px 40px rgba(0,70,160,.06);
}

.invoice-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.invoice-header h3{
    margin:0 0 8px;
    font-size:22px;
    color:#0b1b3a;
}

.invoice-header p{
    color:#64748b;
    margin:0;
}

.invoice-details{
    display:flex;
    flex-wrap:nowrap;
    gap:20px;
    margin-bottom:25px;
    width:100%;
}

.invoice-details > div{
    flex:0 0 auto;
    min-width:0;
    background:rgba(7,88,213,.04);
    padding:18px;
    border-radius:14px;
}

.invoice-details > div:first-child{
    flex:1 1 auto;
    min-width:420px;
}

.invoice-details > div:nth-child(2){
    flex:0 0 110px;
}

.invoice-details > div:nth-child(3){
    flex:0 0 150px;
}

.invoice-details > div:nth-child(4){
    flex:0 0 125px;
}
.invoice-details span{
    display:block;
    color:#64748b;
    font-size:13px;
    margin-bottom:8px;
}

.invoice-details b{
    font-size:16px;
    color:#0b1b3a;
}

.pay-invoice-btn{
    margin-top:10px;
}
.pay-invoice-btn:disabled{
    background:#60a5fa !important;

    color:#ffffff !important;

    border:none !important;

    cursor:not-allowed;

    opacity:1;

    box-shadow:
        0 8px 20px rgba(7,88,213,.12);

    transform:none;
}

.pay-invoice-btn:disabled:hover{
    background:#60a5fa !important;

    color:#ffffff !important;

    transform:none;

    box-shadow:
        0 8px 20px rgba(7,88,213,.12);
}

/* =====================================================
   PAYMENT MODAL
   DO NOT CHANGE
===================================================== */

.login-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(3,18,45,.65);
    backdrop-filter:blur(10px);
    align-items:center;
    justify-content:center;
    z-index:99999;
    padding:20px;
}

.login-modal.show{
    display:flex;
}

.payment-box{
    width:100%;
    max-width:620px;
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:24px;
    padding:25px;
    box-shadow:0 35px 90px rgba(0,40,100,.25);
}

.payment-box .login-title{
    margin-bottom:15px;
}

.payment-box .login-title h2{
    color:#0b1b3a;
}

.payment-box .login-title p{
    color:#64748b;
}


/* =====================================================
   PAYMENT INFORMATION
===================================================== */

.payment-info{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    background:rgba(7,88,213,.05);
    padding:15px;
    border-radius:14px;
    margin-bottom:18px;
}

.payment-info-item{
    display:grid;
    grid-template-columns:90px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-width:0;
}

.payment-info-item span{
    color:#64748b;
    font-size:13px;
}

.payment-info-item b{
    color:#0b1b3a;
    font-size:16px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


/* =====================================================
   PAYMENT METHOD / WALLET / TRANSACTION
===================================================== */

.payment-box .payment-method,
.payment-box .wallet-box,
.payment-box .transaction-box{
    display:grid !important;
    grid-template-columns:130px minmax(0,1fr) !important;
    align-items:center !important;
    gap:15px !important;
    width:100% !important;
    margin-top:14px !important;
    box-sizing:border-box !important;
}


/* IMPORTANT:
   Override dashboard transaction-box styling
   inside payment modal only.
*/

.payment-box .transaction-box{
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    padding:0 !important;
}


.payment-box .payment-method label,
.payment-box .wallet-box label,
.payment-box .transaction-box label{
    color:#64748b;
    font-size:14px;
    margin:0;
    padding:0;
}


/* =====================================================
   PAYMENT METHOD
===================================================== */

.payment-box .payment-method select{
    width:100%;
    height:45px;
    box-sizing:border-box;
    padding:0 12px;
    border-radius:12px;
    border:1px solid #dbe7f7;
    background:#ffffff;
    color:#0b1b3a;
    outline:none;
}


/* =====================================================
   WALLET
===================================================== */

.payment-box .wallet-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}

.payment-box #walletAddress{
    display:block !important;
    width:100% !important;
    height:45px !important;
    min-height:45px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 14px !important;
    background:#ffffff !important;
    color:#0b1b3a !important;
    border:1px solid #dbe7f7 !important;
    border-radius:12px !important;
    outline:none !important;
    box-shadow:none !important;
    opacity:1 !important;
}

.payment-box #walletAddress:-webkit-autofill,
.payment-box #walletAddress:-webkit-autofill:hover,
.payment-box #walletAddress:-webkit-autofill:focus{
    -webkit-text-fill-color:#0b1b3a !important;
    -webkit-box-shadow:0 0 0 1000px #ffffff inset !important;
    box-shadow:0 0 0 1000px #ffffff inset !important;
    background-color:#ffffff !important;
}

.payment-box #copyWallet{
    height:45px !important;
    min-height:45px !important;
    max-height:45px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    position:relative !important;
    top:0 !important;
    background:#0758d5 !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:12px !important;
    line-height:1 !important;
}


/* =====================================================
   PAYMENT TRANSACTION ID
===================================================== */

.payment-box .transaction-box input{
    width:100% !important;
    height:45px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:0 14px !important;
    background:#ffffff !important;
    color:#0b1b3a !important;
    border:1px solid #dbe7f7 !important;
    border-radius:12px !important;
}


/* =====================================================
   PAYMENT STATUS
===================================================== */

.payment-status{
    margin-top:18px;
    padding:12px 15px;
    border-radius:12px;
    background:rgba(7,88,213,.05);
    color:#64748b;
}

#paymentStatus{
    color:#f59e0b;
}


/* =====================================================
   SUBMIT PAYMENT
===================================================== */

.payment-box .login-submit{
    margin-top:18px;
    width:100%;
}


/* =====================================================
   RESPONSIVE — TABLET
===================================================== */

@media(max-width:1100px){

    .account-wrapper{
        gap:20px;
    }

    .account-sidebar{
        flex:0 0 230px;
        width:230px;
    }

    .transaction-row,
    .invoice-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* =====================================================
   RESPONSIVE — MOBILE / SMALL TABLET
===================================================== */

@media(max-width:900px){

    .account-wrapper{
        flex-direction:column;
        width:100%;
        box-sizing:border-box;
    }

    .account-sidebar{
        width:100%;
        flex:0 0 auto;
        box-sizing:border-box;
    }

    .dashboard-cards{
        grid-template-columns:1fr;
    }

    .dashboard-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .product-panel{
        flex-direction:row;
        align-items:center;
        gap:20px;
    }

    .product-details{
        grid-template-columns:1fr;
    }

    .license-header{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .license-details{
        grid-template-columns:1fr;
    }

    .invoice-header{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .invoice-details{
        grid-template-columns:1fr;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:700px){

    .account-wrapper{
        margin:25px auto;
        padding:12px;
    }

    .account-section{
        padding:20px;
    }

    .transaction-row,
    .invoice-row{
        grid-template-columns:1fr;
        gap:12px;
    }

    .transaction-row > div,
    .invoice-row > div{
        width:100%;
    }

    .activation-form{
        flex-direction:column;
        align-items:stretch;
    }

    .payment-info{
        grid-template-columns:1fr;
    }

    .payment-box .payment-method,
    .payment-box .wallet-box,
    .payment-box .transaction-box{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .payment-box .wallet-row{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .payment-box #copyWallet{
        width:100%;
    }

    .payment-box{
        padding:20px;
    }

    .product-panel{
        flex-direction:column;
        align-items:flex-start;
    }

    .product-details{
        grid-template-columns:1fr;
        gap:12px;
    }

}

/* =====================================================
   MY CART
   SAME STRUCTURE / STYLE AS MY PRODUCTS & MY LICENSES
===================================================== */

.cart-box{
    width:100%;
    box-sizing:border-box;
    background:#ffffff;
    border:1px solid #dbe7f7;
    border-radius:18px;
    padding:25px;
    box-shadow:0 15px 40px rgba(0,70,160,.06);
}


/* =====================================================
   CART ITEMS
===================================================== */

.cart-items{
    display:grid;
    gap:18px;
    width:100%;
    box-sizing:border-box;
}


/* =====================================================
   CART ITEM
===================================================== */

.cart-item{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) auto;
    gap:20px;
    align-items:center;

    width:100%;
    box-sizing:border-box;

    padding:20px;

    background:rgba(7,88,213,.04);
    border:1px solid rgba(7,88,213,.08);
    border-radius:14px;
}


/* =====================================================
   CART ITEM INFO
===================================================== */

.cart-item-info{
    min-width:0;
}

.cart-item-info h3{
    margin:0 0 8px;
    font-size:18px;
    color:#0b1b3a;
    word-break:break-word;
}

.cart-item-info p{
    margin:0;
    color:#64748b;
    font-size:14px;
    line-height:1.5;
}


/* =====================================================
   CART QUANTITY
===================================================== */

.cart-item-quantity,
.cart-item-price,
.cart-item-total{
    min-width:0;
}

.cart-item-quantity > span,
.cart-item-price > span,
.cart-item-total > span{
    display:block;
    color:#64748b;
    font-size:13px;
    margin-bottom:8px;
}


/* =====================================================
   QUANTITY CONTROLS
===================================================== */

.cart-quantity-controls{
    display:flex;
    align-items:center;
    gap:10px;
}

.cart-quantity-controls b{
    min-width:25px;
    text-align:center;
    color:#0b1b3a;
    font-size:16px;
}


.cart-qty-btn{
    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:1px solid #dbe7f7;
    border-radius:9px;

    background:#ffffff;
    color:#0758d5;

    font-size:18px;
    font-weight:700;

    cursor:pointer;
    transition:.25s;
}

.cart-qty-btn:hover{
    background:#eaf2ff;
    border-color:#0758d5;
}


/* =====================================================
   CART PRICE / TOTAL
===================================================== */

.cart-item-price b,
.cart-item-total b{
    display:block;
    color:#0b1b3a;
    font-size:16px;
    word-break:break-word;
}


/* =====================================================
   REMOVE BUTTON
===================================================== */

.cart-remove-btn{
    border:1px solid #fecaca;
    background:#fff1f2;
    color:#dc2626;

    padding:9px 14px;

    border-radius:10px;

    font-size:13px;
    font-weight:700;

    cursor:pointer;

    transition:.25s;
}

.cart-remove-btn:hover{
    background:#fee2e2;
    transform:translateY(-1px);
}


/* =====================================================
   CART SUMMARY
===================================================== */

.cart-summary{
    margin-top:20px;

    width:100%;
    box-sizing:border-box;

    padding:20px;

    background:#ffffff;

    border:1px solid #dbe7f7;
    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;
}


/* =====================================================
   CART SUMMARY TOTAL
===================================================== */

.cart-summary > div{
    display:flex;
    align-items:center;
    gap:12px;
}

.cart-summary span{
    color:#64748b;
    font-size:14px;
}

.cart-summary strong{
    color:#0b1b3a;
    font-size:20px;
}


/* =====================================================
   CART CHECKOUT
===================================================== */

.cart-checkout-btn{
    white-space:nowrap;
}


/* =====================================================
   EMPTY CART
===================================================== */

.cart-empty{
    background:rgba(7,88,213,.04);
    border:1px solid rgba(7,88,213,.08);
    border-radius:14px;

    padding:30px;

    text-align:center;
}

.cart-empty h3{
    margin:0 0 10px;

    font-size:22px;

    color:#0b1b3a;
}

.cart-empty p{
    margin:0 0 20px;

    color:#64748b;
}

.cart-empty .primary{
    display:inline-block;
    text-decoration:none;
}


/* =====================================================
   CART RESPONSIVE
===================================================== */

@media(max-width:1100px){

    .cart-item{
        grid-template-columns:
            minmax(0,2fr)
            repeat(2,minmax(120px,1fr))
            auto;
    }

    .cart-item-total{
        grid-column:2;
    }

}


@media(max-width:900px){

    .cart-item{
        grid-template-columns:1fr 1fr;
        gap:15px;
    }

    .cart-item-info{
        grid-column:1 / -1;
    }

    .cart-item-total{
        grid-column:auto;
    }

    .cart-summary{
        flex-direction:column;
        align-items:stretch;
    }

    .cart-summary > div{
        justify-content:space-between;
    }

    .cart-checkout-btn{
        width:100%;
    }

}


@media(max-width:700px){

    .cart-box{
        padding:20px;
    }

    .cart-item{
        grid-template-columns:1fr;
        padding:18px;
    }

    .cart-item-info,
    .cart-item-total{
        grid-column:auto;
    }

    .cart-quantity-controls{
        justify-content:flex-start;
    }

    .cart-remove-btn{
        width:100%;
    }

    .cart-summary{
        padding:18px;
    }

}


/* =====================================================
   MY INVOICES
   SPACING BETWEEN MULTIPLE INVOICE CARDS
===================================================== */

#invoices .invoice-card{
    margin-bottom:18px;
}

#invoices .invoice-card:last-child{
    margin-bottom:0;
}

.account-menu {
    display: flex;
    align-items: center;
    gap: 25px;
}

.account-menu-separator {
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,0.25);
}

/* =====================================================
   LICENSE ACTIVATION MODAL
===================================================== */

.license-modal{
    display:none;
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    background:rgba(3,18,45,.65);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    z-index:999999;

    align-items:center;
    justify-content:center;

    padding:20px;
    box-sizing:border-box;
}


/* =====================================================
   MODAL OVERLAY
===================================================== */

.license-modal-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background:transparent;
}


/* =====================================================
   MODAL CONTENT
===================================================== */

.license-modal-content{
    position:relative;
    z-index:2;

    width:100%;
    max-width:520px;

    background:#ffffff;

    border:1px solid #dbe7f7;
    border-radius:24px;

    padding:30px;

    box-sizing:border-box;

    box-shadow:
        0 35px 90px rgba(0,40,100,.30);

    animation:licenseModalFade .25s ease;
}


/* =====================================================
   MODAL ANIMATION
===================================================== */

@keyframes licenseModalFade{

    from{
        opacity:0;
        transform:translateY(20px) scale(.96);
    }

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

}


/* =====================================================
   MODAL HEADER
===================================================== */

.license-modal-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:20px;

    margin-bottom:25px;
}

.license-modal-header h3{
    margin:0;

    color:#0b1b3a;

    font-size:24px;
    font-weight:900;
}

.license-modal-header p{
    margin:8px 0 0;

    color:#64748b;

    font-size:14px;
    line-height:1.6;
}


/* =====================================================
   CLOSE BUTTON
===================================================== */

.license-modal-close{
    flex:0 0 auto;

    width:38px;
    height:38px;

    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#f1f5f9;

    color:#233858;

    font-size:24px;
    font-weight:400;

    line-height:1;

    cursor:pointer;

    transition:.25s;
}

.license-modal-close:hover{
    background:#eaf2ff;
    color:#0758d5;

    transform:none;
}


/* =====================================================
   ACTIVATION FORM GROUP
===================================================== */

.activation-form-group{
    width:100%;
    margin-bottom:18px;
}

.activation-form-group label{
    display:block;

    margin-bottom:8px;

    color:#64748b;

    font-size:14px;
    font-weight:700;
}


/* =====================================================
   LICENSE SELECT
===================================================== */

.activation-form-group select{
    width:100%;
    height:50px;

    box-sizing:border-box;

    padding:0 14px;

    border:1px solid #dbe7f7;
    border-radius:14px;

    background:#ffffff;

    color:#0b1b3a;

    font-size:15px;

    outline:none;

    transition:.25s;
}

.activation-form-group select:focus{
    border-color:#0758d5;

    box-shadow:
        0 0 0 4px rgba(7,88,213,.10);
}


/* =====================================================
   MT5 ACCOUNT INPUT
===================================================== */

.activation-form-group input{
    width:100%;
    height:50px;

    box-sizing:border-box;

    padding:0 16px;

    border:1px solid #dbe7f7;
    border-radius:14px;

    background:#ffffff;

    color:#0b1b3a;

    font-size:15px;

    outline:none;

    transition:.25s;
}

.activation-form-group input:focus{
    border-color:#0758d5;

    box-shadow:
        0 0 0 4px rgba(7,88,213,.10);
}


/* =====================================================
   ACTIVATE BUTTON
===================================================== */

#activateBtn{
    width:100%;
    height:52px;

    margin-top:5px;

    border:none;
    border-radius:14px;

    background:linear-gradient(
        90deg,
        #0758d5,
        #00a8ff
    );

    color:#ffffff;

    font-size:15px;
    font-weight:800;

    cursor:pointer;

    transition:.25s;

    box-shadow:
        0 12px 30px rgba(7,88,213,.25);
}

#activateBtn:hover{
    transform:translateY(-2px);

    box-shadow:
        0 18px 40px rgba(7,88,213,.35);
}

#activateBtn:disabled{
    background:#94a3b8;
    color:#e2e8f0;

    cursor:not-allowed;

    transform:none;

    box-shadow:none;
}


/* =====================================================
   ACTIVATION STATUS
===================================================== */

.license-modal .activation-status{
    width:100%;

    box-sizing:border-box;

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:15px;

    margin-top:18px;

    padding:14px 16px;

    background:rgba(7,88,213,.05);

    border:1px solid rgba(7,88,213,.08);

    border-radius:14px;
}

.license-modal .activation-status span{
    margin:0;

    color:#64748b;

    font-size:13px;
    font-weight:600;
}

.license-modal .activation-status b{
    color:#f59e0b;

    font-size:13px;

    font-weight:800;

    text-align:right;
}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){

    .license-modal{
        padding:12px;
    }

    .license-modal-content{
        width:100%;
        max-width:100%;

        padding:22px;

        border-radius:22px;

        max-height:90vh;
        overflow-y:auto;
    }

    .license-modal-header{
        gap:12px;
    }

    .license-modal-header h3{
        font-size:21px;
    }

    .license-modal-header p{
        font-size:13px;
    }

    .license-modal-close{
        width:34px;
        height:34px;

        font-size:21px;
    }

}


/* =====================================================
   END PHOENIX ACCOUNT CSS
===================================================== */
/* =====================================================
MY LICENSES — NEW STRUCTURE
Matches My Products / My Invoices
===================================================== */

/* LICENSE PURCHASE SUMMARY */

.license-purchase-summary{
width:100%;
box-sizing:border-box;

background:#ffffff;
border:1px solid #dbe7f7;
border-radius:18px;
padding:25px;
margin-bottom:25px;
box-shadow:0 15px 40px rgba(0,70,160,.06);

}

/* SUMMARY HEADER */

.license-summary-header{
margin-bottom:20px;
}

.license-summary-header h3{
margin:0 0 8px;

color:#0b1b3a;
font-size:22px;

}

.license-summary-header p{
margin:0;

color:#64748b;

}

/* TOTAL */

.license-summary-total{
display:flex;
align-items:center;
justify-content:space-between;

gap:20px;
padding:18px;
background:rgba(7,88,213,.04);
border:1px solid rgba(7,88,213,.08);
border-radius:14px;
box-sizing:border-box;

}

.license-summary-total span{
color:#64748b;
font-size:14px;
}

.license-summary-total b{
color:#0b1b3a;
font-size:28px;
font-weight:900;
}

/* LICENSE TYPE COUNTS */

.license-summary-types {
    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                0,
                1fr
            )
        );

    gap: 20px;

    margin-top: 20px;

    width: 100%;

    box-sizing: border-box;
}

.license-summary-types > div {
    background:
        rgba(
            7,
            88,
            213,
            .04
        );

    border:
        1px solid
        rgba(
            7,
            88,
            213,
            .08
        );

    border-radius: 14px;

    padding: 18px;

    min-width: 0;

    box-sizing: border-box;
}

.license-summary-types span {
    display: block;

    color: #64748b;

    font-size: 13px;

    margin-bottom: 8px;
}

.license-summary-types b {
    display: block;

    color: #0b1b3a;

    font-size: 22px;

    font-weight: 900;
}

/* ACTIVATE BUTTON */

.license-summary-action{
margin-top:20px;
}

.license-summary-action .primary{
width:auto;
}

/* =====================================================
ACTIVATED LICENSES
===================================================== */

.licenses-section{
width:100%;
box-sizing:border-box;
}

.licenses-section > .section-header{
margin-bottom:20px;
}

.licenses-container{
display:grid;
gap:18px;

width:100%;
box-sizing:border-box;

}

/* =====================================================
LICENSE CARDS
Same visual language as My Products
===================================================== */

.licenses-container .license-card{
width:100%;
box-sizing:border-box;

background:#ffffff;
border:1px solid #dbe7f7;
border-radius:18px;
padding:25px;
box-shadow:0 15px 40px rgba(0,70,160,.06);

}

/* LICENSE HEADER */

.licenses-container .license-header{
display:flex;

justify-content:space-between;
align-items:center;
gap:20px;
margin-bottom:25px;

}

.licenses-container .license-header h3{
margin:0 0 8px;

font-size:22px;
color:#0b1b3a;

}

.licenses-container .license-header p{
margin:0;

color:#64748b;

}

/* LICENSE DETAILS */

.licenses-container .license-details{
display:grid;

grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
margin-bottom:25px;
width:100%;
box-sizing:border-box;

}

.licenses-container .license-details div{
background:rgba(7,88,213,.04);

border:1px solid rgba(7,88,213,.08);
border-radius:14px;
padding:18px;
min-width:0;
box-sizing:border-box;

}

.licenses-container .license-details span{
display:block;

color:#64748b;
font-size:13px;
margin-bottom:8px;

}

.licenses-container .license-details b{
display:block;

color:#0b1b3a;
font-size:16px;
word-break:break-word;

}

/* LICENSE STATUS */

.licenses-container .status-success{
color:#16a34a !important;
font-weight:bold;
}

.licenses-container .status-pending{
color:#f59e0b !important;
font-weight:bold;
}





/* =====================================================
   ACTIVATED LICENSE BUTTON
   Same Phoenix Button Style + Hover Animation
===================================================== */

.licenses-container .license-activated{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:44px;
    padding:12px 25px;

    border:none;
    border-radius:12px;

    background:linear-gradient(
        90deg,
        #0758d5,
        #00a8ff
    );

    color:#ffffff !important;

    font-size:14px;
    font-weight:800;

    cursor:pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

    box-shadow:
        0 12px 30px rgba(7,88,213,.25);
}


/* HOVER */

.licenses-container .license-activated:hover{
    transform:translateY(-2px);

    box-shadow:
        0 18px 40px rgba(7,88,213,.35);
}


/* ACTIVATED / DISABLED */

.licenses-container .license-activated:disabled{
    background:#60a5fa !important;

    color:#ffffff !important;

    border:none !important;

    cursor:not-allowed;

    opacity:1;

    box-shadow:
        0 8px 20px rgba(7,88,213,.12);

    transform:none;
}


/* DISABLED HOVER */

.licenses-container .license-activated:disabled:hover{
    background:#60a5fa !important;

    color:#ffffff !important;

    transform:none;

    box-shadow:
        0 8px 20px rgba(7,88,213,.12);
}

/* =====================================================
RESPONSIVE
===================================================== */

@media(max-width:900px){

.license-summary-types{
    grid-template-columns:1fr;
}
.licenses-container .license-details{
    grid-template-columns:1fr;
}
.licenses-container .license-header{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}

}

@media(max-width:700px){

.license-purchase-summary{
    padding:20px;
}
.license-summary-total{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
}
.license-summary-types{
    gap:12px;
}
.license-summary-action .primary{
    width:100%;
}
.licenses-container .license-card{
    padding:20px;
}

}



/* =====================================================
   FIX TRANSACTION EXTRA BOX LAYERS
===================================================== */

/* Main Transactions container */
#transactions .transaction-box{
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}

/* Each transaction = ONE white card */
#transactions .transaction-row{
    width:100%;
    box-sizing:border-box;

    background:#ffffff !important;

    border:1px solid #dbe7f7 !important;
    border-radius:18px !important;

    padding:25px !important;
    margin:0 0 18px 0 !important;

    box-shadow:0 15px 40px rgba(0,70,160,.06) !important;
}


/* =====================================================
   TRANSACTION FIELD BOXES ONLY
===================================================== */

#transactions .transaction-fields-grid > div{
    background:rgba(7,88,213,.04) !important;

    border:1px solid rgba(7,88,213,.08) !important;

    border-radius:14px !important;

    padding:18px !important;

    box-sizing:border-box;

    min-width:0;
}
#transactions .transaction-row:last-child{
    margin-bottom:0 !important;
}

/* =========================
   CHANGE PASSWORD MODAL
========================= */

.password-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.45);
}

.password-modal-content {
    position: relative;
    width: 100%;
    max-width: 460px;
    padding: 28px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.password-modal-content h3 {
    margin: 0 0 6px;
    font-size: 22px;
    color: #111827;
}

.password-modal-content > p {
    margin: 0 0 22px;
    color: #6b7280;
    font-size: 14px;
}

.password-modal-close {
    position: absolute;
    top: 14px;
    right: 16px;
    border: none;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
}

.password-modal-close:hover {
    color: #111827;
}

.password-modal-content .profile-field {
    margin-bottom: 16px;
}

.password-modal-content .profile-field label {
    display: block;
    margin-bottom: 7px;
}

.password-modal-content .profile-field input {
    width: 100%;
    box-sizing: border-box;
}

.password-modal-status {
    display: none;
    margin: 12px 0 16px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
}

.password-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.password-modal-actions button {
    min-width: 110px;
}

/* =========================
   CHANGE PASSWORD STRENGTH
========================= */
#changePasswordStrength {
    width: 100%;
    height: 6px;
    background: #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 10px;
}
#changePasswordStrengthBar {
    height: 100%;
    width: 0%;
    border-radius: 10px;
    transition: .3s;
}
/* =====================================================
   DEMO LICENSE PROMO
   SAME STYLE AS MY LICENSES CARDS
===================================================== */

/* DEMO LICENSE PROMO */
#demoLicensePromo {
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #dbe7f7;
    border-radius: 18px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 15px 40px rgba(0,70,160,.06);
}

#demoLicensePromo h3 {
    margin: 0 0 8px;
    font-size: 22px;
    color: #0b1b3a;
}

#demoLicensePromo p {
    margin: 0;
    color: #64748b;
}

#demoLicensePromo #getDemoLicenseBtn {
    margin-top: 20px;
}
/* =========================================================
   DEMO ALREADY USED MESSAGE
========================================================= */

#demoTryMessage {
    margin: 20px 0;
    padding: 18px 22px;
    border-radius: 12px;
    background: #f5f7fa;
    border: 1px solid #d9dee7;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}
/* =====================================================
   END PHOENIX ACCOUNT CSS
===================================================== */
/* =========================================================
   HEADER LANGUAGE SWITCHER
   Minimal EN / فارسی toggle
========================================================= */

.header-language{
display:flex;
align-items:center;
margin:0;
padding:0;
}

.header-language button{
background:transparent !important;
border:0;
box-shadow:none !important;
padding:2px 4px !important;
margin:0;
border-radius:0;
color:#233858;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1;
}

.header-language button:hover{
background:transparent !important;
color:#0758d5;
transform:none !important;
box-shadow:none !important;
}

.header-language button.active{
color:#0758d5;
font-weight:700;
}