/* Tony Fintech Global Styles - Loaded on all frontend pages */

/* =============================================
   Header User Dropdown Menu Icons
   ============================================= */

/* Flex container for the link to ensure alignment */
.user-info .menu-item-student-submission a,
.user-info .menu-item-request-refund a,
.thim-user-profile-dropdown .menu-item-student-submission a,
.thim-user-profile-dropdown .menu-item-request-refund a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    /* Match Theme gap */
}

/* Icon Styles */
.user-info .menu-item-student-submission i,
.user-info .menu-item-request-refund i,
.thim-user-profile-dropdown .menu-item-student-submission i,
.thim-user-profile-dropdown .menu-item-request-refund i {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;

    font-size: 14px !important;
    width: 20px !important;
    /* Fixed width to align text perfectly with other items */
    text-align: center !important;
    color: rgb(46, 196, 182) !important;
    /* Teal Color */
    display: inline-block !important;
    line-height: normal !important;
    margin-right: 0 !important;
    /* We use gap on parent instead */
}

/* Specific Icons */
.user-info .menu-item-student-submission i::before,
.thim-user-profile-dropdown .menu-item-student-submission i::before {
    content: "\f1d8" !important;
    /* Paper Plane */
}

.user-info .menu-item-request-refund i::before,
.thim-user-profile-dropdown .menu-item-request-refund i::before {
    content: "\f4c0" !important;
    /* Hand Holding USD */
}

/* Hover State */
.user-info .menu-item-student-submission:hover i,
.user-info .menu-item-request-refund:hover i,
.thim-user-profile-dropdown .menu-item-student-submission:hover i,
.thim-user-profile-dropdown .menu-item-request-refund:hover i {
    color: var(--tony-primary, #1a365d) !important;
}