/* ==========================================================================
   Projet Serval — site.css
   Additions for the server-rendered (PHP) build: language toggle as links,
   and small helpers. Kept as classes (no inline styles) per project style.
   ========================================================================== */

/* The hidden attribute must win over inline/class display values
   (the modal overlay and mobile menu both set their own display). */
[hidden] { display: none !important; }

/* FR / EN switch rendered as links (server-side language) */
.lang-toggle a {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 7px 11px;
  color: var(--muted);
  background: none;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}
.lang-toggle a:hover { color: var(--ink); }
.lang-toggle a.on {
  background: var(--amber);
  color: #14140d;
  font-weight: 700;
}

/* Server build keeps the header solid at all times on inner pages, but the
   home hero still wants the transparent-over-hero treatment handled by header.js. */
body:not(.page-home) .site-header {
  background: rgba(20, 20, 13, .92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line);
}

/* Generic page hero spacing so inner pages clear the fixed header */
.inner-main { padding-top: var(--header-h); }

/* --- Back office responsive --- */
@media (max-width: 860px) {
  .admin-shell { grid-template-columns: 1fr !important; }
  .admin-dash-cols { grid-template-columns: 1fr !important; }
  .admin-sidebar {
    position: fixed !important; top: 0; left: 0; bottom: 0; width: 260px; z-index: 50;
    transform: translateX(-100%); transition: transform .2s ease;
    border-right: 1px solid rgba(232, 163, 23, .3) !important;
  }
  .admin-sidebar.is-open { transform: translateX(0); }
  [data-admin-burger] { display: flex !important; }
}

/* Vehicles tab selector (home) */
.veh-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(232, 227, 214, .12);
  background: var(--panel);
  color: var(--muted);
  padding: 9px 15px;
  cursor: pointer;
  transition: all .15s ease;
}
.veh-tab:hover { border-color: rgba(232, 163, 23, .5); color: var(--ink); }
.veh-tab.is-tank-active {
  border-color: var(--amber);
  background: rgba(232, 163, 23, .14);
  color: var(--amber);
}