/* PWA / aspect de aplicație — comun site + admin. Nu modifică designul, doar comportamentul de „app”. */
html{ -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:100%; }
body{ overscroll-behavior-y:none; }
#searchForm{ scroll-margin-top:96px; }
@supports (height:100dvh){ .min-h-screen{ min-height:100dvh; } }

/* Bară de navigare jos (doar mobil) */
.pwa-nav{ display:none; }
@media (max-width:1023.98px){
  body{ padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
  .pwa-nav{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:45;
    padding-bottom:env(safe-area-inset-bottom); background:rgba(11,11,13,.86);
    -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); border-top:1px solid rgba(42,42,49,.8); }
  .pwa-nav ul{ list-style:none; margin:0 auto; padding:0; max-width:520px; height:64px; display:grid; grid-template-columns:repeat(4,1fr); }
  .pwa-nav li{ display:flex; }
  .pwa-tab{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
    background:none; border:0; color:#A39B8B; font:700 11px/1 Manrope,system-ui,sans-serif; text-decoration:none;
    -webkit-user-select:none; user-select:none; transition:color .15s ease; }
  .pwa-tab svg,.pwa-tab i{ width:22px; height:22px; font-size:20px; line-height:22px; text-align:center; transition:transform .15s ease; }
  .pwa-tab:active svg,.pwa-tab:active i{ transform:scale(.88); }
  .pwa-tab.is-active{ color:#D9A441; }
  /* butonul flotant WhatsApp urcă deasupra barei */
  a[aria-label="WhatsApp"].fixed{ bottom:calc(84px + env(safe-area-inset-bottom)) !important; }
}
/* header fix: respectă „notch”-ul */
header.fixed.top-0, header.sticky.top-0{ padding-top:env(safe-area-inset-top); }

/* Banner instalare */
.pwa-install{ position:fixed; left:12px; right:12px; bottom:calc(76px + env(safe-area-inset-bottom)); z-index:70; display:none;
  align-items:center; gap:12px; padding:12px 14px; border-radius:16px; background:#17171C; border:1px solid rgba(217,164,65,.35);
  box-shadow:0 14px 34px -10px rgba(0,0,0,.8); color:#F4EFE6; font:600 13px/1.35 Manrope,system-ui,sans-serif; }
.pwa-install.show{ display:flex; }
.pwa-install img{ width:40px; height:40px; border-radius:10px; flex:none; }
.pwa-install span{ flex:1; min-width:0; }
.pwa-install b{ display:block; font-weight:800; }
.pwa-install small{ color:#A39B8B; font-size:12px; }
.pwa-install button{ border:0; cursor:pointer; font:800 13px Manrope,system-ui,sans-serif; border-radius:999px; padding:9px 16px; }
.pwa-install .pwa-yes{ color:#0B0B0D; background:linear-gradient(#F2C879,#D9A441); }
.pwa-install .pwa-no{ color:#A39B8B; background:transparent; padding:9px 8px; }
/* Desktop: cardul apare jos-dreapta */
@media (min-width:1024px){
  .pwa-install{ left:auto; right:20px; bottom:20px; width:400px; max-width:calc(100vw - 40px); }
}

/* Buton permanent „Instalează aplicația” (header) */
.pwa-btn{ display:none; align-items:center; gap:6px; flex:none; cursor:pointer; white-space:nowrap;
  border:1px solid rgba(217,164,65,.5); background:rgba(217,164,65,.10); color:#D9A441;
  font:800 12px/1 Manrope,system-ui,sans-serif; border-radius:999px; padding:9px 12px; transition:background .15s ease,color .15s ease; }
.pwa-btn:hover{ background:#D9A441; color:#0B0B0D; }
.pwa-btn svg{ width:16px; height:16px; }
.pwa-btn.show{ display:inline-flex; }
@media (max-width:479.98px){ .pwa-btn span{ display:none; } .pwa-btn{ padding:9px; } }
html.is-pwa .pwa-btn{ display:none !important; }

/* Trecere lină între pagini (Chrome/Edge/Safari 18+); header-ul și bara de jos rămân pe loc */
@view-transition{ navigation:auto; }
header.fixed.top-0{ view-transition-name:site-header; }
.pwa-nav{ view-transition-name:tab-bar; }
::view-transition-old(root),::view-transition-new(root){ animation-duration:.18s; }
@media (prefers-reduced-motion: reduce){ @view-transition{ navigation:none; } }