/**
 * Tooltipurile `.fx__tip` — lățime pe conținut și deschidere doar de pe „i".
 * TOOLTIP-1
 *
 * DE CE UN FIȘIER NOU
 * `assets/css/sections/*.css` se încarcă automat prin `glob` în `enqueue.php`,
 * deci corecția ajunge peste tot fără să atingem `mds-design.css`. Regulile de
 * bază rămân neschimbate; aici stau doar cele două suprascrieri.
 *
 * CE ATINGE
 * Toate blocurile care emit `.fx`: `analiza-facts.php` (sumar date financiare),
 * `analiza-angles.php`, `analiza-risk.php`, `analiza-target.php`. Plus
 * secțiunile noi care refolosesc componenta.
 *
 * ═══ 1 · LĂȚIMEA ═══
 *
 * `mds-design.css:855` pune `left:0; right:0` pe desktop, deci caseta se
 * întinde cât rândul — iar rândul e cât capitolul. O definiție de opt cuvinte
 * ocupa o bandă de opt sute de pixeli cu o singură linie de text în ea.
 *
 * ⚠ `width:max-content` cu `max-width` e perechea care trebuie: prima lasă
 *   caseta să se strângă pe text scurt, a doua o oprește și o rupe pe mai multe
 *   rânduri când textul e lung. Doar `max-width` ar lăsa-o întinsă (fiindcă
 *   `left:0;right:0` o forțează), doar `width:max-content` ar lăsa-o să iasă
 *   din ecran la definițiile lungi.
 *
 * ⚠ `right:auto` e obligatoriu. Fără el, `left:0` și `right:0` se bat cu
 *   `width` și câștigă poziționarea — caseta rămâne întinsă.
 *
 * ═══ 2 · DESCHIDEREA ═══
 *
 * `mds-design.css:859` are `.fx:hover .fx__tip{display:block}` — caseta apare
 * când treci mouse-ul oriunde peste rând. Pe o listă de zece metrici, mutarea
 * cursorului de sus în jos deschide și închide zece casete în cascadă.
 *
 * Acum se deschide în două feluri, amândouă intenționate:
 *   • clic pe rând      — rămâne deschisă, funcționează și pe telefon
 *   • mouse pe „i"      — cât stai deasupra
 *
 * ⚠ `:has()` e necesar fiindcă `.fx__i` e ÎNĂUNTRUL etichetei, iar `.fx__tip` e
 *   frate cu eticheta: CSS nu poate urca de la copil la părinte altfel. Tema îl
 *   folosește deja (`.cd--vh .cd__body:has(.vdisc)` din `sections/verdict.css`),
 *   deci nu introduce o cerință nouă de browser.
 *
 * ⚠ Regula de anulare vine ÎNAINTEA celei de activare. La specificitate egală
 *   ordinea decide, iar dacă s-ar inversa, `.fx:hover` ar câștiga și n-am
 *   schimba nimic.
 */

@container mdsx (min-width:900px) {

	.mdsx .fx .fx__tip {
		right: auto;
		width: max-content;
		max-width: min(340px, 100%);
	}

	/* Se anulează deschiderea pe tot rândul… */
	.mdsx .fx.fx:hover .fx__tip { display: none; }

	/* …și se păstrează doar pe bulina „i”. */
	.mdsx .fx.fx:has(.fx__i:hover) .fx__tip { display: block; }

	/* Clicul rămâne prioritar peste hover: o casetă deschisă intenționat nu se
	   închide fiindcă utilizatorul a mișcat mouse-ul. */
	.mdsx .fx .fx__t:checked ~ .fx__tip { display: block; }
}


/* ═══ 3 · UNUL SINGUR DESCHIS ═══════════════════════════════════════════════
   TOOLTIP-2. Marcajul a trecut de la `checkbox` la `radio` cu `name` comun pe
   grup (`analiza-facts.php`, `mds_vj_fx()`), deci „unul singur deschis” vine
   din construcție. Aici rămân doar cele trei reguli de care are nevoie
   închiderea.

   ⚠ Un radio nu se poate deselecta prin clic. De aceea fiecare rând poartă o
     etichetă transparentă pe tot ecranul (`.fx__x`) care țintește radioul
     „niciunul” al grupului. Se afișează DOAR cât e ceva deschis.

   ⚠ STIVUIREA e partea care contează. `.fx__x` stă SUB rânduri: un clic pe alt
     rând comută direct tooltipul, nu cere două clicuri (unul ca să închidă,
     altul ca să deschidă). Clicul în afara oricărui rând cade pe etichetă și
     închide.

   ⚠ `.fx--ascuns` e rândul care poartă radioul „niciunul”. Nu are conținut și
     nu trebuie să ocupe spațiu; `display:none` ar scoate radioul din
     document, deci se ascunde fără să dispară. */

.mdsx .fx__x { display: none; }
.mdsx .fx__t:checked ~ .fx__x {
	display: block;
	position: fixed;
	inset: 0;
	z-index: 1;
	cursor: default;
}
/* ⚠ #3 · STIVUIREA. Prima versiune punea `z-index:2` pe FIECARE rând si `3` pe
     tooltip. Doua greseli intr-o linie:

       1. `z-index` pe `.fx` face din fiecare rând un CONTEXT DE STIVUIRE.
          Tooltipul, oricat de mare i-ar fi `z-index`-ul, nu mai poate iesi din
          contextul rândului lui — deci randurile de dedesubt, care au acelasi
          `z-index:2` si vin mai tarziu in marcaj, se desenau PESTE el.
       2. `z-index:3` pe tooltip suprascria `z-index:50` din temă
          (mds-design.css), adica exact protectia care exista deja.

     Acum: rândul NU mai are `z-index` cat e inchis, deci nu creeaza context de
     stivuire; primeste unul doar cat e deschis, si atunci se ridica peste
     fratii lui. Tooltipul isi pastreaza `z-index`-ul temei. */
.mdsx .fx { position: relative; }
.mdsx .fx:has(.fx__t:checked),
.mdsx .fx:has(.fx__i:hover) { z-index: 6; }

.mdsx .fx--ascuns {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}