/* Site-wide quality improvements */
:root { color-scheme: dark; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { overflow-x: clip; }
img, video, iframe { max-width: 100%; }
img { height: auto; }
.header nav a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible { outline: 2px solid #d8b76a; outline-offset: 4px; }
.header nav a { min-height: 40px; }
.menu-btn { cursor: pointer; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.enhanced-form .field-label { display: block; margin: 14px 0 7px; font-size: .92rem; font-weight: 600; color: var(--text-primary, #f5f5f5); }
.enhanced-form .form-field { margin-bottom: 12px; }
.enhanced-form input, .enhanced-form textarea { width: 100%; max-width: 100%; }
.enhanced-form textarea { resize: vertical; min-height: 120px; }
.form-note { font-size: .88rem; line-height: 1.65; opacity: .8; margin: 0 0 18px; }
.form-status { min-height: 1.4em; line-height: 1.5; font-size: .92rem; }
.menu-empty-state { padding: 22px; text-align: center; color: var(--text-secondary, #bbb); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; margin: 18px 0; }
.menu-search-wrap input { min-height: 48px; }
.filter-btn { min-height: 42px; }
.whatsapp:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 768px) {
  html { scroll-padding-top: 78px; }
  .header nav { z-index: 1000; max-height: calc(100dvh - 75px); overflow-y: auto; padding: 18px 22px calc(22px + env(safe-area-inset-bottom)); }
  .header nav a { width: 100%; justify-content: center; padding: 10px; }
  .hero { background-attachment: scroll !important; }
  .nargile-page-hero { background-attachment: scroll !important; }
  .menu-filters { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; padding: 4px 2px 12px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  .menu-filters .filter-btn { flex: 0 0 auto; }
  .enhanced-form .input-group { min-width: 0; }
  .enhanced-form input, .enhanced-form textarea { font-size: 16px; }
  .whatsapp { bottom: calc(15px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  #preloader { display: none !important; }
}