/* Portal Card Click Fix - Ensures cards are always clickable */

.portal-card {
    position: relative !important;
    z-index: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    display: block !important;
    background: var(--bs-dark) !important;
    border: 2px solid var(--bs-border-color) !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    min-height: 120px !important;
    text-decoration: none !important;
}

.portal-card:hover {
    transform: translateY(-5px) !important;
    border-color: var(--bs-warning) !important;
    box-shadow: 0 8px 25px rgba(255, 193, 7, 0.3) !important;
    background: rgba(255, 193, 7, 0.1) !important;
}

.portal-card .portal-icon {
    font-size: 2rem !important;
    color: var(--bs-warning) !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
}

.portal-card .portal-title {
    font-weight: 600 !important;
    color: var(--bs-light) !important;
    margin-bottom: 0.25rem !important;
    font-size: 1.1rem !important;
}

.portal-card .portal-subtitle {
    color: var(--bs-light) !important;
    opacity: 0.8 !important;
    font-size: 0.9rem !important;
}

/* Ensure links are clickable */
a.text-decoration-none {
    pointer-events: auto !important;
    display: block !important;
    text-decoration: none !important;
}

a.text-decoration-none:hover {
    text-decoration: none !important;
}

/* Force clickability on all portal elements */
.portal-card,
.portal-card *,
a[href*="rides"],
a[href*="drivers"], 
a[href*="reports"],
a[href*="dispatch"],
a[href*="affiliates"],
a[href*="settlements"],
a[href*="communications"],
a[href*="time_tracking"],
a[href*="business_analytics"],
a[href*="users"],
a[href*="ns_future_data"] {
    pointer-events: auto !important;
}

/* Remove any overlay issues */
.portal-card::before,
.portal-card::after {
    display: none !important;
}

/* Debug - make portal cards very obvious if they're not working */
.portal-card:not(:hover) {
    background: rgba(40, 40, 40, 0.9) !important;
}

.portal-card:active {
    transform: scale(0.95) !important;
    background: rgba(255, 193, 7, 0.2) !important;
}