/* ===== PWA & OFFLINE ===== */
@media all and (display-mode: standalone) {
  .header { padding-top: env(safe-area-inset-top); }
  .whatsapp-float, .chat-float { bottom: calc(env(safe-area-inset-bottom) + 16px); }
}

/* Offline indicator */
.offline-indicator {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-error);
  color: white;
  text-align: center;
  padding: 8px;
  font-size: 0.8rem;
  z-index: 99999;
}
.offline-indicator.active { display: block; }

/* Toast notification container */
.toast-container {
  position: fixed;
  top: 100px;
  right: 24px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 360px;
}
.toast {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-radius: var(--radius-md);
  background: var(--color-bg-white);
  box-shadow: var(--shadow-lg);
  animation: slideInRight 0.3s ease;
  border-left: 4px solid var(--color-gold);
  font-size: 0.85rem;
}
.toast.success { border-left-color: var(--color-success); }
.toast.error { border-left-color: var(--color-error); }
.toast.warning { border-left-color: var(--color-warning); }
.toast i { font-size: 1.2rem; }
.toast.success i { color: var(--color-success); }
.toast.error i { color: var(--color-error); }
.toast.warning i { color: var(--color-warning); }

/* Print styles */
@media print {
  .header, .footer, .whatsapp-float, .chat-float, .back-to-top, .chat-modal, .cart-sidebar, .mobile-overlay, .cookie-consent, .loading-screen { display: none !important; }
  body { background: white; color: black; }
}