/* ==========================================
   PWA INSTALL BANNER
   ========================================== */

#pwa-banner {
    transition: transform 0.3s ease;
    animation: slideUp 0.5s ease;
}

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

#pwa-banner button {
    transition: all 0.3s ease;
}

#pwa-banner button:hover {
    transform: translateY(-2px);
}

#pwa-banner .pwa-icon {
    font-size: 32px;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

[data-theme="dark"] #pwa-banner {
    background: #1a1a2e;
    border-top-color: #d4af37;
}

[data-theme="light"] #pwa-banner {
    background: #ffffff;
    border-top-color: #d4af37;
}

[data-theme="light"] #pwa-banner strong {
    color: #1a1a2e;
}