/*
 * COPIE. Originalul e `public/css/header_layout.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.
 */
/*
 * Bara de sus, pe un singur rand - oricat ar aduna pagina in ea.
 *
 * -----------------------------------------------------------------------------
 * CE SE STRICASE
 * -----------------------------------------------------------------------------
 *
 * Bara fixa are 50 de pixeli si doua blocuri: la stanga sigla si numele
 * modulului, la dreapta iconitele si firma aleasa. Intre timp, `list_chrome.js`
 * a inceput sa URCE in blocul din stanga uneltele fiecarei liste - titlul
 * paginii, filtrul, casuta de cautare, butoanele ecranului. Pe Discovered alea
 * sunt cinci bucati.
 *
 * Blocul din stanga creste cu ele, iar cand nu mai incape, blocul din dreapta
 * se rupe pe randul urmator - adica peste bara de meniu. De acolo veneau
 * "CEC Bank" peste "Unreachable" si insignele cazute intre intrari: nu erau
 * insigne aiurea, era jumatate din antet coborata peste meniu.
 *
 * -----------------------------------------------------------------------------
 * REGULA
 * -----------------------------------------------------------------------------
 *
 * Antetul e un singur rand care nu se rupe niciodata. Blocul din dreapta nu se
 * strange si nu se muta: acolo stau firma si iconitele, care trebuie sa fie
 * mereu in acelasi loc. Blocul din stanga se strange, si daca tot nu incape se
 * deruleaza pe orizontala - ca bara de meniu de dedesubt, care patise acelasi
 * lucru si a fost rezolvata la fel.
 *
 * Foaia sta aici, nu in `resources/sass`: aia se reconstruieste cu laravel-mix
 * pentru toata aplicatia, si nu se poate rula acum - vezi CLAUDE.md.
 */
#page-header .fixed-header {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
}

#page-header .fixed-header ul.page-logo {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#page-header .fixed-header ul.page-logo::-webkit-scrollbar {
    display: none;
}

/* Bucatile urcate din lista nu se strang sub continutul lor: o casuta de
   cautare stramtata la trei litere nu mai e o casuta de cautare. */
#page-header .fixed-header ul.page-logo > li {
    flex: 0 0 auto;
}

#page-header .fixed-header ul#header-right-nav {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    margin-left: auto;
}

/* =============================================================================
   CAPUL LUI ADAM, IN GOLUL SIGLEI DIN BARA
   -----------------------------------------------------------------------------
   Sigla ramane intreaga - Adam se aseaza IN ea, ca pe pagina de intrare.

   Numerele sunt masurate, nu din ochi: imaginea din bara are 175x49, iar golul
   din mijlocul hexagonului are centrul la (31, 24.5) si tine 27 pe latime. La
   inaltimea de 30px a barii, imaginea se micsoreaza de 30/49 = 0.612 ori, deci
   centrul cade la (19, 15) si un cap de 18px se aseaza la 10 / 6.
   ========================================================================== */

#page-header .fixed-header ul.page-logo li#main-logo {
    position: relative;
}

#page-header .fixed-header ul.page-logo li#main-logo .od-adam {
    position: absolute;
    left: 10px;
    top: 6px;
}