/* v2026-09-03T17-00 neodvisno od sistemske nastavitve; T12-00 predmetnik; — ams-motion: plast gibanja in globine (močnejši preset: nagib kartic, parallax slik, prekrivanje sekcij)
   ==========================================================================
   Kaj je to: scroll-reveal vsebine, parallax heroja, plavajoči trak s
   številkami čez spodnji rob heroja, glava z zamegljenim ozadjem ob drsenju,
   stopnjevano prikazovanje kartic. Nič od tega ne spreminja Elementor
   podatkov ali postavitve — vse je CSS/JS na obstoječih razredih.

   VKLOP / IZKLOP (functions.php, blok "AMS MOTION"):
     wp option update ams_motion_enabled 0     → plast se ne naloži
     define( 'AMS_MOTION_OFF', true )          → isto, iz wp-config.php
   Popolna odstranitev: pobriši ta CSS, assets/js/ams-motion.js in blok
   "AMS MOTION" v functions.php. Nič drugega ni bilo spremenjeno.

   Varovalke:
     - vsa pravila so pod body.ams-motion (razred doda functions.php);
     - skrivanje vsebine velja SAMO, ko JS doda html.ams-motion-js — brez JS
       ali ob a11y "Onemogoči animacije" (CTRL+U) je stran natanko taka kot
       brez te plasti; sistemske nastavitve »manj gibanja« NE upoštevamo;
     - po koncu prehoda JS odstrani data-ams-reveal, tako da hover pravila iz
       style.css (dvig kartice, zoom slike) delujejo nedotaknjena.
   ========================================================================== */

body.ams-motion {
    --ams-ease-out: cubic-bezier(0.2, 0.65, 0.2, 1);
    --ams-reveal-dur: 600ms;
    --ams-reveal-y: 44px;
    --ams-float-overlap: 96px;
    --ams-layer: 32px;      /* prekrivanje sekcij z ozadjem (glej 7.) */
    --ams-hero-parallax: 0.4;
    /* Senca s toplim podtonom (gray-900), ne čisto črna. */
    --ams-shadow-float:
        0 1px 2px rgba(26, 23, 21, 0.04),
        0 12px 32px rgba(26, 23, 21, 0.10),
        0 40px 80px -32px rgba(26, 23, 21, 0.20);
}
@media (max-width: 767px) {
    body.ams-motion { --ams-float-overlap: 36px; --ams-layer: 24px; }
}

/* ==========================================================================
   1. SCROLL REVEAL — element vstopi z rahlim dvigom in prelivom
   ========================================================================== */
html.ams-motion-js body.ams-motion [data-ams-reveal] {
    opacity: 0;
    transform: translate3d(0, var(--ams-reveal-y), 0);
    transition:
        opacity var(--ams-reveal-dur) var(--ams-ease-out),
        transform var(--ams-reveal-dur) var(--ams-ease-out);
    transition-delay: calc(var(--ams-i, 0) * 50ms);
    will-change: opacity, transform;
}
html.ams-motion-js body.ams-motion [data-ams-reveal].is-in {
    opacity: 1;
    transform: none;
}
html.ams-motion-js body.ams-motion [data-ams-reveal].is-in--instant {
    transition-duration: 0s;
    transition-delay: 0s;
}

/* Slika v kartici se ob vstopu umiri iz rahlega zooma (zoom je že v style.css,
   tu le podaljšamo prehod, da je tudi hover bolj filmski). */
body.ams-motion .e-con.ams-card__media::before,
body.ams-motion .ams-card__media img {
    transition: transform 1100ms var(--ams-ease-out);
}
/* Slika v kartici drsi počasneje od kartice (globina): 18 px rezerve zgoraj in
   spodaj, premik prek --ams-ip, ki ga med drsenjem nastavlja JS. */
body.ams-motion .e-con.ams-card__media::before {
    top: -18px;
    bottom: -18px;
    /* Elementor psevdo-elementu vsili height: 100 %, zato top/bottom sama ne
       podaljšata škatle — brez tega ostane spodaj ~15 px nepokritega ozadja. */
    height: calc(100% + 36px);
    translate: 0 var(--ams-ip, 0px);
}
body.ams-motion .ams-card__media img {
    translate: 0 var(--ams-ip, 0px);
}
/* Nagib kartice ob miški (JS nastavi inline transform; brez miške ni učinka). */
body.ams-motion .e-con.ams-grid { perspective: 1400px; }
body.ams-motion .e-con.ams-card--program.ams-tilt {
    transition: transform 140ms ease-out, box-shadow var(--ams-transition);
}
html.ams-motion-js body.ams-motion [data-ams-reveal]:not(.is-in) .e-con.ams-card__media::before,
html.ams-motion-js body.ams-motion [data-ams-reveal]:not(.is-in) .ams-card__media img {
    transform: scale(1.12);
}

/* Ločnica pod naslovom sekcije se izriše od leve proti desni. Isti 1 px siv
   rob kot doslej (nevtralen, ne barvni trak) — samo vstop je animiran. */
body.ams-motion .e-con.ams-section-header--rule {
    position: relative;
    border-bottom-color: transparent;
}
body.ams-motion .e-con.ams-section-header--rule::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: var(--ams-gray-300, #C8C2B9);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform 1200ms var(--ams-ease-out) 250ms;
    pointer-events: none;
}
body.ams-motion .e-con.ams-section-header--rule.ams-revealed::after,
html:not(.ams-motion-js) body.ams-motion .e-con.ams-section-header--rule::after {
    transform: scaleX(1);
}

/* ==========================================================================
   2. HERO — vstop po besedah, umirjanje videa, parallax ob drsenju
   ========================================================================== */
body.ams-motion .ams-hero,
body.ams-motion .ams-program-hero {
    --ams-py: 0px;
    --ams-ho: 1;
}

/* Gradniki v heroju (značka, naslov, odstavek, gumbi) — stopnjevan vstop.
   Naslov (data-ams-hero="split") vstopa po besedah, zato ovoj ne bledi. */
body.ams-motion [data-ams-hero] {
    transition:
        opacity 1000ms var(--ams-ease-out),
        transform 1000ms var(--ams-ease-out),
        filter 1000ms var(--ams-ease-out);
    transition-delay: calc(var(--ams-i, 0) * 130ms + 120ms);
}
html.ams-motion-js body.ams-motion .ams-hero:not(.ams-hero--in) [data-ams-hero]:not([data-ams-hero="split"]),
html.ams-motion-js body.ams-motion .ams-program-hero:not(.ams-hero--in) [data-ams-hero]:not([data-ams-hero="split"]) {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    filter: blur(8px);
}
body.ams-motion .ams-w {
    display: inline-block;
    transition:
        opacity 900ms var(--ams-ease-out),
        transform 900ms var(--ams-ease-out),
        filter 900ms var(--ams-ease-out);
    transition-delay: calc(var(--ams-i, 0) * 70ms + 260ms);
}
html.ams-motion-js body.ams-motion .ams-hero:not(.ams-hero--in) .ams-w,
html.ams-motion-js body.ams-motion .ams-program-hero:not(.ams-hero--in) .ams-w {
    opacity: 0;
    transform: translate3d(0, 0.9em, 0);
    filter: blur(12px);
}

/* Video / slika ozadja: stalen scale 1.06 daje rezervo za parallax (da se ob
   pomiku ne odpre rob), ob vstopu se umiri iz 1.14. `translate` je ločena
   lastnost, zato se ne tepe s `transform`, ki ga animiramo. */
body.ams-motion .ams-hero .elementor-background-video-container,
body.ams-motion .ams-hero .ams-hero__media {
    transform: scale(1.06);
    translate: 0 var(--ams-py);
    transition: transform 1800ms var(--ams-ease-out);
    will-change: transform, translate;
}
html.ams-motion-js body.ams-motion .ams-hero:not(.ams-hero--in) .elementor-background-video-container,
html.ams-motion-js body.ams-motion .ams-hero:not(.ams-hero--in) .ams-hero__media {
    transform: scale(1.14);
}

/* Vsebina heroja drsi počasneje od strani in zbledi, preden hero izgine. */
body.ams-motion .ams-hero .ams-hero__content,
body.ams-motion .ams-program-hero > .e-con-full {
    translate: 0 calc(var(--ams-py) * 0.45);
    opacity: var(--ams-ho);
    will-change: translate, opacity;
}

/* Jubilejna plošča se umakne nad plavajoči trak (glej 3.). */
body.ams-motion .ams-hero__jubilee {
    bottom: calc(clamp(20px, 4vh, 56px) + var(--ams-float-overlap) + 4px) !important;
}

/* Namig za drsenje: tanka svetla črta s potujočim odsevom, sredina spodaj.
   Dekorativen, brez pomena za bralnik (aria-hidden), na telefonu ga ni. */
body.ams-motion .ams-scroll-cue {
    position: absolute;
    left: 50%;
    bottom: calc(var(--ams-float-overlap) + 26px);
    z-index: 3;
    width: 1px;
    height: 52px;
    margin-left: -0.5px;
    background: rgba(255, 255, 255, 0.18);
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity 900ms ease 1500ms;
}
body.ams-motion .ams-hero--in .ams-scroll-cue { opacity: 1; }
body.ams-motion .ams-scroll-cue::before {
    content: "";
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFFFFF);
    animation: ams-cue 2200ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes ams-cue {
    0%   { top: -100%; }
    100% { top: 100%; }
}
@media (max-width: 767px) {
    body.ams-motion .ams-scroll-cue { display: none; }
}

/* ==========================================================================
   3. PLAVAJOČI TRAK S ŠTEVILKAMI — leži čez spodnji rob heroja
   ==========================================================================
   Doslej raven pas pod herojem. Zdaj bela kartica v širini vsebine (1280 px),
   ki za --ams-float-overlap sega v hero: plastenje namesto zlaganja sekcij.
   Elementor svojo širino/odmik zapiše s specifičnostjo 0-3-0, zato !important. */
body.ams-motion .e-con.ams-jubilee-stats {
    position: relative;
    z-index: 3;
    width: min(100% - 2 * var(--ams-container-padding), var(--ams-container-max)) !important;
    max-width: none !important;
    margin: calc(-1 * var(--ams-float-overlap)) auto 0 !important;
    background: var(--ams-white, #FFFFFF) !important;
    border: 1px solid rgba(26, 23, 21, 0.06) !important;
    border-radius: 16px;
    box-shadow: var(--ams-shadow-float);
}

/* ==========================================================================
   4. GLAVA — ob drsenju prosojna z zameglitvijo, na namizju nižja
   ==========================================================================
   Zameglitev je na ::before in ne na .ams-header: backdrop-filter na samem
   elementu bi postal containing block za `position: fixed` predal menija
   (.ams-header__nav) pod 1280 px in ga zlomil. */
body.ams-motion .ams-header {
    transition:
        border-color var(--ams-transition),
        box-shadow var(--ams-transition),
        background-color 320ms ease;
}
body.ams-motion .ams-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    -webkit-backdrop-filter: blur(16px) saturate(1.6);
    backdrop-filter: blur(16px) saturate(1.6);
    opacity: 0;
    transition: opacity 320ms ease;
    pointer-events: none;
}
body.ams-motion .ams-header--scrolled {
    background-color: rgba(255, 255, 255, 0.80);
    border-bottom-color: rgba(26, 23, 21, 0.06);
    box-shadow: 0 12px 32px -20px rgba(26, 23, 21, 0.18);
}
body.ams-motion .ams-header--scrolled::before { opacity: 1; }
@media (min-width: 1280px) {
    body.ams-motion .ams-header__container {
        transition: min-height 320ms var(--ams-ease-out);
    }
    body.ams-motion .ams-header__logo-link,
    body.ams-motion .ams-header__logo {
        transition: height 320ms var(--ams-ease-out);
    }
    body.ams-motion .ams-header--scrolled {
        --ams-header-h: 64px;
        --ams-logo-h: 46px;
    }
}

/* ==========================================================================
   5. KARTICE IN MREŽE — globina, plastenje
   ========================================================================== */
/* Statistične kartice "O akademiji": vsaka druga zamaknjena navzdol —
   dve plasti namesto ravne mreže. Pod 560 px je mreža enostolpčna. */
@media (min-width: 561px) {
    body.ams-motion .e-con.ams-stats-grid > .e-con.ams-stat:nth-child(even) {
        margin-top: 28px;
    }
}
body.ams-motion .e-con.ams-stat {
    transition: transform 320ms var(--ams-ease-out), box-shadow 320ms var(--ams-ease-out);
}
body.ams-motion .e-con.ams-stat:hover {
    transform: translateY(-3px);
    box-shadow: var(--ams-shadow-md);
}

/* Gumbi: mehkejši dvig. */
body.ams-motion .elementor-widget-button a.elementor-button,
body.ams-motion .ams-btn {
    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        transform 320ms var(--ams-ease-out),
        box-shadow 320ms var(--ams-ease-out) !important;
}

/* ==========================================================================
   7. PREKRIVANJE SEKCIJ — sekcija z ozadjem se z zaobljenim vrhom pomakne čez
   prejšnjo (JS doda .ams-sec--layer vsaki vrhnji sekciji z ne-belim ozadjem in
   nogi; padding-top poveča inline za --ams-layer, da vsebina ostane na mestu).
   ========================================================================== */
body.ams-motion .ams-sec--layer {
    position: relative;
    z-index: 2;
    margin-top: calc(-1 * var(--ams-layer)) !important;
    border-radius: var(--ams-layer) var(--ams-layer) 0 0;
    box-shadow: 0 -28px 56px -36px rgba(26, 23, 21, 0.28);
}
body.ams-motion footer.ams-sec--layer { overflow: hidden; }

/* ==========================================================================
   8. BORDO SEKCIJE — mehak odsev, ki se med drsenjem premika (JS: --ams-sp)
   ========================================================================== */
body.ams-motion .ams-sec--accent {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
body.ams-motion .ams-sec--accent::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -30% -10%;
    background:
        radial-gradient(ellipse 38% 55% at 82% 30%, rgba(255, 255, 255, 0.14), transparent 70%),
        radial-gradient(ellipse 30% 50% at 12% 90%, rgba(0, 0, 0, 0.16), transparent 70%);
    translate: 0 calc(var(--ams-sp, 0) * 70px);
    pointer-events: none;
    will-change: translate;
}

/* ==========================================================================
   9. PREDMETNIK — harmonika letnikov + tabela predmetov (samo izris)
   ==========================================================================
   Vsebina ostane Elementorjeva harmonika z <table class="ams-curriculum-table">
   v besedilu (urejanje v zaledju nespremenjeno). JS na naslov letnika
   „1. letnik (I. in II. semester) – 60 ECTS" položi prikazne ovoje:
   .ams-cur__main / .ams-cur__sub / .ams-cur__badge; brez JS je naslov gol. */
body.ams-motion .elementor-accordion .elementor-accordion-item {
    border: 1px solid rgba(26, 23, 21, 0.06) !important;
    border-radius: 14px;
    margin-bottom: 12px;
    background: var(--ams-white);
    box-shadow: 0 1px 2px rgba(26, 23, 21, 0.04), 0 10px 28px -18px rgba(26, 23, 21, 0.18);
    transition: box-shadow 320ms var(--ams-ease-out);
}
body.ams-motion .elementor-accordion .elementor-accordion-item:has(.elementor-active) {
    box-shadow: 0 1px 2px rgba(26, 23, 21, 0.04), 0 24px 48px -24px rgba(26, 23, 21, 0.24);
}
body.ams-motion .elementor-accordion .elementor-tab-title {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px !important;
    background: var(--ams-white);
    transition: background-color 220ms ease;
}
body.ams-motion .elementor-accordion .elementor-tab-title:hover,
body.ams-motion .elementor-accordion .elementor-tab-title.elementor-active { background: var(--ams-cream); }
/* ikona +/− v krogu; ob odprtju se zavrti in obarva */
body.ams-motion .elementor-accordion .elementor-accordion-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border: 1px solid var(--ams-gray-300);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ams-gray-700);
    transition: transform 320ms var(--ams-ease-out), border-color 220ms ease, background-color 220ms ease, color 220ms ease;
}
/* Elementor barvo ikone zapiše kot fill na svg/path z lastno specifičnostjo,
   zato tu !important — sicer je „−" v bordo krogu bordo in neviden. */
body.ams-motion .elementor-accordion .elementor-accordion-icon svg { width: 12px; height: 12px; }
body.ams-motion .elementor-accordion .elementor-accordion-icon svg,
body.ams-motion .elementor-accordion .elementor-accordion-icon svg path { fill: currentColor !important; }
body.ams-motion .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
    transform: rotate(180deg);
    background: var(--ams-burgundy-500);
    border-color: var(--ams-burgundy-500);
    color: #FFFFFF;
}
body.ams-motion .elementor-accordion .elementor-accordion-title {
    flex: 1 1 auto;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 10px;
    font-weight: var(--ams-fw-semibold);
    font-size: 1.0625rem;
    color: var(--ams-gray-900);
}
body.ams-motion .ams-cur__sub { font-weight: var(--ams-fw-regular); color: var(--ams-gray-500); font-size: 0.9375rem; }
body.ams-motion .ams-cur__badge {
    margin-left: auto;
    align-self: center;
    padding: 2px 12px;
    line-height: 1.4; /* nižja od vrstice naslova, da značka ne poviša harmonike */
    border-radius: var(--ams-radius-full);
    background: var(--ams-gray-100);
    color: var(--ams-gray-700);
    font-size: 0.8125rem;
    font-weight: var(--ams-fw-bold);
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
body.ams-motion .elementor-tab-title.elementor-active .ams-cur__badge { background: var(--ams-burgundy-100); color: var(--ams-burgundy-700); }
body.ams-motion .elementor-accordion .elementor-tab-content {
    padding: 6px 16px 16px !important;
    background: var(--ams-cream);
    border-top: 1px solid rgba(26, 23, 21, 0.06);
}
/* tabela — vsaka vrstica je dolga pilula (bela na kremni podlagi, 6 px razmika);
   zunanje obrobe, navpične črte in zebra iz splošnih pravil so izničene. */
body.ams-motion .ams-curriculum-table {
    font-size: 0.9375rem;
    margin: 0;
    border: 0;
    background: transparent;
    border-collapse: separate;
    border-spacing: 0 6px;
}
body.ams-motion .ams-curriculum-table th,
body.ams-motion .ams-curriculum-table td { border: 0; background: transparent; padding: 12px 12px; }
body.ams-motion .ams-curriculum-table thead th { padding: 4px 12px 0; border: 0; }
body.ams-motion .ams-curriculum-table thead th.num { padding-left: 22px; }
body.ams-motion .ams-curriculum-table thead th.ects { padding-right: 22px; text-align: right; }
body.ams-motion .ams-curriculum-table tbody td,
body.ams-motion .ams-curriculum-table tfoot td {
    background: var(--ams-white);
    border-top: 1px solid rgba(26, 23, 21, 0.07);
    border-bottom: 1px solid rgba(26, 23, 21, 0.07);
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 220ms var(--ams-ease-out);
}
body.ams-motion .ams-curriculum-table tbody td:first-child,
body.ams-motion .ams-curriculum-table tfoot td:first-child {
    border-left: 1px solid rgba(26, 23, 21, 0.07);
    border-radius: 10px 0 0 10px;
    padding-left: 22px;
}
body.ams-motion .ams-curriculum-table tbody td:last-child,
body.ams-motion .ams-curriculum-table tfoot td:last-child {
    border-right: 1px solid rgba(26, 23, 21, 0.07);
    border-radius: 0 10px 10px 0;
    padding-right: 8px;
    text-align: right;
}
body.ams-motion .ams-curriculum-table td.num { font-size: 0.8125rem; color: var(--ams-gray-500); width: 44px; }
/* Brez box-shadow na celicah: senca vsake celice bi se pokazala kot navpična
   črta med celicami pilule. Hover nosi samo obroba. */
body.ams-motion .ams-curriculum-table tbody tr:hover td {
    border-top-color: rgba(139, 0, 48, 0.32);
    border-bottom-color: rgba(139, 0, 48, 0.32);
}
body.ams-motion .ams-curriculum-table tbody tr:hover td:first-child { border-left-color: rgba(139, 0, 48, 0.32); }
body.ams-motion .ams-curriculum-table tbody tr:hover td:last-child { border-right-color: rgba(139, 0, 48, 0.32); }
body.ams-motion .ams-curriculum-table tbody tr:hover td.num { color: var(--ams-burgundy-500); }
/* Pilula ne sme povišati vrstice (line-height = vrstica besedila), sicer se
   višina sekcije s plastjo razlikuje od tiste brez nje. */
body.ams-motion .ams-cur__pill {
    display: inline-block;
    min-width: 40px;
    padding: 0 10px;
    line-height: inherit;
    vertical-align: top; /* inline-block na osnovni črti bi vrstico povišal za 1 px */
    border-radius: var(--ams-radius-full);
    background: var(--ams-gray-100);
    color: var(--ams-gray-700);
    font-weight: var(--ams-fw-semibold);
    text-align: center;
    font-variant-numeric: tabular-nums;
}
body.ams-motion .ams-curriculum-table tfoot td { font-weight: var(--ams-fw-semibold); border-color: rgba(26, 23, 21, 0.12); }
body.ams-motion .ams-curriculum-table tfoot .ams-cur__pill { background: var(--ams-burgundy-500); color: #FFFFFF; }
/* vrstice ob odprtju vstopijo stopnjevano (JS da --i) */
html.ams-motion-js body.ams-motion .elementor-tab-content.elementor-active .ams-curriculum-table tbody tr {
    animation: ams-row-in 480ms var(--ams-ease-out) both;
    animation-delay: calc(var(--i, 0) * 28ms);
}
@keyframes ams-row-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: none; }
}
@media (max-width: 600px) {
    body.ams-motion .elementor-accordion .elementor-tab-title { padding: 14px 16px !important; gap: 12px; }
    body.ams-motion .elementor-accordion .elementor-tab-content { padding: 4px 12px 14px !important; }
    body.ams-motion .ams-curriculum-table { font-size: 0.875rem; }
    body.ams-motion .ams-curriculum-table th, body.ams-motion .ams-curriculum-table td { padding: 10px 6px; }
    body.ams-motion .ams-curriculum-table td.num { width: 26px; }
    body.ams-motion .elementor-accordion .elementor-accordion-title { font-size: 1rem; }
}
html.ams-a11y-no-anim body.ams-motion .ams-curriculum-table tbody tr { animation: none !important; }

/* ==========================================================================
   6. VAROVALKE — dostopnost in tisk
   ========================================================================== */
html.ams-a11y-no-anim body.ams-motion [data-ams-reveal],
html.ams-a11y-no-anim body.ams-motion [data-ams-hero],
html.ams-a11y-no-anim body.ams-motion .ams-w,
html.ams-a11y-no-anim body.ams-motion .ams-hero .elementor-background-video-container {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
}
html.ams-a11y-no-anim body.ams-motion .e-con.ams-card__media::before,
html.ams-a11y-no-anim body.ams-motion .ams-sec--accent::before { translate: none !important; }
html.ams-a11y-no-anim body.ams-motion .e-con.ams-section-header--rule::after {
    transform: scaleX(1) !important;
}
html.ams-a11y-no-anim body.ams-motion .ams-scroll-cue { display: none; }
/* Sistemske nastavitve »manj gibanja« NE upoštevamo (odločitev 2026-09-03):
   pri obiskovalcih je pogosto izklopljena zaradi zmogljivostnih nastavitev
   Windows, ne zaradi potrebe. Edini izklop je gradnik dostopnosti na strani
   (CTRL+U → html.ams-a11y-no-anim), ki ugasne VSE — blok tik nad tem. */
@media print {
    body.ams-motion [data-ams-reveal],
    body.ams-motion [data-ams-hero],
    body.ams-motion .ams-w {
        opacity: 1 !important;
        transform: none !important;
    }
    body.ams-motion .ams-scroll-cue { display: none; }
}

/* ==========================================================================
   10. NOGA NA TELEFONU — kompaktnejša (Miha, 2026-09-03)
   ==========================================================================
   Izmerjeno pri 390 px: noga 937 px, od tega spodnja letvica 259 px; vrstice
   E/T in seznama so bile 44 px, razmiki med bloki 24 px. Tu: 16 px med stolpci,
   12 px med bloki, vrstice 36–40 px (še vedno nad WCAG 2.5.8 AA 24 px),
   letvica z drobnimi povezavami in gumboma v eni vrsti. */
@media (max-width: 600px) {
    body.ams-motion .ams-footer,
    body.ams-motion footer.ams-sec--layer { padding-top: 40px !important; }
    body.ams-motion .ams-footer__container { gap: 16px; }
    body.ams-motion .ams-footer__heading { margin-bottom: 8px; }
    body.ams-motion .ams-footer .ams-footer__address,
    body.ams-motion .ams-footer .ams-footer__data { margin-bottom: 12px; }
    body.ams-motion .ams-footer h3.ams-footer__heading--small,
    body.ams-motion .ams-footer .ams-footer__heading--small { margin-top: 12px; }
    body.ams-motion .ams-footer__list a { min-height: 32px; padding-block: 4px; }
    body.ams-motion .ams-footer__list li { min-height: 0; }
    body.ams-motion .ams-footer__legal li,
    body.ams-motion .ams-footer__legal a { min-height: 28px; padding-block: 2px; }
    body.ams-motion .ams-footer__legal { gap: 4px 16px; }
    body.ams-motion .ams-footer__col a[href^="mailto:"],
    body.ams-motion .ams-footer__col a[href^="tel:"],
    body.ams-motion .ams-footer a[href^="mailto:"],
    body.ams-motion .ams-footer a[href^="tel:"] { min-height: 36px; padding-block: 4px; }
    body.ams-motion .ams-footer__social a { width: 40px; height: 40px; }
    body.ams-motion .ams-footer__bottom { margin-top: 20px; padding-top: 12px; padding-bottom: calc(12px + 72px); }
    body.ams-motion .ams-footer__bottom-inner {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 16px;
    }
    body.ams-motion .ams-footer__copyright { flex: 1 1 100%; }
    body.ams-motion .ams-footer__bottom-inner .ams-footer__utilities { margin-left: auto; }
}

/* ==========================================================================
   11. SIJ OB KAZALCU — rob kartice programa zasije tam, kjer je kazalec
   ==========================================================================
   Prenos učinka „spotlight card" brez Reacta: radialni bordo sij na robu
   (maska padding-box/border-box pusti samo 2 px obrobo), položaj daje JS
   (--ams-gx/--ams-gy glede na kartico), zato sije tudi, ko je kazalec tik ob
   kartici. Samo z miško; na dotik ga ni. */
body.ams-motion .e-con.ams-card--program { --ams-gx: -9999px; --ams-gy: -9999px; }
body.ams-motion .e-con.ams-card--program::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    border-radius: 16px;
    border: 2px solid transparent;
    background: radial-gradient(circle 240px at var(--ams-gx) var(--ams-gy), rgba(139, 0, 48, 0.85), transparent 70%) border-box;
    -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
    mask-composite: exclude;
}
@media (hover: none) {
    body.ams-motion .e-con.ams-card--program::after { display: none; }
}
/* Bordo črta „snake" okoli kartice (style.css + ams-card-stroke.js) je s sijem
   odveč — skrita, ne odstranjena (Miha, 2026-09-03). */
body.ams-motion .ams-card-stroke { display: none; }

/* ==========================================================================
   12. GALERIJE — enak radij kot pilule predmetnika (10 px)
   ==========================================================================
   Elementorjeva galerija na programskih straneh (.ams-gallery--scroll in vse
   ostale e-gallery) ter galerija dogodkov. */
body.ams-motion .elementor-widget-gallery .e-gallery-item,
body.ams-motion .elementor-widget-gallery .e-gallery-image,
body.ams-motion .ams-dogodek-gallery__item {
    border-radius: 10px;
    overflow: hidden;
}