/* ============================================================
   ANTRAŠTĖS "PRISIJUNGTI"/"MANO MOKYMAI" NUORODA (žr. functions.php
   wp_nav_menu_items filtrą, .nm-header-account-link).
   Kraunasi VISUR (sitewide, be jokios sąlygos) — antraštė rodoma
   kiekviename puslapyje, tad NEGALI būti nm-account.css viduje (tas
   kraunasi TIK is_account_page()).
   Konvencijos kaip tutor-dashboard.css: struktūriniai selektoriai.
   ČIA — IŠIMTIS dėl hex/kintamųjų: naudojam PAČIOS svetainės Elementor
   Kit CSS kintamuosius (--e-global-color-primary/--e-global-color-accent),
   NE mūsų hex paletę — patikrinta gyvai (nekenciumarketingo.lt), šitie
   kintamieji JAU LYGŪS mūsų paletei (--e-global-color-primary: #726AAF,
   --e-global-color-accent: #E16D68), ir TAIP PAT yra kintamieji, kuriuos
   naudoja VISI kiti antraštės meniu punktai normaliam/hover būviui — su
   savo kietai įrašytu hex nesiderintume su Kit, jei Simona kada pakeistų
   Kit spalvas per Elementor. Hex reikšmės čia — TIK atsarginės (fallback),
   jei kada šis meniu atsidurtų kitame Kit kontekste be tų kintamųjų.
   ============================================================ */

/* ------------------------------------------------------------
   1. STALINIS HORIZONTALUS MENIU — WRAP KLAIDA
   Elementor .elementor-nav-menu turi flex-wrap:wrap + justify-content:
   flex-end. 6 originalūs punktai jau beveik pripildo eilutę — pridėjus
   7-ą (mūsų), visas turinio plotis viršija konteinerio plotį, ir MŪSŲ
   punktas (paskutinis DOM tvarka) nukrenta į NAUJĄ eilutę, kuri dėl
   justify-content:flex-end atsiduria dešinėje, po krepšelio ikona —
   patikrinta gyvai (836px konteineris vs 913px turinys be pataisos,
   1440/1568px languose).
   Sprendimas: NEBEWRAP'inam ŠITĄ konkretų meniu (kitų Nav Menu valdiklių
   svetainėje neliečiam — :has() riboja tik tą, kuriame yra mūsų punktas).
   Likę punktai jau ir taip turi flex-shrink:1 (Elementor numatytas) —
   uždraudus wrap, jie tolygiai truputį susispaudžia, jei vietos vis dar
   pritrūktų, vietoj to, kad mūsų punktas nukristų žemyn.

   KODĖL `min-width:1200px`: kiekvienas <a> turi white-space:nowrap
   (Elementor pačios), tad flex-shrink ribotas — negali susispausti
   siauriau už paties teksto plotį. Ties ~1025–1150px konteineryje jau ir
   TAIP (be mūsų punkto) NEBĖRA vietos visiems 6 originaliems punktams —
   "Marketingo Akademija" pati nukrenta į antrą eilutę TAME PAČIAME
   pločio rėžyje net PRIEŠ šitą pataisą (patikrinta gyvai, 1040px lange).
   Uždraudus wrap VISUR (be apatinės ribos), tame siaurame ruože turinys
   NEBEWRAP'ina, bet ir NEBETELPA — visa eilutė persidengia su krepšelio
   ikona ir apsikerpa (patikrinta gyvai: 1090px — jau šiek tiek
   persidengia; 1040px — "Mano mokymai" apsikerpa iki "Mano m").
   1150px ir 1250px — švaru abu. Todėl `nowrap` įjungiamas TIK nuo
   1200px (saugus tarpas tarp patikrintų 1150 ir 1250) — žemiau šios
   ribos meniu tiesiog grįžta prie SVETAINĖS PAČIOS jau esamo wrap
   elgesio tame ruože (tai NE mūsų sukelta regresija — svetainė jau ir
   be mūsų punkto ten spaudžiasi; nespręsim viso antraštės išdėstymo tam
   siauram tarpiniam ruožui, kurio niekas neprašė spręsti). */
@media (min-width: 1200px) {
	.elementor-nav-menu--main .elementor-nav-menu:has(.nm-header-account-link) {
		flex-wrap: nowrap;
	}
}

/* ------------------------------------------------------------
   2. TIPOGRAFIJA IR TARPAI — suvienodinam su kitais PAPRASTAIS punktais
   (pvz. "SMM KURSAI"): 13px, 500 svoris, ta pati 13px/20px vidinė
   įdėklė. Mūsų punktas anksčiau NETURĖJO .elementor-item klasės (ją
   prideda TIK Elementor pačios generuojami punktai, ne mūsų filtras),
   tad kris atgal į BENDRĄ, nesuderintą numatytąjį stilių (16px, 600,
   ir skirtinga spalva priklausomai nuo konteksto — patikrinta gyvai,
   staliniame meniu krito į mėlyną #4654A3, mobiliame — į pilką #33373D,
   nei viena spalva NESUTAPO su kitais meniu punktais). Sprendžiam CSS
   lygiu (NE pridedant klasės prie markup — užduotis to prašė), rašydami
   EXPLICITE tuos pačius stilius, kuriuos kitiems punktams duoda
   .elementor-item.
   ============================================================ */
.nm-header-account-link > a {
	font-size: 13px;
	font-weight: 500;
	padding: 13px 20px;
	white-space: nowrap;
	color: var( --e-global-color-primary, #726AAF );
}
.nm-header-account-link > a:hover,
.nm-header-account-link > a:focus {
	color: var( --e-global-color-accent, #E16D68 );
}