/*
 * COPIE. Originalul e `public/css/header_modules.css`, al portalului vechi.
 *
 * De pe 14 septembrie 2026 v4 nu mai ia NIMIC de la portalul CodeIgniter la
 * rulare: foile, fonturile, imaginile si pluginurile stau in `v4/web/public/`
 * si se servesc de sub `base`-ul aplicatiei (vezi `vite.config.ts`, PORTAL_STYLES).
 * Regulile de stil sunt neschimbate; in `app.css` caile `url(/public/...)` au
 * devenit relative la foaie (`url(../fonts/...)`, `url(../images/...)`).
 * Pana cand portalul vechi dispare, cele doua copii se tin la fel.
 */
/*
 * Patratele de module, cu o lamurire sub fiecare.
 *
 * Fisier separat, legat din antetul comun: `app.css` se construieste cu
 * laravel-mix, iar pentru cateva reguli n-are rost o reconstruire a intregii
 * foi. Regulile de aici se scriu peste cele din app.css, si de-aia repeta acolo
 * selectorul intreg - altfel nu l-ar bate.
 */

/*
 * Patratul ramane 90x90 - imaginea LUI e chiar fundalul colorat, deci nu poate
 * fi intins fara sa se repete. Ce creste e locul din jurul lui: `li` devine bloc
 * si tine si patratul, si randul de dedesubt.
 */
#page-header #header-modules ul.header-menu > li.modul-tip {
    display: block;
    width: 150px;
    margin-right: 5px;
    text-align: center;
}

#page-header #header-modules ul.header-menu > li.modul-tip > a {
    /*
     * `flow-root`, nu `block`.
     *
     * Numele are `margin-top: 65px` in app.css - asa sta el la baza patratului,
     * peste culoare. Intr-o casuta simpla de tip bloc marginea aia se scurge
     * AFARA din ancora si impinge patratul intreg in jos, cu numele lipit de
     * marginea lui de sus: exact pe dos. `flow-root` tine marginea inauntru,
     * deci numele ramane unde era, fara sa se umble in app.css.
     */
    display: flow-root;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    /* Imaginea are chiar 90x90; fara asta, intr-o casuta mai lata s-ar repeta. */
    background-repeat: no-repeat;
    background-position: center center;
}

/*
 * Randul de sub nume: mai mic si nu ingrosat, dinadins. Cu aceeasi greutate ca
 * numele ar fi fost al doilea titlu, iar patratul ar fi avut doua nume.
 *
 * Inaltimea e pastrata si cand randul e gol, ca modulele fara lamurire sa nu
 * ridice patratul mai sus decat vecinii lui.
 */
#page-header #header-modules .module-tagline {
    display: block;
    min-height: 28px;
    padding: 4px 6px 0;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 400;
    color: #c8ccd4;
}

/*
 * Strans, panoul se ascunde cu TOATA inaltimea lui, oricare ar fi ea.
 *
 * `top: -60px`, apoi `-145px`: fiecare presupunea o inaltime stiuta dinainte,
 * si de fiecare data panoul a crescut pe sub ea - intai cu randul de lamuriri,
 * apoi cand patratele nu mai incap pe un rand si se frang pe doua. Ce depasea
 * presupunerea atarna PESTE pagina: o banda inchisa la culoare peste titluri,
 * care inghitea si click-urile de sub ea.
 *
 * `translateY(-100%)` se masoara din inaltimea reala, deci nu mai are ce sa
 * ramana afara; `visibility` si `pointer-events` tin panoul strans departe si
 * de click-uri. Numai starea STRANSA se scrie aici: cea deschisa e in app.css
 * cu `top: 50px !important` si ramane a ei - mai jos i se dau inapoi doar
 * proprietatile pe care le ia ascunderea.
 */
#page-header #header-modules {
    top: 0;
    transform: translateY(-100%);
    visibility: hidden;
    pointer-events: none;
}

body.modules-shown #page-header #header-modules {
    transform: none;
    visibility: visible;
    pointer-events: auto;
}

/*
 * PESTE SERTARE, NU SUB ELE.
 *
 * `#page-header` e `position: relative` FARA z-index, deci nu face un strat al
 * lui: patratelele (`position: fixed`, `z-index: 1000` in app.css) se bat cot
 * la cot, in stratul de baza, cu pinzele sertarelor - agentul si "In flight",
 * amandoua tot pe 1000. La egalitate castiga cine vine mai tarziu in pagina,
 * iar sertarele se incarca in subsol: deci, cu un sertar deschis, panoul se
 * deschidea SUB pinza. Se vedea o clipa si parea ca dispare - de fapt era
 * acoperit, iar mouse-ul nu mai ajungea la el, asa ca pornea si numaratoarea
 * de inchidere la `mouseleave` de pe iconita.
 *
 * 1039: peste pinze si peste sertare (1001), sub bara de sus (1040), care
 * ramane deasupra la fel ca inainte.
 */
body.modules-shown #page-header #header-modules {
    z-index: 1039;
}

/* Latimea fixa a randului taia acum mai putine patrate pe linie decat incap. */
#page-header #header-modules ul.header-menu {
    width: auto;
    max-width: 1244px;
}