/* ALMA MEEO V10.12 — MOBILNI CELOVITI STANDARD
   Finalni mobilni override. Namenoma je naložen zadnji in preglasi stare premium mobilne sloge.
   Referenčni razpon: 360–420 CSS px (Xiaomi Poco X3 NFC ~393 px).
*/

@media (max-width: 720px) {
  html {
    font-size: 15px !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  main {
    padding-block: .75rem 1.65rem !important;
  }

  .site-shell,
  .header-inner,
  .development-banner-inner {
    width: min(calc(100% - 1.15rem), var(--content-width, 1180px)) !important;
  }

  /* Enotna tipografska zgornja meja za telefon. */
  main h1,
  main .home-hero h1,
  main .hero h1,
  main .page-header h1,
  main .public-page-header h1,
  main .standalone-page h1,
  main .article h1,
  main .am1005-hero h1,
  main .am1005-page-hero h1 {
    font-size: clamp(1.62rem, 7.2vw, 1.92rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.025em !important;
    margin-bottom: .58rem !important;
  }

  main h2,
  main .standalone-page h2,
  main .article h2,
  main .am1005-section-head h2,
  main .am1005-split h2,
  main .am1005-final h2,
  main .am1005-manifest .big {
    font-size: clamp(1.28rem, 5.5vw, 1.5rem) !important;
    line-height: 1.13 !important;
    letter-spacing: -.018em !important;
    margin-bottom: .55rem !important;
  }

  main h3,
  main .standalone-page h3,
  main .article h3,
  main .am1005-three-grid h3,
  main .am1005-why-grid h3 {
    font-size: clamp(1.03rem, 4.25vw, 1.16rem) !important;
    line-height: 1.22 !important;
  }

  main h4 { font-size: 1rem !important; }

  main p,
  main li,
  main .article p,
  main .article li,
  main .standalone-lead,
  main .am1005-page-lead,
  main .am1005-hero-side .lead,
  main .am1005-section-head > p:last-child,
  main .am1005-final p {
    font-size: .94rem !important;
    line-height: 1.52 !important;
  }

  /* Stari premium moduli so imeli na telefonu 3–8rem naslove. Ti selektorji imajo višjo
     specifičnost od generičnega h1/h2, zato jih normaliziramo izrecno. */
  html body.view-home main .home-v802-hero h1,
  html body.page-poti-alma-meeo main .am-v864-methods-hero h1,
  html body.page-delavnice-in-preverjanja main .am836-hero-copy h1,
  html body.am-v879 main .am878-home h1,
  html body.am-v879 main .am878-paths-page h1,
  html body.am-v879 main .am879-workshops h1,
  html body main .am878-home h1,
  html body main .am878-paths-page h1,
  html body main .am881-product-hero h1,
  html body main .am882-faq-hero h1,
  html body main .am884-product-area-hero h1,
  html body.am-v876 main .am921-page-intro h1#standalone-title,
  html body main .am911-hero h1,
  html body main .am911-story-hero h1,
  html body main .v1000-home-hero h1,
  html body main .v1002-hero-copy h1,
  html body main .v1002-teachers-hero h1,
  html body main .v1002-mateja-copy h1,
  html body main .am-rn-hero h1 {
    font-size: clamp(1.62rem, 7.2vw, 1.92rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.025em !important;
    max-width: none !important;
  }

  html body.view-home main .home-v870-live-system h2,
  html body.page-poti-alma-meeo main .am-v872-compass h2,
  html body.page-delavnice-in-preverjanja main .am870-learning-loop h2,
  html body.am-v879 main .am878-home h2,
  html body.am-v879 main .am878-paths-page h2,
  html body.am-v879 main .am879-workshops h2,
  html body main .am878-home h2,
  html body main .am878-paths-page h2,
  html body main .am880-manifest-main h2,
  html body main .am880-learning-manifest-copy h2,
  html body main .am881-home-product-copy h2,
  html body main .am881-device-grid h2,
  html body main .am881-human-layer h2,
  html body main .am881-section-head h2,
  html body main .am881-position h2,
  html body main .am881-three-verb-title h2,
  html body main .am882-faq-section-head h2,
  html body main .am903-comprehensive-head h2,
  html body main .v1002-manifest h2,
  html body main .v1002-final h2 {
    font-size: clamp(1.28rem, 5.5vw, 1.5rem) !important;
    line-height: 1.13 !important;
    letter-spacing: -.018em !important;
  }

  html body main .am878-path-copy h3,
  html body main .am881-use-case h3,
  html body main .am903-comprehensive-copy h3,
  html body.page-poti-alma-meeo main .am-v871-lab-main h3 {
    font-size: clamp(1.03rem, 4.25vw, 1.16rem) !important;
    line-height: 1.22 !important;
  }

  /* Dekorativna tipografija ne sme prevzeti zaslona. */
  html body main .am880-learning-manifest-word {
    font-size: 3rem !important;
    line-height: .9 !important;
  }
  html body main .am880-paths-declaration strong {
    font-size: 1.35rem !important;
    line-height: 1.12 !important;
  }
  html body.page-poti-alma-meeo main .am-v871-lab-no span,
  html body.page-poti-alma-meeo.am-v877 main .am-v871-lab-no span,
  html body main .am878-path-index > span {
    font-size: 1.7rem !important;
    line-height: 1 !important;
  }

  /* Hero slike in vizualni bloki nimajo več umetnih 20–31rem višin. */
  html body.view-home main .home-v802-hero-visual,
  html body.page-poti-alma-meeo main .am-v864-methods-hero figure,
  html body.page-delavnice-in-preverjanja main .am836-hero-media,
  html body main .am880-manifest-orbit,
  html body main .am896-sphere-axis,
  html body main .am899-topic-mark,
  html body main .v1000-home-pillar-grid a {
    min-height: 0 !important;
    height: auto !important;
  }

  html body main .home-v802-hero-visual img,
  html body main .am-v864-methods-hero img,
  html body main .am836-hero-media img,
  html body main .am884-product-area-media img,
  html body main .am1005-hero-media img,
  html body main .am1005-page-hero img,
  html body main .am1005-split img,
  html body main figure img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
  }

  /* Kompaktnejši vertikalni ritem. */
  main section,
  main .am1005-section {
    scroll-margin-top: 4.5rem;
  }
  main .am1005-section { padding-block: 1.65rem !important; }
  main .am1005-section-head { margin-bottom: .9rem !important; }
  main .am1005-manifest {
    margin-bottom: 1.75rem !important;
    padding: 1.25rem .2rem !important;
  }
  main .am1005-page-hero,
  main .am1005-hero { padding-bottom: 1.45rem !important; }
  main .am1005-page-hero figure { margin-bottom: .85rem !important; }

  main .portal-card,
  main .direction-card,
  main .content-group,
  main .tool-card,
  main .service-use-path-card,
  main .val-coin-method-card,
  main .val-coin-result,
  main .val-coin-profile-grid article,
  main .am1005-why-grid article,
  main .am1005-three-grid article,
  main .am1005-roots-grid article,
  main .am1005-timeline article,
  main .am1006-complete-grid a {
    min-height: 0 !important;
    padding: .78rem !important;
    border-radius: .78rem !important;
  }

  main blockquote,
  main .am1005-quote {
    margin: .75rem 0 !important;
    padding: .72rem .78rem !important;
    font-size: .92rem !important;
    line-height: 1.46 !important;
  }

  /* Mreže: pri 393 px naj besedilo ostane čitljivo in brez horizontalnega drsenja. */
  main .content-grid,
  main .direction-grid,
  main .information-grid,
  main .service-grid,
  main .review-grid,
  main .studio-app-grid,
  main .offer-grid,
  main .community-grid,
  main .research-grid,
  main .learning-grid,
  main .future-service-grid,
  main .val-coin-method-grid,
  main .val-coin-profile-grid,
  main .val-coin-check-grid,
  main .am1005-why-grid,
  main .am1005-three-grid,
  main .am1005-roots-grid,
  main .am1005-timeline,
  main .am1006-complete-grid,
  main .v1002-workshop-choice,
  main .v1002-teacher-gallery,
  main .v1002-mateja-grid,
  main .v1002-mateja-paths {
    grid-template-columns: 1fr !important;
    gap: .62rem !important;
  }

  /* Dogodivščine ostanejo vizualno hitre, vendar kartica ne sme stisniti vsebine. */
  main .am1005-adventure-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }
  main .am1005-adventure-card div { padding: .62rem !important; }
  main .am1005-adventure-card strong { font-size: .88rem !important; }
  main .am1005-adventure-card span { font-size: .72rem !important; line-height: 1.35 !important; }

  /* Gumbi: manjši vizualno, še vedno dovolj visoki za dotik. */
  main .am1005-btn,
  main .home-hero-cta,
  main .am879-btn,
  main .am878-btn,
  main .v1002-btn,
  main .offer-final-actions a,
  main button:not(.nav-toggle) {
    width: auto !important;
    max-width: 100% !important;
    min-height: 2.65rem !important;
    padding: .58rem .78rem !important;
    border-radius: 999px !important;
    font-size: .8rem !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  /* Meni je kompakten, a tap področja ostanejo uporabna. */
  .am-menu-engine .header-inner,
  .header-inner { min-height: 3.45rem !important; }
  .am-menu-engine .brand,
  .brand { font-size: .86rem !important; }
  .am-menu-engine .brand-symbol,
  .brand-symbol { width: 2.25rem !important; }
  .am-menu-engine .nav-toggle {
    width: 2.55rem !important;
    height: 2.55rem !important;
    min-height: 2.55rem !important;
  }
  .am-menu-engine .site-nav-link,
  .am-menu-engine .nav-group-toggle,
  .am-menu-engine .nav-submenu-section-toggle,
  .am-menu-engine .nav-submenu-topic-toggle {
    min-height: 2.55rem !important;
    padding: .52rem .58rem !important;
    font-size: .82rem !important;
  }
  .am-menu-engine .nav-submenu a,
  .am-menu-engine .nav-submenu-nested > a,
  .am-menu-engine .nav-submenu-topic-items > a {
    min-height: 2.25rem !important;
    padding: .44rem .52rem !important;
    font-size: .78rem !important;
  }

  /* Preventiva pred overflowom iz dolgih besed, tabel in inline slogov. */
  main,
  main * { min-width: 0; }
  main img,
  main svg,
  main video,
  main iframe { max-width: 100% !important; }
  main pre,
  main code,
  main table { max-width: 100%; overflow-wrap: anywhere; }
  main table { font-size: .78rem !important; }
  main input,
  main select,
  main textarea { max-width: 100% !important; font-size: 16px !important; }
}

@media (max-width: 420px) {
  html { font-size: 14.75px !important; }
  main h1,
  html body.view-home main .home-v802-hero h1,
  html body.page-poti-alma-meeo main .am-v864-methods-hero h1,
  html body.page-delavnice-in-preverjanja main .am836-hero-copy h1,
  html body.am-v879 main .am878-home h1,
  html body.am-v879 main .am878-paths-page h1,
  html body.am-v879 main .am879-workshops h1,
  html body main .am881-product-hero h1,
  html body main .am882-faq-hero h1,
  html body main .am884-product-area-hero h1 {
    font-size: clamp(1.58rem, 7vw, 1.82rem) !important;
  }
  main h2,
  html body main .am880-manifest-main h2,
  html body main .am880-learning-manifest-copy h2,
  html body main .am881-three-verb-title h2 {
    font-size: clamp(1.24rem, 5.25vw, 1.43rem) !important;
  }
}

@media (max-width: 360px) {
  main .am1005-adventure-grid,
  main .am1005-flow { grid-template-columns: 1fr !important; }
}

@media (max-width: 720px), (pointer: coarse), (hover: none) {
  /* Na ozkem telefonu je gumb samo ikona; beseda Meni ostane dostopna bralnikom zaslona. */
  .am-menu-engine .nav-toggle-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .am-menu-engine .nav-toggle {
    position: relative !important;
    justify-content: center !important;
    gap: 0 !important;
  }
}

@media (max-width: 720px) {
  /* V10.12: zgodovinske/ustvarjalne galerije niso več 79vw horizontalni trakovi. */
  main .am878-creator-triptych,
  main .am878-history-grid {
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
  }
  main .am878-creator-triptych article,
  main .am878-history-grid article {
    width: 100% !important;
    max-width: 100% !important;
  }
  main .am878-creator-triptych img,
  main .am878-history-grid img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
  }
  main .am878-path-rows > article {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    padding: 1.45rem 0 !important;
  }
}