/* ======================================================================
   10. MATERIALS
   Sklo, okraje, materialy povrchov

   Poradie suborov v index.html je zavazne -- kaskada od neho zavisi.
   Tento subor obsahuje povodne sekcie 36-43.
   ====================================================================== */

/* ======================================================================
   36. [SHEETS/MODALS]  qwick-glass-sheets
   One glass language for every sheet — Moves Tags parity
   ====================================================================== */
/* ============================================================
   GLASS SHEETS
   The Moves Tags sheet is a see-through shell floating over the blurred
   dashboard: the shell itself paints nothing, and only the surfaces INSIDE
   it are real. Every other sheet now works the same way.

   Division of labour in this block:
     - the sheet shell  -> nothing at all (no fill, no border, no shadow)
     - headers          -> translucent only, NO blur of their own
     - content shields  -> the only heavily blurred glass in a sheet
     - text fields      -> small panes of blurred glass on top of that
   Geometry, structure (separate header, content below it), the header
   collapse/expand behaviour and its spring/bounce are owned by the existing
   rules and are deliberately untouched here — this block only ever changes
   background, border colour and shadow.
   ============================================================ */
/* Sklenene roly a --qwick-pill-corner sa presunuli do
   styles/00-tokens/01-semantic.css. Token sa definuje iba tam.
   --glass-head bol zmazany: necital ho nikto -- ani CSS, ani JS, ani HTML. */


/* ---- 2. Headers: translucent, never blurred --------------------------
   This whole rule used to also apply to detailOverlay/moreTripsSheet/
   exportSheet, but qwick-data-sheets (further down) is the
   sole surviving source of truth for those three now -- see its comment for
   the full history. #movesTagsOverlay used to also be listed here and
   below, but Karta Qwick Trips settings (qwick-professional-settings-and-
   config-v1, further down) always resets this exact header to fully
   transparent/no border/no shadow/no blur at the same specificity, later in
   source -- so neither of these two rules ever contributed anything visible
   for that sheet either. */

/* Škrupina sheetu, jeho štít, polia, dátumová pilulka a karty sa presunuli
   do styles/15-sheet.css -- komponent má jeden zdroj. Tu ostávajú iba
   materiály, ktoré nepatria sheetu. */

/* ---- Fields in the foreground forms ----------------------------------
   Qwick Entry, the Moves Tags tag form and New Ride are not sheets,
   but their fields are the same kind of control and must read as the same
   material. Same fill, same blur as every field inside a sheet.
   The disabled twin of a Qwick field is included on purpose: disabling is
   only a focus-eligibility trick there, so it has to stay pixel-identical
   to the field the user is actually typing in.

   .qwick-field-glass je zdielana znacka pre prvky, ktore nie su vstupom,
   ale MAJU sa citat ako textove pole -- sumare a pilulky navrhov adries.
   Referencny Qwick_1_0.html to riesi rovnako (.addr-suggest-row je v nom
   vymenovany priamo v tomto pravidle). Kym ju tieto prvky nemali, kazdy si
   ten isty material opisoval sam a rozisli sa: sumar detailu mal card blur
   a okraj --glass-edge, zivy sumar --line a ziadny tien. */

/* ======================================================================
   37. [MIXED]  qwick-brand-additions
   Qwick rebrand pass -- plus-button wordmark, Qwick Moves/Trips
   labels, Moves Tags accent colour, Overview header blur
   ====================================================================== */
/* Moves Tags now inherits the same canonical period-button surface as the
   Moves settings control; there is no separate coloured border/tint rule. */

/* + buttons (blue dashboard / green Route Log): the drawn plus bars are
   replaced by a QWICK wordmark, bold Nunito. */
.qwick-surface .fab::before,
.qwick-surface .fab::after{
  content:none;
  display:none;
}
.qwick-surface :is(#fab,.qwick-fab-scope) .fab-label{
  font-family:'Nunito','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.3px;
  line-height:1;
  color:currentColor;
  pointer-events:none;
  white-space:nowrap;
}

/* Shared Qwick wordmark typography -- used both for "Qwick Moves" in the
   dashboard header and "Qwick Trips" above the period selector, so
   the two read as the exact same label: same font, size and style. */
.qwick-wordmark{
  font-family:'Nunito','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:800;
  font-size:16px;
  letter-spacing:.1px;
  color:#fff;
  line-height:1;
}
.qwick-surface .app-head-wordmark{
  white-space:nowrap;
}

/* Moves Tags type buttons: the active side used to swap its label for a
   drawn + glyph. The glyph is now replaced by an actual "Nový Tag" label,
   the same classic font MINUS/PLUS already uses, cross-fading in exactly
   where the glyph used to sit. */
.qwick-surface .tag-editor-type.is-plus::before,
.qwick-surface .tag-editor-type.is-plus::after{
  opacity:0;
}
.qwick-surface .tag-editor-type-plus-label{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  opacity:0;
  line-height:1;
  white-space:nowrap;
  font-family:inherit;
  letter-spacing:.1px;
  color:currentColor;
  pointer-events:none;
  transition:var(--qwick-fade-out);
}
.qwick-surface .tag-editor-type.is-plus .tag-editor-type-plus-label{
  opacity:1;
  transition:var(--qwick-fade-in);
}

/* ======================================================================
   38. [SHEETS/MODALS]  qwick-period-overview-portrait
   Trips sheet period parity, monthly Overview isolation, summary
   border parity and portrait-only guard
   ====================================================================== */
/* Portrait-only fallback when the browser/OS refuses Screen Orientation lock. */
#qwickPortraitOnlyGuard{
  position:fixed;
  inset:0;
  z-index:2147483647;
  background:#000;
  color:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  gap:10px;
  padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);
  box-sizing:border-box;
  font-family:'Nunito','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-user-select:none;
  user-select:none;
  touch-action:none;
}
#qwickPortraitOnlyGuard .qwick-portrait-brand{font-size:20px;}
/* Hlaska berie rolu ako kazdy iny stlmeny text. Mala tu vlastnu takmer-kopiu
   #8d8d98, kym stala mimo aplikacnej plochy a rolu nevidela. */
#qwickPortraitOnlyGuard .qwick-portrait-copy{font-size:13px;font-weight:700;color:var(--muted);}
@media (orientation:landscape) and (pointer:coarse){
  #qwickPortraitOnlyGuard{display:flex;}
}

/* ======================================================================
   39. [SHEETS/MODALS]  qwick-border-and-back-parity
   Dashboard trip border parity + canonical yellow Back buttons +
   Settings navigation hierarchy
   ====================================================================== */
/* Kazde tlacidlo "Spat" si drzi zltu identitu. Vypln a okraj mu ju uz
   nekreslia tu -- nesie ich zdielany material ovladacieho prvku
   (`styles/21-control-material.css`), ktoremu Spat deklaruje tint #ffd43b.
   Tu ostava iba biela sipka a to, ze Spat neplava (ziadny zdvih).
   .qwick-back-yellow je zdielana znacka -- nesie ju kazde tlacidlo Spat,
   ktore ma tuto zltu identitu, aj v module. Zaklad tak nemusi poznat
   nazvy prvkov modulu. */
.qwick-surface .qwick-entry-back,
.qwick-surface .tag-editor-overlay .tag-settings-back,
.qwick-surface .qwick-back-yellow{
  color:#fff;
  box-shadow:none;
}

.qwick-surface .tag-editor-overlay .tag-settings-back::before{
  content:none;
  display:none;
}

.qwick-surface .tag-editor-overlay .tag-settings-back.is-pressed{
  filter:brightness(1.08);
}

/* ======================================================================
   40. [MIXED]  qwick-field-glass-pass
   Všetky jazdy summary transparency, address pills as fields, form
   Back yellow border, Zálohy pills as sheet cards, invisible logo
   settings container
   ====================================================================== */
/* ---- 4. Zálohy buttons use the sheet-card interior -------------------
   Same inside as a move card in a sheet: the neutral glass fill and
   the heavier card blur, with no shadow. Each button keeps its own
   coloured edge, which is what tells Zálohovať from Obnoviť. */
.qwick-surface .backup-settings-pill{
}

/* ======================================================================
   41. [MIXED]  qwick-surface-contrast-pass
   [UI PASS v16] Hard portrait lock, Karta Qwick Trips settings button,
   Fredoka wordmarks, Nový Tag label size
   ====================================================================== */
/* ---- 1. Landscape is not a state the app can be in -------------------
   The old behaviour let the device rotate and covered the result with a
   "turn your phone" panel. The app is now simply held in portrait: when the
   viewport turns landscape the whole document is counter-rotated, so the UI
   keeps its portrait geometry and the rotation never reaches the user.
   width/height are swapped because in a landscape viewport 100vw is the
   phone's long side and 100vh its short side — exactly the reverse of what
   the portrait layout needs. */
#qwickPortraitOnlyGuard{
  display:none;
}

/* ---- 3. Fredoka for the wordmarks and the two round buttons ----------
   Fredoka's heaviest published weight is 700, so that is what the extra-bold
   request resolves to here. */
.qwick-wordmark,
.qwick-surface .app-head-wordmark,
.qwick-surface :is(#fab,.qwick-fab-scope) .fab-label{
  font-family:'Fredoka','Nunito','SF Pro Text',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:700;
}

/* ---- 4. "Nový Tag" matches MINUS / PLUS -------------------------------
   The two labels cross-fade in the same spot on the same button, so they
   are set at the same size and weight as .tag-editor-type itself. */
.qwick-surface .tag-editor-type-plus-label{
  font-size:18px;
  font-weight:800;
}

/* ======================================================================
   42. [MIXED]  qwick-spacing-pass
   [UI PASS v17] Trips card settings button, larger QWICK wordmark
   ====================================================================== */
/* ---- 2. QWICK wordmark on the two round buttons ---------------------- */
.qwick-surface :is(#fab,.qwick-fab-scope) .fab-label{
  font-size:16.5px;
}