/* GTO PWA v4.0 — No sign up. No account. Just eat well. */

/* ── SPLASH ─────────────────────────────────────────────────── */
#gto-splash{position:fixed;inset:0;background:#1A1814;z-index:999999;display:flex;align-items:center;justify-content:center}
.gto-splash-inner{text-align:center;padding:40px}
.gto-splash-logo{font-family:'Cormorant Garamond',Georgia,serif;font-size:52px;font-weight:600;color:#C9974A;letter-spacing:.04em;margin-bottom:10px;animation:gtoFadeUp .6s ease both}
.gto-splash-tagline{font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(245,240,232,0.4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:44px;animation:gtoFadeUp .6s ease .15s both}
.gto-splash-dots{display:flex;justify-content:center;gap:8px;margin-bottom:36px}
.gto-splash-dots span{width:6px;height:6px;border-radius:50%;background:#C9974A;opacity:.3;animation:gtoPulse 1.2s ease infinite}
.gto-splash-dots span:nth-child(2){animation-delay:.2s}
.gto-splash-dots span:nth-child(3){animation-delay:.4s}
.gto-splash-cities{font-family:'DM Sans',sans-serif;font-size:11px;color:rgba(245,240,232,0.18);letter-spacing:.06em;animation:gtoFadeUp .6s ease .3s both}
@keyframes gtoFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes gtoPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}

/* ── OFFLINE BAR ─────────────────────────────────────────────── */
#gto-offline-bar{position:fixed;top:0;left:0;right:0;background:#2d1f00;border-bottom:1px solid rgba(201,151,74,0.3);padding:10px 20px;z-index:999999;text-align:center;animation:gtoSlideDown .3s ease}
#gto-offline-bar span:first-child{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:#C9974A;display:block}
.gto-offline-sub{font-size:11px!important;color:rgba(201,151,74,0.55)!important;display:block}
.gto-online-restored{background:#0d2b1a!important;border-bottom-color:rgba(29,158,117,0.3)!important}
.gto-online-restored span{color:#1D9E75!important}
@keyframes gtoSlideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}

/* ── SAVE BUTTON ─────────────────────────────────────────────── */
.gto-save-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:transparent;border:1.5px solid rgba(201,151,74,0.3);border-radius:24px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:#C9974A;cursor:pointer;margin:14px 0 20px;transition:all .2s}
.gto-save-btn:hover{background:rgba(201,151,74,0.08);border-color:#C9974A}
.gto-save-btn.gto-saved{background:rgba(201,151,74,0.12);border-color:#C9974A}

/* ── SAVED ITEMS IN PASSPORT ─────────────────────────────────── */
.gto-saved-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e8e4de;border-radius:12px;margin-bottom:8px}
.gto-saved-link{text-decoration:none;flex:1}
.gto-saved-name{font-size:14px;font-weight:600;color:#1A1814;margin-bottom:2px}
.gto-saved-city{font-size:12px;color:#C9974A;font-weight:600}
.gto-saved-remove{background:none;border:none;color:#ccc;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:color .2s}
.gto-saved-remove:hover{color:#c62828}

/* ── PULL TO REFRESH ─────────────────────────────────────────── */
#gto-ptr{position:fixed;top:12px;left:50%;transform:translateX(-50%) translateY(-60px);background:#1A1814;border:1px solid rgba(201,151,74,0.3);border-radius:24px;padding:8px 20px;display:flex;align-items:center;gap:10px;z-index:99999;opacity:0;transition:transform .15s,opacity .15s;font-family:'DM Sans',sans-serif;font-size:13px;color:rgba(245,240,232,0.6);box-shadow:0 4px 20px rgba(0,0,0,0.4)}
.gto-ptr-spinner{width:16px;height:16px;border:2px solid rgba(201,151,74,0.3);border-top-color:#C9974A;border-radius:50%}
.gto-ptr-spinner.spinning{animation:gtoSpin .6s linear infinite}
@keyframes gtoSpin{to{transform:rotate(360deg)}}

/* ── RECENT SEARCHES ─────────────────────────────────────────── */
#gto-recent-searches{background:#fff;border:1px solid #e8e4de;border-radius:14px;padding:12px 16px;margin-top:8px;max-width:100%}
.gto-recent-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#aaa;margin-bottom:10px;display:block}
.gto-recent-item{display:block;width:100%;text-align:left;padding:8px 0;background:none;border:none;border-bottom:1px solid #f0ece6;font-family:'DM Sans',sans-serif;font-size:13px;color:#555;cursor:pointer;transition:color .15s}
.gto-recent-item:last-of-type{border-bottom:none}
.gto-recent-item:hover{color:#C9974A}
.gto-recent-clear{display:block;width:100%;text-align:center;padding:8px;margin-top:8px;background:none;border:none;font-family:'DM Sans',sans-serif;font-size:11px;color:#bbb;cursor:pointer;letter-spacing:.06em;text-transform:uppercase}
.gto-recent-clear:hover{color:#C9974A}

/* ── BOTTOM NAV ──────────────────────────────────────────────── */
#gto-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(20,18,16,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(201,151,74,0.15);display:flex;align-items:stretch;z-index:99998;padding-bottom:env(safe-area-inset-bottom,0)}
.gto-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:rgba(245,240,232,0.32);transition:color .15s;position:relative;padding:8px 4px 6px;-webkit-tap-highlight-color:transparent}
.gto-nav-item:hover,.gto-nav-active{color:#C9974A!important}
.gto-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative}
.gto-nav-badge{position:absolute;top:-4px;right:-6px;background:#C9974A;color:#1A1814;font-size:9px;font-weight:700;border-radius:8px;padding:1px 5px;font-family:'DM Sans',sans-serif}
.gto-nav-label{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1}
.gto-nav-pip{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#C9974A}

/* ── TOAST ───────────────────────────────────────────────────── */
#gto-toast{position:fixed;bottom:82px;left:50%;transform:translateX(-50%) translateY(16px);background:#1A1814;border:1px solid rgba(201,151,74,0.3);border-radius:24px;padding:12px 24px;font-family:'DM Sans',sans-serif;font-size:13px;color:rgba(245,240,232,0.85);z-index:999999;white-space:nowrap;opacity:0;transition:all .25s ease;box-shadow:0 8px 32px rgba(0,0,0,0.45);max-width:calc(100vw - 48px);text-align:center}
#gto-toast.gto-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── SAFE AREA ───────────────────────────────────────────────── */
@supports (padding-bottom: env(safe-area-inset-bottom)){
  #gto-bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
}