/* ==========================================================================
   ELIM BIBLE COLLEGE STUDENT PORTAL — GLOBAL CUSTOM STYLES
   ========================================================================== */

/* 1. Global Notification Bell Styling (Simple Bell, No Blue Box) */
.tutor-dashboard-header-right .ebc-notification-wrapper,
.ebc-notification-wrapper {
    margin-right: 18px;
    display: flex;
    align-items: center;
    position: relative;
}

/* Specific selector targeting notification button to override any generic button styling */
.tutor-dashboard-header-right button#ebc-notif-trigger,
.tutor-dashboard-header-right button.ebc-notif-bell,
button#ebc-notif-trigger,
button.ebc-notif-bell {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    position: relative !important;
    padding: 6px !important;
    color: #475569 !important;
    transition: color 0.2s ease, transform 0.1s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
}

.tutor-dashboard-header-right button#ebc-notif-trigger:hover,
.tutor-dashboard-header-right button.ebc-notif-bell:hover,
button#ebc-notif-trigger:hover,
button.ebc-notif-bell:hover {
    color: #3e64ff !important;
    background: none !important;
    background-color: transparent !important;
}

.tutor-dashboard-header-right button#ebc-notif-trigger:active,
.tutor-dashboard-header-right button.ebc-notif-bell:active,
button#ebc-notif-trigger:active,
button.ebc-notif-bell:active {
    transform: scale(0.95);
}

.tutor-dashboard-header-right button#ebc-notif-trigger svg,
.tutor-dashboard-header-right button.ebc-notif-bell svg,
button#ebc-notif-trigger svg,
button.ebc-notif-bell svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
}

/* Notification badge */
#ebc-notif-count {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    background: #ff4d4f !important; /* Premium red badge */
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    min-width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #fff !important;
    padding: 0 !important;
    box-sizing: content-box !important;
    z-index: 10 !important;
}

/* Notification popover */
.ebc-notif-popup {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    font-family: inherit !important;
    z-index: 999999 !important;
}

.ebc-notif-item:hover { background: #f8fafc !important; }
#ebc-mark-all-read:hover { color: #2563eb !important; }
.ebc-notif-scroll::-webkit-scrollbar { width: 5px; }
.ebc-notif-scroll::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }

/* Responsive popover */
@media (max-width: 768px) {
    .tutor-dashboard-header-right .ebc-notification-wrapper,
    .ebc-notification-wrapper {
        margin-right: 10px;
    }
    .ebc-notif-popup {
        position: fixed !important;
        top: 64px !important;
        left: 12px !important;
        right: 12px !important;
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        transform: none !important;
    }
}

/* 2. Custom Registration Form Formatting (Scoped to Form ID) */
#tutor-registration-form .tutor-form-row {
    margin-bottom: 14px !important; /* Visual row spacing target of 14px */
}

#tutor-registration-form .tutor-form-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

#tutor-registration-form .tutor-form-group label {
    display: block !important;
    margin-bottom: 6px !important; /* Constant label-to-input gap */
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #374151 !important;
}

#tutor-registration-form .tutor-form-group input[type="file"] {
    display: block !important;
    width: 100% !important;
    padding: 6px 0 !important;
    font-size: 14px !important;
    color: #4b5563 !important;
}

/* Force registration wrappers to occupy 100% of their columns */
#tutor-registration-form .tutor-form-wrap,
#tutor-registration-form .tutor-password-strength-checker,
#tutor-registration-form .tutor-password-field {
    width: 100% !important;
    max-width: 100% !important;
}

/* Force password inputs to stretch to full width of their wrappers */
#tutor-registration-form .tutor-password-field input[type="password"],
#tutor-registration-form .tutor-form-wrap input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}