/* Vienots stils iekšlapās (2026-11-04). Sākumlapas valoda — 2px tintes mala, cieta nobīdes ēna,
   noapaļotas pogas, kas hover brīdī paceļas — arī /login, /skolens/ieiet, /sakt, /macibas/* un
   kopīgajiem elementiem (statistikas poga/josla, atsauksmes saite).
   Tikai izskats: teksti, maršruti un izkārtojums nemainās. Krāsas — tikai esošie mainīgie
   (tokens.css --brand-*, skolēna/lomu lapu --c-*); jaunu krāsu nav.
   Fails ielādējas no components/site_header.html (pēc visiem <head> stiliem), tāpēc selektori ar
   :root prefiksu iegūst +1 klases svaru un droši pārraksta vecākos noteikumus bez !important.
   Kustība: tikai transform/box-shadow, ≤ 160 ms, tikai prefers-reduced-motion:no-preference;
   samazinātas kustības režīmā paliek ēna un pasvītrojums, bet nav pārvietošanās. */

:is(body,.ts-home,.ll,.sp){
  --vs-line:var(--c-line,var(--brand-purple,#30233D));
  --vs-shadow-tone:var(--c-shadow,var(--brand-lavender,#C6B9EC));
  --vs-surface:var(--c-surface,var(--surface,#FFFFFF));
  --vs-fill:var(--c-coral,var(--brand-coral,#FF683B));
  --vs-mark:var(--c-mark,var(--brand-yellow,#FDF196));
  /* Necaurspīdīgs: pilna fona hover ar tumšu tekstu jābūt salasāmam arī tumšajā režīmā */
  --vs-solid-mark:#FDF196;
  --vs-card-shadow:6px 6px 0 var(--vs-shadow-tone);
  --vs-btn-shadow:4px 4px 0 var(--vs-line);
  --vs-btn-shadow-hover:6px 6px 0 var(--vs-line);
  --vs-small-shadow:3px 3px 0 var(--vs-line);
  --vs-small-shadow-hover:5px 5px 0 var(--vs-line);
  --vs-ease:cubic-bezier(0.23,1,0.32,1);
}

/* ── 1. Galvene: navigācija vienā rindā arī šaurajās iekšlapās (1440 px) ───────── */
:root .site-header nav a{white-space:nowrap}
@media (min-width:1000px){
  /* .sp/.wrap konteiners ir 660–760 px; galvene izlaužas līdz sākumlapas platumam (1120 px),
     bet platākā konteinerā (sākumlapa, /login) paliek tieši 100 % — nobīde ir 0. */
  :root .site-header{width:max(100%,min(1120px,100vw - 40px));max-width:none;
    margin-inline:calc(50% - max(50%,min(560px,50vw - 20px)))}
}

/* ── 2. Kārtis iekšlapās: 2px tinte + nobīdes ēna + rādiuss ─────────────────── */
:root .page-form>.ui-form.card,
:root .flow-page>.card,
:root .flow-page>details,
:root .sp .progress-next{
  background:var(--vs-surface);border:2px solid var(--vs-line);
  border-radius:var(--radius-marketing,24px);box-shadow:var(--vs-card-shadow)}
:root .flow-page>details{padding:16px 24px}
:root .page-form>.ui-form.card,:root .flow-page>.card{padding:24px}

/* Lomu izvēle /login: mazas kārtis ar to pašu valodu */
:root .login-roles a{border:2px solid var(--vs-line);border-radius:var(--radius-card,16px);
  box-shadow:var(--vs-small-shadow);color:var(--vs-line)}
:root .login-roles a[aria-current=page]{background:var(--vs-mark)}

/* ── 3. Pogas: noapaļotas, 2px tinte, cieta ēna ───────────────────────────── */
:root .page-form .cta,
:root .flow-page .cta,
:root .flow-page button.button,
:root .login-options :is(.google,.pk){
  border:2px solid var(--vs-line);border-radius:999px;box-shadow:var(--vs-btn-shadow)}
:root .page-form .cta,:root .flow-page .cta{background:var(--vs-fill);color:#30233D}
:root .login-options :is(.google,.pk){background:var(--vs-surface);color:var(--vs-line)}
:root .flow-page #cits-ieejas-kods{font:inherit;font-weight:700;padding:8px 18px;border:2px solid var(--vs-line);
  border-radius:999px;background:var(--vs-surface);color:var(--vs-line);box-shadow:var(--vs-small-shadow);cursor:pointer}
:root .grades a{border:2px solid var(--vs-line);border-radius:999px;background:var(--vs-surface);
  color:var(--vs-line);text-decoration:none;font-weight:700;box-shadow:var(--vs-small-shadow)}

/* Statistikas apaļā poga un josla (visās lapās, arī sākumlapā) */
:root .statistics-notice button{border:2px solid var(--brand-purple,#30233D);border-radius:999px;
  box-shadow:2px 2px 0 var(--brand-purple,#30233D)}

/* ── 4. Hover: pacelšanās (pogas/kārtis) un marķieris (teksta saites) ───────── */
@media (hover:hover){
  :root :is(a,button).cta:hover,
  :root .login-options :is(.google,.pk):hover,
  :root .flow-page button.button:hover{
    background:var(--vs-fill);color:#30233D;border-color:var(--vs-line);box-shadow:var(--vs-btn-shadow-hover)}
  :root .login-options :is(.google,.pk):hover,
  :root .flow-page button.button:hover{background:var(--vs-solid-mark)}
  :root .login-roles a:hover,
  :root .grades a:hover,
  :root .flow-page #cits-ieejas-kods:hover{background:var(--vs-solid-mark);background-image:none;color:#30233D;box-shadow:var(--vs-small-shadow-hover)}
  :root .statistics-cookie:hover{box-shadow:4px 4px 0 var(--brand-purple,#30233D);background:var(--brand-yellow,#FDF196)}
  :root .statistics-notice button:hover{background:var(--brand-yellow,#FDF196);box-shadow:4px 4px 0 var(--brand-purple,#30233D)}

  /* Teksta saites: dzeltens marķieris + biezāks pasvītrojums, ne tikai krāsa */
  :root main a:not([class]):not(.login-roles a,.grades a):hover,
  :root .ts-grade-link:hover,
  :root .ts-home a.more:hover,
  :root .plan-actions a:not(.cta):hover,
  :root .kt-k h2 a:hover,
  :root a[href^="/atsauksme"]:hover{
    text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;
    background-image:linear-gradient(var(--vs-mark),var(--vs-mark));background-repeat:no-repeat;
    background-size:100% .45em;background-position:0 88%}
}

/* Kustība — tikai, ja lietotājs to nav atteicis */
@media (prefers-reduced-motion:no-preference){
  :root :is(a,button).cta,
  :root .login-options :is(.google,.pk),
  :root .flow-page button.button,
  :root .flow-page #cits-ieejas-kods,
  :root .login-roles a,
  :root .grades a,
  :root .statistics-cookie,
  :root .statistics-notice button{transition:transform .16s var(--vs-ease),box-shadow .16s var(--vs-ease),background-color .16s ease}
  @media (hover:hover){
    :root :is(a,button).cta:hover,
    :root .login-options :is(.google,.pk):hover,
    :root .flow-page button.button:hover,
    :root .flow-page #cits-ieejas-kods:hover,
    :root .login-roles a:hover,
    :root .grades a:hover,
    :root .statistics-cookie:hover,
    :root .statistics-notice button:hover{transform:translateY(-2px)}
  }
  :root :is(a,button).cta:active{transform:translateY(1px);box-shadow:2px 2px 0 var(--vs-line)}
}
@media (prefers-reduced-motion:reduce){
  /* bez pārvietošanās; ēna un marķieris paliek kā ne-kustības signāls */
  :root :is(a,button).cta:hover,
  :root .login-options :is(.google,.pk):hover,
  :root .login-roles a:hover,
  :root .grades a:hover,
  :root .statistics-cookie:hover,
  :root .statistics-notice button:hover{transform:none}
}

/* ── 5. Fokuss: vismaz tikpat redzams kā līdz šim (3px tintes kontūra) ─────── */
:root :is(a,button).cta:focus-visible,
:root .login-options :is(.google,.pk):focus-visible,
:root .login-roles a:focus-visible,
:root .grades a:focus-visible,
:root .flow-page #cits-ieejas-kods:focus-visible,
:root .flow-page button.button:focus-visible{outline:3px solid var(--vs-line);outline-offset:4px}
:root main a:not([class]):focus-visible,
:root .ts-grade-link:focus-visible,
:root .ts-home a.more:focus-visible,
:root a[href^="/atsauksme"]:focus-visible{outline:3px solid var(--vs-line);outline-offset:3px;
  background-image:linear-gradient(var(--vs-mark),var(--vs-mark));background-repeat:no-repeat;
  background-size:100% .45em;background-position:0 88%}
:root .statistics-cookie:focus-visible,
:root .statistics-notice button:focus-visible{outline:3px solid var(--brand-purple,#30233D);outline-offset:3px}