/* ======================================================================
   12. THEMES
   Tri rezimy vzhladu + prepinac

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

/* ======================================================================
   57. [APPEARANCE]  qwick-mode-three-themes
   ====================================================================== */
/* ============================================================
   QWICK APPEARANCE V3 — BLACK / GRAPHITE / DAYLIGHT

   Daylight follows the same material logic as the dark themes: translucent
   shields, translucent inputs and restrained edges. It is not a white
   repaint. Structural containers (hero/history hosts) remain transparent.
   ============================================================ */
/* Prepisy rolí pre všetky tri témy sú v styles/00-tokens/02-theme-black.css,
   03-theme-gray.css a 04-theme-light.css. Tu ostáva iba to, čo nie je token:
   režim farieb prehliadača a vzhľad konkrétnych prvkov v svetlej téme. */

/* Canvas + text. The screen stays transparent so the same restrained colour
   field remains continuous in Daylight, only at a much lower intensity. */

/* Dashboard glass: same transparent logic as dark mode. */

/* Záznamová karta na dashboarde -- pohyb aj jazda.

   Pravidlo bolo viazané na `.moves-section .move`, teda na kontajner,
   ktorý má iba MOVES. Komentár tvrdil "on both Moves and Trips", ale
   karta jazdy v ňom nikdy nebola: v svetlej téme jej ostal tmavý
   `--line`, ktorý je na bielom pozadí prakticky neviditeľný, takže karta
   splynula s plochou. Preto ROLA, nie kontajner. */
/* Karta zaznamu, obdobia, sipky a ikonove tlacidla tu vlastnu svetlu
   variantu NEMAJU a nesmu ju dostat. Ich material je v
   styles/19-record-card.css a cita tokeny --glass-field*, ktore prepina
   tento subor vyssie -- jedno pravidlo obsluhuje obe temy. */

/* Aktívne obdobie tu vlastné pravidlo NEMÁ. Označuje ho farba textu
   `--accent`, ktorú prepína téma -- jedno pravidlo v 02-dashboard stačí
   na obe. Kým tu stál vlastný nádych a okraj, svetlá téma označovala
   aktívne obdobie inak než tmavá. */

/* QWICK type choice: no dark blocks in Daylight. */
/* Moves Tags type/New Tag buttons use the same translucent daylight recipe. */
/* Svetly dvojcan spolocnej farebnej receptury (pozri tag-editor-type-tinted
   v styles/09). Prechod je ten isty, len tint pochadza z farby varianty. */
/* Every per-tag tag/pill (Qwick tag picker, Moves Tags grid + its
   overflow strip + its drag/reorder/create ghosts, the New Tag preview, the
   move list tag, the by-tag summary tag) shares one formula: text
   in the raw tag color, on a background blended toward --surface3. That
   read fine in the dark themes, where --surface3 is near-black, so the raw
   bright color had a dark field to sit on. In Daylight --surface3 is a
   translucent white, so the same formula leaves a bright color on an almost-
   white field — legible for some tags, close to unreadable for others
   (a coral tag came out around 1.5:1 contrast). Keep each tag's hue, but
   blend the fill toward white and the text toward black instead of toward
   --surface3, so every tag color keeps a readable, roughly consistent
   contrast against its own pastel field. */

/* Sheets: transparent glass, not opaque white. */
/* Svetla varianta pola tu NIE JE a nesmie sa vratit. Material pola je jedno
   pravidlo v styles/17-field.css a cita tokeny --glass-field*, ktore su uz
   otemovane vyssie v tomto subore. Kopia viazana na input[type=...] bola
   druhym zdrojom toho isteho materialu -- adresovala miesto namiesto roly,
   potrebovala !important a menovala textarea/select, ktore v QWICK nie su. */
/* NEW MOVE amount keeps its semantic type colour even though the daylight field
   contract above uses dark text for ordinary inputs. */

/* Placeholders were never given a Daylight pass: the muted ones inherited a
   dark-mode opacity that reads fine against a near-black field but is too
   faint against this translucent white one, and the semantic amount/route
   placeholders kept their dark-mode low-opacity brights, which measure well
   under 2:1 here. Same hues, full opacity, darkened where the raw semantic
   color still isn't dark enough on its own to read as hint text. */

/* Date controls remain colored, but translucent like in dark mode. */

/* Records and summaries inside sheets use the same glass family. */

/* Settings surfaces also stay glass. */

/* The Späť controls that keep their yellow identity (Qwick Entry + New Ride)
   still use a white glyph, which was tuned for the dark themes where the 14%
   yellow tint reads as a dark chip. On the Daylight canvas that same tint is
   almost white, so a white arrow all but disappears. Keep the yellow
   background/border identity, just switch the glyph to the dark amber
   already defined for this theme so it stays legible. */

/* Date picker follows the same translucent daylight material. */

/* ======================================================================
   58. [APPEARANCE]  qwick-theme-mode-selector-style
   Three explicit modes + settings danger panel
   ====================================================================== */
/* ---- appearance selector ------------------------------------------------
   Three equal swatches. Each icon sits in its own small material preview so
   the choice reads as an appearance picker rather than three generic buttons. */
.qwick-surface .tag-editor-overlay .theme-mode-section{
  margin-top:auto;
  padding-top:28px;
  flex:0 0 auto;
}
.qwick-surface .tag-editor-overlay .theme-mode-title{
  margin:0 2px 10px;
  color:var(--muted);
  font-size:10.5px;
  font-weight:850;
  letter-spacing:1.05px;
  line-height:1;
  text-transform:uppercase;
}
.qwick-surface .tag-editor-overlay .theme-mode-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.qwick-surface .tag-editor-overlay .theme-mode-option{
  position:relative;
  min-width:0;
  height:78px;
  padding:8px 6px 8px;
  border-radius:24px;
  border:1.5px solid transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:850 11px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transform:scale(1);
  transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
.qwick-surface .tag-editor-overlay .theme-mode-option:active,
.qwick-surface .tag-editor-overlay .theme-mode-option.is-pressed{transform:scale(.962);}
.qwick-surface .tag-editor-overlay .theme-mode-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.qwick-surface .tag-editor-overlay .theme-mode-option.is-active{
  border-color:var(--accent);
  box-shadow:none;
}
.qwick-surface .tag-editor-overlay .theme-mode-black{
  background:linear-gradient(160deg,#18181E,#050506);
  border-color:#303039;
  color:#F6F6F8;
}
.qwick-surface .tag-editor-overlay .theme-mode-gray{
  background:linear-gradient(160deg,#30343B,#1A1D21);
  border-color:#404650;
  color:#F6F6F8;
}
.qwick-surface .tag-editor-overlay .theme-mode-icon{
  width:30px;
  height:30px;
  padding:4px;
  box-sizing:border-box;
  border-radius:50%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.qwick-surface .tag-editor-overlay .theme-mode-black .theme-mode-icon{background:rgba(255,255,255,.055);}
.qwick-surface .tag-editor-overlay .theme-mode-gray .theme-mode-icon{background:rgba(255,255,255,.07);}
.qwick-surface .tag-editor-overlay .theme-mode-icon .theme-icon-fill{fill:currentColor;stroke:none;}

/* ---- bulk delete panel --------------------------------------------------- */
.qwick-surface .tag-editor-overlay .danger-panel{
  margin:26px 0 0;
  flex:0 0 auto;
  background:rgba(255,255,255,.045);
  border:0;
  border-radius:18px;
  overflow:hidden;
}
.qwick-surface .tag-editor-overlay .danger-panel[hidden]{display:none;}
.qwick-surface .tag-editor-overlay .danger-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  margin:0;
  padding:16px;
  box-sizing:border-box;
  background:transparent;
  border:0;
  border-radius:18px;
  color:var(--danger);
  font:850 15px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  text-align:left;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.qwick-surface .tag-editor-overlay .danger-panel-chevron{flex:0 0 auto;width:20px;height:20px;transition:transform .3s cubic-bezier(.22,1,.36,1);}
.qwick-surface .tag-editor-overlay .danger-panel.is-open .danger-panel-chevron{transform:rotate(180deg);}
.qwick-surface .tag-editor-overlay .danger-panel-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);}
.qwick-surface .tag-editor-overlay .danger-panel.is-open .danger-panel-body{grid-template-rows:1fr;}
.qwick-surface .tag-editor-overlay .danger-panel-inner{min-height:0;overflow:hidden;}
.qwick-surface .tag-editor-overlay .danger-panel #moveDeleteSection{margin:0;padding-top:0;padding-bottom:14px;transition:padding-top .3s cubic-bezier(.22,1,.36,1);}
body.move-delete-swipe-active .qwick-surface .tag-editor-overlay .danger-panel #moveDeleteSection{padding-top:82px;}
@media (prefers-reduced-motion:reduce){
  .qwick-surface .tag-editor-overlay .theme-mode-option,
  .qwick-surface .tag-editor-overlay .danger-panel-body,
  .qwick-surface .tag-editor-overlay .danger-panel-chevron{transition-duration:.01ms;}
}