/* =============================================
   Index Page (Portal) Additional Styles
   Extracted from index.php
   ============================================= */

/* Central Logo Shadow Effect */
.central-logo-shadow {
    filter: drop-shadow(0 0 32px rgba(255, 255, 255, 0.65)) drop-shadow(0 4px 18px rgba(255, 255, 255, 0.32));
    transition: filter 0.2s;
}

.central-logo-shadow:hover {
    filter: drop-shadow(0 0 48px rgba(255, 255, 255, 0.85)) drop-shadow(0 8px 32px rgba(255, 255, 255, 0.38));
}

#central-logo-link {
    cursor: pointer;
}

/* Error Message Styling */
.error-message-box {
    background-color: #f8d7da;
    color: #721c24;
    padding: 10px;
    margin: 10px;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

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

/* Mobile responsive */
@media (max-width: 767px) {
    .central-logo-shadow {
        filter: drop-shadow(0 0 16px rgba(255, 255, 255, 0.5)) drop-shadow(0 2px 10px rgba(255, 255, 255, 0.2));
    }
    
    #central-logo-link img {
        max-width: 80%;
        height: auto;
    }
    
    .error-message-box {
        margin: 8px;
        padding: 8px;
        font-size: 0.9em;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    #central-logo-link img {
        max-width: 90%;
    }
    
    .error-message-box {
        margin: 5px;
        padding: 6px;
        font-size: 0.85em;
        border-radius: 3px;
    }
}