/* Dynamic Favicon and App Icon Styles */

/* Ensure the favicon loads properly */
link[rel="icon"], 
link[rel="shortcut icon"] {
    type: image/jpeg;
}

/* Apple Touch Icon styles */
link[rel="apple-touch-icon"] {
    -webkit-border-radius: 20%;
    border-radius: 20%;
}

/* Android Chrome icon styles */
link[rel="icon"][sizes] {
    type: image/jpeg;
}

/* PWA styles */
@media (display-mode: standalone) {
    body {
        padding-top: 0;
    }
    
    /* Hide browser UI elements when in standalone mode */
    .browser-only {
        display: none !important;
    }
}

/* Splash screen styles for PWA */
@media (orientation: portrait) {
    .splash-screen {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
    }
}

/* Status bar styles for iOS */
@supports (-webkit-overflow-scrolling: touch) {
    .ios-status-bar-padding {
        padding-top: env(safe-area-inset-top);
    }
}