/* Ieejas lapas jaunajā dizainā „Pakāpienu sala”: 404, /login, /skolens/ieiet. Viss ar .ie priedēkli,
   lai neaizskartu kopīgos sala.css / sala-parbaude.css / iso.css. Kustība tikai ar motion klasi. */
.sp-wrap:has(> main.ie) { max-width: 1100px; }
body .sp-wrap > main.ie { max-width: none; margin-inline: 0; }
.ie { display: grid; gap: clamp(2rem, 1.5rem + 2vw, 3.5rem); }
.ie p { margin: 0; }
.ie :focus-visible { outline: 3px solid var(--coral); outline-offset: 3px; }
.ie .kicker { margin-bottom: 1rem; justify-self: start; width: fit-content; }
.ie .ie-display { font-family: var(--f-display); font-weight: 800; font-size: clamp(2.4rem, 1.5rem + 3.4vw, 4.4rem); line-height: .95; letter-spacing: -0.035em; margin: 0; }
.ie-zime { background: linear-gradient(var(--sun), var(--sun)) 0 86% / 100% .32em no-repeat; padding: 0 .06em; }
html.is-evening .ie-zime { background-image: linear-gradient(rgb(253 241 150 / .35), rgb(253 241 150 / .35)); }
.ie .ie-lead { font-size: var(--t-m); line-height: 1.45; max-width: 36ch; margin-top: 1.1rem; }
.ie .ie-piezime { margin-top: .9rem; rotate: -1.5deg; font-size: 1.6rem; width: fit-content; }
.ie .ie-rinda { display: flex; flex-wrap: wrap; gap: .8rem 1rem; align-items: center; margin-top: 1.5rem; }
.ie .ie-smalks { margin-top: 1.1rem; max-width: 52ch; }
.ie .ie-smalks a, .ie .fine a { display: inline-block; padding-block: .5rem; }

/* Divkolonnu izkārtojums: tekste/izvēle un forma */
.ie-hero { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.5rem, 1rem + 3vw, 4rem); align-items: center; }
.ie-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 1rem + 3vw, 4rem); align-items: start; }
.ie-kol { display: grid; gap: 1.2rem; align-content: start; min-width: 0; }

/* Izometriskā sala (404) */
.ie-sala { width: 100%; max-width: 420px; height: auto; margin-inline: auto; overflow: visible; }
.ie-sala polygon, .ie-sala rect, .ie-sala circle { stroke: var(--violet); stroke-width: 1.8; stroke-linejoin: round; }
.ie-sala__zeme { fill: var(--lavender-2); stroke: none !important; }
.ie-sala .f-top { fill: var(--cream); } .ie-sala .f-left { fill: var(--lavender); } .ie-sala .f-right { fill: #9C8AD6; }
.ie-sala__solis--3 .f-top { fill: var(--sun); }
.ie-sala__solis--trukst polygon { fill: rgb(255 104 59 / .16); stroke: var(--coral); stroke-width: 2.4; stroke-dasharray: 6 4; }
.ie-sala__x line { stroke: var(--coral); stroke-width: 3; stroke-linecap: round; }
.ie-sala .b-kerm { fill: var(--violet); } .ie-sala .b-galva { fill: var(--cream); } .ie-sala .b-ena { fill: rgb(48 35 61 / .18); stroke: none; }
.ie-sala__zina rect, .ie-sala__zina polygon { fill: #fff; }
.ie-sala__zina text { fill: var(--violet); stroke: none; font-family: var(--f-display); font-weight: 800; font-size: 22px; }
html.motion .ie-sala__solis { animation: ie-krit .7s cubic-bezier(.34,1.56,.64,1) both; }
html.motion .ie-sala__solis--1 { animation-delay: .1s; }
html.motion .ie-sala__solis--trukst { animation-delay: .25s; }
html.motion .ie-sala__solis--3 { animation-delay: .4s; }
html.motion .ie-sala__solis--trukst { animation-name: ie-krit, ie-pulss; animation-duration: .7s, 2.4s; animation-delay: .25s, 1.4s; animation-iteration-count: 1, infinite; animation-timing-function: cubic-bezier(.34,1.56,.64,1), ease-in-out; }
html.motion .ie-sala__zina { animation: ie-krit .6s cubic-bezier(.34,1.56,.64,1) .9s both; }
@keyframes ie-krit { from { opacity: 0; translate: 0 -34px; } }
@keyframes ie-pulss { 50% { opacity: .55; } }

/* Ieejas ceļa izvēle: trīs pakāpieni */
:root .ie .login-roles { display: grid; grid-template-columns: 1fr; gap: .75rem; margin: 0; padding: 0; }
:root .sp-main.ie .login-roles a {
  --e: 5px; flex-direction: row; justify-content: space-between; align-items: center; gap: .75rem; min-height: 64px; padding: .75rem 1.1rem;
  text-align: left; font-family: var(--f-display); font-weight: 800; font-size: 1.1rem; color: var(--c-fg); text-decoration: none;
  background: var(--c-card); border: 2px solid var(--c-edge); border-radius: var(--radius); box-shadow: 0 var(--e) 0 var(--c-edge);
  transition: translate .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s cubic-bezier(.34,1.56,.64,1), background-color .25s;
}
:root .sp-main.ie .login-roles a span { font-family: var(--f-body); font-weight: 600; font-size: .85rem; color: var(--c-muted); text-decoration: none; }
:root .sp-main.ie .login-roles a:nth-child(2) { margin-left: .9rem; }
:root .sp-main.ie .login-roles a:nth-child(3) { margin-left: 1.8rem; }
:root .sp-main.ie .login-roles a[aria-current=page] { background: var(--sun); color: var(--violet); }
:root .sp-main.ie .login-roles a[aria-current=page] span { color: var(--violet); }
:root .sp-main.ie .login-roles a:hover { translate: 0 -3px; --e: 8px; background: var(--sun); color: var(--violet); }
:root .sp-main.ie .login-roles a:hover span { color: var(--violet); }
.ie .ie-izvele__virs { font-family: var(--f-display); font-weight: 800; font-size: 1.05rem; }

/* Formu kartes: kopīgais .card jau ir; te tikai atstarpes un alternatīvas */
.ie .ui-form.card { display: grid; gap: 1rem; margin: 0; }
.ie .ui-form.card .cta { width: 100%; min-height: 48px; white-space: normal; }
.ie .login-alternatives { margin: 0; padding-top: 1.4rem; border-top: 2px solid var(--c-line); display: grid; gap: .9rem; }
.ie .login-alternatives h2 { font-size: 1.2rem; }
.ie .login-alternatives .login-options { margin: 0; display: grid; gap: .75rem; }
.ie .login-alternatives .login-options a, .ie .login-alternatives .login-options button {
  display: inline-flex; align-items: center; gap: .6rem; min-height: 48px; padding: .6rem 1.1rem; font: inherit; font-weight: 700; color: var(--c-fg); text-decoration: none; cursor: pointer;
  background: var(--c-card); border: 2px solid var(--c-edge); border-radius: var(--radius); box-shadow: 0 4px 0 var(--c-edge);
}
.ie .login-alternatives .login-options button[hidden] { display: none; }
.ie .ie-kartite { background: var(--c-card); border: 2px solid var(--c-edge); border-radius: calc(var(--radius) + 4px); box-shadow: 0 6px 0 var(--c-edge); padding: clamp(1rem, .7rem + 1.4vw, 1.6rem); display: grid; gap: .8rem; align-content: start; }
.ie .ie-kartite h2 { margin: 0; }
.ie details > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 700; }
.ie details { margin-top: .4rem; }

@media (max-width: 860px) {
  .ie-hero, .ie-grid { grid-template-columns: minmax(0, 1fr); }
  .ie-404 .ie-sala { order: -1; max-width: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  :root .sp-main.ie .login-roles a, :root .sp-main.ie .login-roles a:hover { translate: none; transition: none; }
}
.ie .ie-kluda { padding: .8rem 1rem; border: 2px solid var(--coral); border-radius: var(--radius); background: var(--c-card); font-weight: 700; }
.ie-skolens .ie-kartite > details, .ie-skolens details.ie-kartite { padding-block: .8rem; }
.sp-main.ie .login-roles a, .sp-main.ie .login-roles a span { text-decoration: none !important; }
/* Saites tekstā: pieskāriena zona vismaz 24px (WCAG 2.5.8), ērtāk 44px */
.sp-main.ie p a:not(.btn):not(.cta) { display: inline-block; padding-block: .55rem; }
.sp-main.ie .ie-smalks a { padding-block: .55rem; }