/* Espace séjour du vacancier : une PWA pensée pour le téléphone, avec barre d'onglets en bas. */

body.stay { min-height: 100dvh; padding-bottom: calc(72px + env(safe-area-inset-bottom)); background: var(--sand); color: var(--ink); }

.stay-top { position: sticky; top: 0; z-index: 20; background: rgb(246 241 233 / 94%); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); padding-top: env(safe-area-inset-top); }
@media (prefers-color-scheme: dark) { .theme-auto .stay-top { background: rgb(18 26 25 / 94%); } }
.stay-top__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); max-width: 720px; margin: 0 auto; padding: 10px var(--space-4); }

.stay-main { max-width: 720px; margin: 0 auto; padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-4); }

.tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-template-columns: repeat(5, 1fr); background: var(--paper); border-top: 1px solid var(--line); padding-bottom: env(safe-area-inset-bottom); }
.tabbar__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 60px; color: var(--muted); text-decoration: none; font-size: 0.72rem; font-weight: 600; }
.tabbar__item[aria-current="page"] { color: var(--sea); }
.tabbar__item[aria-current="page"] .icon { stroke-width: 2.1; }
@media (min-width: 760px) {
  .tabbar { left: 50%; right: auto; bottom: 16px; transform: translateX(-50%); width: 560px; border: 1px solid var(--line); border-radius: 999px; box-shadow: var(--shadow-lg); padding-bottom: 0; }
  .tabbar__item { min-height: 58px; }
}

.page-head { display: flex; flex-direction: column; gap: 4px; padding-top: var(--space-2); }
.back-link { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); text-decoration: none; font-size: 0.9rem; min-height: 32px; }