/* ============================================
PWA INSTALL BUTTON
============================================ */
.pwa-install-button {
position: fixed;
bottom: 80px;
right: 20px;
z-index: 9998;
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1rem;
background: linear-gradient(135deg, var(--med-primary), var(--med-secondary));
color: #fff;
border: none;
border-radius: 50px;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
cursor: pointer;
font-size: 0.9rem;
font-weight: 600;
opacity: 0;
transform: translateY(20px);
transition: all 0.3s ease;
pointer-events: none;
}

.pwa-install-button.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}

.pwa-install-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}

.pwa-install-button .pwa-install-icon {
font-size: 1.2rem;
}

@media (max-width: 768px) {
.pwa-install-button .pwa-install-text {
display: none;
}
.pwa-install-button {
padding: 0.75rem;
border-radius: 50%;
bottom: 80px;
}
}

/* Position adjustments when both buttons present */
.a11y-toggle ~ .pwa-install-button,
.pwa-install-button ~ .a11y-toggle {
bottom: 140px;
}

@media (max-width: 768px) {
.a11y-toggle ~ .pwa-install-button,
.pwa-install-button ~ .a11y-toggle {
bottom: 140px;
}
}