/* ATCE Rental – brand réteg (sötét "console" redesign).
 *
 * Ez a fájl MINDEN oldalon betöltődik (lásd frontend.php: atce_enqueue_brand_style),
 * ezért itt él a teljes paletta + a betűk + az app-szintű sötét alap.
 *
 * Az accent színt EGY helyen lehet állítani: --atce-accent. A kliens végleges
 * márkaszíne után elég ezt átírni, és az egész app (gombok, chipek, aktív
 * szűrők, linkek) követi.
 */

/* Betűk – a Google Fonts innen töltődik, nem kell külön enqueue.
   (Ha jobb teljesítményt akarsz, ezt kiveheted és wp_enqueue_style-lal töltöd be.) */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
    /* Felületek */
    --atce-bg:          #0a0b0d;   /* oldal háttér */
    --atce-surface:     #0e1013;   /* kártya / tábla háttér */
    --atce-surface-2:   #15171a;   /* input / kiemelt sáv */

    /* Vonalak */
    --atce-line:        rgba(255,255,255,.08);
    --atce-line-strong: rgba(255,255,255,.14);

    /* Szöveg */
    --atce-text:        #e9eaec;
    --atce-text-dim:    #aab0b6;
    --atce-muted:       #82868c;
    --atce-faint:       #6b6f75;

    /* Accent (EGY helyen állítható) */
    --atce-accent:      #d9a531;
    --atce-accent-ink:  #0b0c0e;   /* szöveg az accent gombokon */

    /* Státusz */
    --atce-green:       #3fb950;
    --atce-yellow:      #d9a531;
    --atce-red:         #f0533f;

    /* Betűk */
    --atce-font:        'Space Grotesk', system-ui, -apple-system, sans-serif;
    --atce-mono:        'IBM Plex Mono', ui-monospace, monospace;
}

/* App-szintű sötét alap. Az egész oldal sötét lesz (belső eszköz). */
body {
    background: var(--atce-bg);
    color: var(--atce-text);
    font-family: var(--atce-font);
}

/* ---------------------------------------------------------------------------
 * LÁGY OLDALVÁLTÁS
 * A sima WP teljes-oldal-újratöltés (régi oldal eltűnik → villanás → új) helyett
 * a böngésző keresztúsztatja a régi és új oldalt. Chrome/Edge támogatja; nem
 * támogató böngészőben (pl. Firefox) automatikusan a megszokott váltás marad —
 * semmi nem törik. Mellé egy finom „beúszás" a tartalomra, hogy mindenhol lágyabb
 * legyen. Reduced-motion esetén kikapcsol (akadálymentesség).
 * ------------------------------------------------------------------------- */
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root) { animation-duration: .22s; }

@media (prefers-reduced-motion: no-preference) {
    .atce-warehouse,
    .atce-booking-form,
    .atce-manager {
        animation: atce-page-in .28s ease both;
    }
}
@keyframes atce-page-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: none; }
}

/* A plugin tartalmán belüli sima linkek accent színt kapnak.
   A gomb-szerű linkek (.atce-btn*) és az Edit-link kimaradnak, hogy a saját
   szövegszínüket megtartsák (különben pl. amer gombon amber lenne a szöveg). */
.atce-warehouse a:not([class*="atce-btn"]):not(.atce-mgr-edit),
.atce-manager a:not([class*="atce-btn"]),
.atce-booking-form a:not([class*="atce-btn"]) { color: var(--atce-accent); }

/* ---------------------------------------------------------------------------
 * TÉMA-INTEGRÁCIÓ (Kadence) — hogy az EGÉSZ oldal sötét legyen, mint a maketten.
 *
 * A makett tetején lévő fejléc/menü ÉLESBEN a Kadence téma fejléce, nem a plugin.
 * Ez a blokk a Kadence szokásos osztályneveit célozza; ha másik témát/verziót
 * használsz és nem fog, állítsd a sötét sémát a Customizerben
 * (Megjelenés → Testreszabás → Colors). A szabályok additívak: ha egy szelektor
 * nem talál semmit, nem ront el semmit.
 * ------------------------------------------------------------------------- */

/* Oldal- és tartalomtörzs sötét. */
html,
body,
#wrapper,
#inner-wrap,
.site,
.site-container,
.site-content,
.content-bg,
.content-area,
.content-container,
.content-wrap,
.entry-content,
.entry-content-wrap,
.single-content,
.page-content,
main,
article,
.wp-site-blocks {
    background-color: var(--atce-bg) !important;
    box-shadow: none !important;
}

/* A nagy oldalcím-sáv (Kadence hero / title bar) ELREJTVE. Korábban csak
   sötétre vettük, de a kliens kérése: ne legyen nagy fejléc, ami csak azt
   ismétli, melyik fülön vagy — ezt a menü aktív aláhúzása jelzi (lásd lent). */
.entry-hero,
.entry-hero-container,
.entry-hero-container-inner,
.hero-section,
.page-hero-section,
.kadence-title-bar,
.title-bar,
.page-title,
.entry-header .entry-title {
    display: none !important;
}

/* Fejléc / menü sötét, világos szöveggel. */
.site-header,
.site-header-wrap,
.site-main-header-wrap,
.site-header-inner-wrap,
.kadence-sticky-header.item-is-fixed .site-header-row {
    background: var(--atce-surface) !important;
    border-color: var(--atce-line) !important;
}
.site-header a,
.site-title a,
.site-branding a,
.header-navigation .menu > li > a,
.header-navigation .menu > li > a > .nav-drop-title-wrap {
    color: var(--atce-text) !important;
}
.header-navigation .menu > li > a:hover,
.header-navigation .menu > li.current-menu-item > a {
    color: var(--atce-accent) !important;
}

/* Lábléc sötét. */
.site-footer,
.site-footer-wrap,
.site-middle-footer-wrap,
.site-bottom-footer-wrap {
    background: var(--atce-surface) !important;
    border-color: var(--atce-line) !important;
    color: var(--atce-muted) !important;
}
.site-footer a { color: var(--atce-text-dim) !important; }

/* Oldalcím (H1) — Space Grotesk, világos. */
.entry-title,
.entry-header .entry-title { color: var(--atce-text) !important; font-family: var(--atce-font) !important; }

/* Fejléc / főmenü sötét — bővebb Kadence-szelektorok (a default markup ellen). */
#masthead,
.site-header,
.site-header-wrap,
.site-header-inner-wrap,
.site-header-row,
.site-header-row-container,
.site-header-row-container-inner,
.site-top-header-wrap,
.site-main-header-wrap,
.site-bottom-header-wrap,
.kadence-sticky-header.item-is-fixed .site-header-row,
.transparent-header #masthead {
    background-color: var(--atce-surface) !important;
    border-color: var(--atce-line) !important;
}
#masthead a,
.site-header a,
.site-branding a,
.site-title a,
.site-title,
.header-navigation a,
.header-navigation .menu li a,
.header-menu-container .menu li a,
.kadence-navigation a,
.main-navigation a {
    color: var(--atce-text) !important;
}
.header-navigation .menu li a:hover,
.header-navigation .menu li.current-menu-item > a,
.header-navigation .menu li.current_page_item > a {
    color: var(--atce-accent) !important;
}

/* Menü-interakció két külön jelzéssel:
   - ALÁHÚZÁS csak az AKTÍV oldalon (ahol épp vagy / ahová rányomtak) — állandó,
     NEM hoverre jelenik meg, így a szomszédos pontok vonalai sosem érnek össze.
   - HOVER esetén a fölévitt pont accent BETŰSZÍNT kap, a többi menüpont pedig
     elhalványul — ettől „él" a menü, kattintás nélkül is. */

/* Aktív oldal: statikus accent aláhúzás a link alján. `#site-navigation` ID-vel,
   hogy biztosan felülírja a Kadence saját nav-szabályait (azok ID nélküli, de
   mély szelektorok). A vonal a szöveg alá igazodik (1.2em behúzás), nem a teljes
   padding-szélességre — így a szomszédos pontok sosem érnek össze. */
#site-navigation .menu li.current-menu-item > a,
#site-navigation .menu li.current_page_item > a,
#site-navigation .menu li.current-menu-ancestor > a {
    background-image: linear-gradient(var(--atce-accent), var(--atce-accent)) !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: calc(100% - 1.2em) 2px !important;
}

/* Hover-interakció OPACITY-vel, NEM színnel: a fölévitt pont teljes + accent, a
   többi elhalványul. Az opacity-t a Kadence nem állítja a nav-linkeken, így ez
   garantáltan érvényesül — a korábbi színezést a téma paletta-szabályai elnyelték.
   A parent (.menu:hover) halványítja az összeset, a hovered link visszanyeri. */
#site-navigation .menu li > a { transition: color .18s ease, opacity .18s ease !important; }
#site-navigation .menu:hover li > a { opacity: .3 !important; }
#site-navigation .menu li > a:hover { opacity: 1 !important; color: var(--atce-accent) !important; }

/* ---------------------------------------------------------------------------
 * TÉMA-FELÜLÍRÁS — a Kadence magasabb specificitású szabályai (.entry-content a,
 * .single-content input/select) felülírnák a plugin elemeit, fehér mezőkre /
 * láthatatlan feliratra vezetve. Itt erővel (!important) visszavesszük.
 * ------------------------------------------------------------------------- */

/* Szövegmezők + legördülők: sötét háttér, világos szöveg.
   (checkbox / radio / file kihagyva — azoknak saját megjelenésük van.) */
.atce-warehouse input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.atce-warehouse select,
.atce-warehouse textarea,
.atce-booking-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.atce-booking-form select,
.atce-booking-form textarea,
.atce-manager input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.atce-manager select,
.atce-manager textarea,
.atce-col-popover input,
.atce-col-popover select {
    background-color: var(--atce-surface-2) !important;
    color: var(--atce-text) !important;
    color-scheme: dark !important;
    border-color: var(--atce-line) !important;
}
/* A keresőmező belső inputja átlátszó marad (a chip-field adja a hátteret). */
.atce-chip-input { background-color: transparent !important; }

/* Legördülő LISTÁK (a kinyitott <select> elemei): sötét panel + világos szöveg,
   különben a natív lista sötét szöveggel jelenik meg és nem olvasható. */
.atce-warehouse option,
.atce-booking-form option,
.atce-manager option,
.atce-col-popover option,
.atce-op-select option {
    background-color: var(--atce-surface-2) !important;
    color: var(--atce-text) !important;
}

/* Legördülők (operátor + űrlap) lekerekített, kerettel — ne legyen szögletes/fehér. */
.atce-warehouse select,
.atce-booking-form select,
.atce-manager select,
.atce-col-popover select {
    border: 1px solid var(--atce-line) !important;
    border-radius: 9px !important;
}
/* Kivétel: a kereső operátor-pillje keret nélküli, a mezőbe ágyazva. */
.atce-wh-search .atce-op-select {
    border: 0 !important;
    border-radius: 7px !important;
    background-color: rgba(255,255,255,.05) !important;
}
/* Szöveg/dátum/szám mezők lekerekítve (a téma esetleg kiszögletesíti). */
.atce-booking-form input:not([type="checkbox"]):not([type="radio"]),
.atce-booking-form textarea,
.atce-mgr-form input:not([type="checkbox"]):not([type="radio"]),
.atce-mgr-form textarea,
.atce-wh-dates input {
    border: 1px solid var(--atce-line) !important;
    border-radius: 9px !important;
}

/* "Held at" legördülő — a kliens szerint kilógott a sötét témából, pedig a fenti
   általános `.atce-booking-form select` / `.atce-manager select` szabályok elvileg
   lefedik. Dedikált, konkrét osztály-szelektorral erősítjük meg ugyanazt a sötét
   stílust (JS generálja: az űrlapon `.atce-bf-heldat-select`, a manager-oldalakon
   `.atce-heldat-select`/`.atce-loc-select`), hogy semmiképp ne maradjon fehér/eltérő. */
.atce-booking-form select.atce-bf-heldat-select,
.atce-manager select.atce-heldat-select {
    background-color: var(--atce-surface-2) !important;
    color: var(--atce-text) !important;
    color-scheme: dark !important;
    border: 1px solid var(--atce-line) !important;
    border-radius: 9px !important;
}
.atce-booking-form select.atce-bf-heldat-select option,
.atce-manager select.atce-heldat-select option {
    background-color: var(--atce-surface-2) !important;
    color: var(--atce-text) !important;
}

/* Gombok (akkor is, ha <a>): a felirat MINDIG látszódjon. A Reports „Export"
   gombjai linkek — a téma link-színe különben elnyelte a feliratot. */
.atce-warehouse .atce-btn,
.atce-booking-form .atce-btn,
.atce-manager .atce-btn,
.atce-login-gate .atce-btn {
    background: var(--atce-accent) !important;
    color: var(--atce-accent-ink) !important;
    border: 0 !important;
    text-decoration: none !important;
}
/* Variánsok (a fenti után, hogy felülírják): danger = piros keret, secondary = világos keret. */
.atce-warehouse .atce-btn-danger,
.atce-booking-form .atce-btn-danger,
.atce-manager .atce-btn-danger {
    background: transparent !important;
    color: var(--atce-red) !important;
    border: 1px solid rgba(240,83,63,.5) !important;
}
.atce-manager .atce-btn-secondary,
.atce-warehouse .atce-btn-secondary,
.atce-warehouse .atce-wh-add {
    background: transparent !important;
    color: var(--atce-text) !important;
    border: 1px solid var(--atce-line-strong) !important;
}

/* ---------------------------------------------------------------------------
 * PROFIL-MENÜ (jobb szélen, bejelentkezett usereknek) — lásd roles.php:
 * atce_append_profile_menu_item(). A `#site-navigation` ID-prefix a Kadence
 * saját (mély, de ID nélküli) nav-szabályai fölé emeli a specificitást,
 * ugyanaz a trükk, mint a fenti menü-aláhúzásnál/hovernél.
 * ------------------------------------------------------------------------- */
#site-navigation .menu li.atce-profile-item {
    position: relative;
    margin-left: 8px;
}
#site-navigation .menu li.atce-profile-item > a.atce-profile-trigger {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}
#site-navigation .atce-profile-icon { flex: 0 0 auto; }

/* Lenyíló panel — sötét felület, halvány keret, a modal/popover mintát követi. */
#site-navigation .atce-profile-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 200;
    min-width: 190px;
    margin: 10px 0 0;
    padding: 6px;
    list-style: none;
    background: var(--atce-surface);
    border: 1px solid var(--atce-line-strong);
    border-radius: 10px;
    box-shadow: 0 18px 44px rgba(0,0,0,.55);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s;
}
/* Nyitás: hover + focus-within (billentyűzet) minden vizuális/JS-mentes esetben;
   a `.is-open` osztályt a frontend.js click-fallbackja teszi rá touch-eszközökön
   (csak a warehouse/booking-form oldalakon elérhető — lásd fenti megjegyzés). */
#site-navigation .menu li.atce-profile-item:hover > .atce-profile-dropdown,
#site-navigation .menu li.atce-profile-item:focus-within > .atce-profile-dropdown,
#site-navigation .menu li.atce-profile-item.is-open > .atce-profile-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#site-navigation .atce-profile-dropdown li {
    margin: 0;
    list-style: none;
}
/* Nem-kattintható fejléc-sor a lenyíló tetején: a bejelentkezett user neve
   (lásd roles.php: atce_append_profile_menu_item, <li class="atce-profile-name-item">).
   Az összecsukott sávban továbbra is csak az ikon látszik — a név KIZÁRÓLAG a
   kinyitott lenyílóban jelenik meg. Halvány "label" hatás, nem link-szerű. */
#site-navigation .atce-profile-dropdown li.atce-profile-name-item {
    display: block;
    padding: 7px 11px 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--atce-line);
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--atce-muted) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    cursor: default;
}
#site-navigation .atce-profile-dropdown li a {
    display: block !important;
    padding: 8px 11px !important;
    border-radius: 7px;
    font-size: 13px !important;
    line-height: 1.3;
    color: var(--atce-text) !important;
    white-space: nowrap;
}
#site-navigation .atce-profile-dropdown li a:hover {
    background: rgba(255,255,255,.07);
    color: var(--atce-accent) !important;
}

/* ---------------------------------------------------------------------------
 * LOGIN-GATE — a Kadence globális (fluid, nagy) bekezdés-tipográfiáját vesszük
 * vissza. A `.atce-login-gate` (lásd frontend.php: atce_login_required_notice())
 * csak egy üzenet-bekezdés + egy "Log in" gomb, explicit font-size nélkül a
 * frontend.css-ben — így a Kadence globális `p`/gomb-tipográfiáját öröklte,
 * ami a user visszajelzése szerint zsúfoltan/vészesen nagynak hatott. Itt
 * normál (~14-15px) méretre vesszük, arányos sortávval — csak a login-gate
 * kontextusra szűkítve, a booking/manager űrlapok mérete NEM változik.
 * `!important`-tal, mint a fenti TÉMA-FELÜLÍRÁS blokk: a Kadence saját
 * bekezdés/gomb-stílusa a plugin CSS-ei UTÁN töltődik be (a téma functions.php-ja
 * a pluginok után fut le), így egyenlő specificitásnál felülírná a miénket.
 * ------------------------------------------------------------------------- */
.atce-login-gate,
.atce-login-gate p {
    font-size: 15px !important;
    line-height: 1.5 !important;
}
.atce-login-gate .atce-btn {
    font-size: 13px !important;
    padding: 9px 17px !important;
}
/* Alvó védőháló: ha a WP beépített login-form (#loginform) valaha beágyazódna
   ide, vagy a brand.css a wp-login.php-n is betöltődne (ma NEM töltődik —
   lásd frontend.php: atce_enqueue_brand_style, csak 'wp_enqueue_scripts'-re
   akasztva), ugyanígy normál méretet kapjon. Ha a szelektor sosem talál
   semmit, nem árt (lásd a fájl tetején: a szabályok additívak). */
body.login #loginform label,
body.login #loginform input[type="text"],
body.login #loginform input[type="password"],
body.login #loginform .button {
    font-size: 14px !important;
}

/* ---------------------------------------------------------------------------
 * KIJELENTKEZETT LANDING-OLDAL — a védett oldalakra érkező, nem bejelentkezett
 * látogató CSAK a login-gate dobozt (`.atce-login-gate`, lásd frontend.php:
 * atce_login_required_notice()) lássa: se navigáció (ne tudjon menüpontok közt
 * ugrálni bejelentkezés nélkül), se lábléc/copyright, egységes sötét háttér
 * (ne legyen világosabb sarok vagy fejléc-feletti csík a Kadence saját
 * fejléc/tartalom-dobozai körül). A `body:not(.logged-in)` a WP saját
 * body-class-a (a `logged-in` osztályt WP automatikusan felteszi bejelentkezett
 * usernek) — ez a blokk emiatt KIZÁRÓLAG a kijelentkezett nézetre hat, a
 * bejelentkezett oldalakat nem érinti. A szelektorok additívak (ha egy nem
 * talál semmit, nem árt), ezért bőven, több Kadence-verzió/markup ellen írva.
 * ------------------------------------------------------------------------- */

/* Navigáció (desktop + mobil hamburger) teljesen elrejtve. */
body:not(.logged-in) #site-navigation,
body:not(.logged-in) .main-navigation,
body:not(.logged-in) .site-header-item-main-navigation,
body:not(.logged-in) .header-navigation,
body:not(.logged-in) .kadence-navigation,
body:not(.logged-in) .mobile-navigation,
body:not(.logged-in) .slide-header,
body:not(.logged-in) .mobile-menu-container,
body:not(.logged-in) .menu-toggle-open,
body:not(.logged-in) .menu-toggle,
body:not(.logged-in) #mobile-toggle-nav {
    display: none !important;
}

/* Egységes sötét háttér — a fejléc/tartalom-burkolók KÖZTI (a fenti
   unconditional "TÉMA-INTEGRÁCIÓ" blokk által esetleg ki nem fedett) elemekre
   is, hogy sehol ne látszódjon világosabb sarok vagy csík a login-gate doboz
   körül. */
body:not(.logged-in) {
    background: var(--atce-bg) !important;
}
body:not(.logged-in) #page,
body:not(.logged-in) .hfeed,
body:not(.logged-in) .site,
body:not(.logged-in) .site-container,
body:not(.logged-in) .site-content,
body:not(.logged-in) .site-content-contain,
body:not(.logged-in) .content-bg,
body:not(.logged-in) .content-area,
body:not(.logged-in) .content-container,
body:not(.logged-in) .content-wrap,
body:not(.logged-in) .site-header,
body:not(.logged-in) .site-header-wrap,
body:not(.logged-in) .site-header-row,
body:not(.logged-in) .site-header-row-container,
body:not(.logged-in) .site-header-row-container-inner,
body:not(.logged-in) .site-top-header-wrap,
body:not(.logged-in) .site-main-header-wrap,
body:not(.logged-in) .site-bottom-header-wrap,
body:not(.logged-in) #masthead,
body:not(.logged-in) .entry-content,
body:not(.logged-in) .entry-content-wrap,
body:not(.logged-in) main {
    background-color: var(--atce-bg) !important;
    box-shadow: none !important;
}

/* Lábléc (és benne a "© 2026 Home" copyright-sor) teljesen elrejtve. */
body:not(.logged-in) .site-footer,
body:not(.logged-in) .site-footer-wrap,
body:not(.logged-in) .site-middle-footer-wrap,
body:not(.logged-in) .site-bottom-footer-wrap,
body:not(.logged-in) #colophon {
    display: none !important;
}

/* #1 (round 6): a copyright-lábléc bejelentkezve is rejtve — a kliens nem kér
   copyright-sort. A user guide külön (My Bookings tetején), a Kadence footer megy. */
.site-footer,
.site-footer-wrap,
.site-middle-footer-wrap,
.site-bottom-footer-wrap,
#colophon {
    display: none !important;
}

/* #7 (round 7, 2. menet) — EZ FELÜLÍRJA a round 6 + az előző round 7 #7 blokkot.
   A VALÓDI ok (a live DOM alapján): a Kadence a brandinget MÁR a bal szekcióba
   (.site-header-section-left → .site-branding) és a navot a jobb szekcióba
   (.site-header-section-right → .site-header-item-main-navigation) teszi — tehát
   nem egy szekcióban vannak. A gond, hogy a fejléc a boxolt `.site-container`
   max-width-jére van szorítva és középre húzva, ezért a cím és a menü is a
   viewport közepe felé zsúfolódik. Megoldás: a fejléc-konténert TELJES SZÉLESRE
   oldjuk (kis oldal-paddinggel) — így a bal/jobb szekció a lap két szélére kerül.
   A flex/grid szekció-elrendezést NEM erőltetjük felül (az előző kísérlet ezért
   nem működött), csak a szélességet + a szélső igazítást biztosítjuk. */
#masthead .site-container,
#main-header .site-container,
#masthead .site-header-row-container-inner {
    max-width: 100% !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}
/* A bal/jobb szekciós sor a teljes szélességet kitölti és a szélekre feszül. */
#masthead .site-main-header-inner-wrap.site-header-row-has-sides {
    width: 100% !important;
    justify-content: space-between !important;
}
#masthead .site-header-section-left {
    justify-content: flex-start !important;
    margin-right: auto !important;
}
#masthead .site-header-section-right {
    justify-content: flex-end !important;
    margin-left: auto !important;
}
/* A menü a saját (jobb) szekcióján belül is jobbra zárva. */
#site-navigation .menu,
#site-navigation .header-navigation .menu {
    justify-content: flex-end !important;
    margin-left: auto !important;
    padding-left: 0 !important;
}

/* ---------------------------------------------------------------------------
 * USER GUIDE lábléc-link (lásd includes/user-guide.php) — diszkrét, halvány
 * sor a lábléc alján, csak bejelentkezett usereknek.
 * ------------------------------------------------------------------------- */
.atce-user-guide-footer {
    text-align: center;
    padding: 10px 12px;
    font-size: 12px;
}
.atce-user-guide-footer a {
    color: var(--atce-muted);
    text-decoration: none;
}
.atce-user-guide-footer a:hover {
    color: var(--atce-accent);
    text-decoration: underline;
}

/* ---------------------------------------------------------------------------
 * GÖRGETŐSÁVOK sötétre (a makett globálisan sötét scrollbart használ).
 * Ez javítja a warehouse-tábla alatti vízszintes görgőt is.
 * ------------------------------------------------------------------------- */
* { scrollbar-color: #26292e #0d0f12; }
::-webkit-scrollbar { height: 11px; width: 11px; }
::-webkit-scrollbar-track { background: #0d0f12; }
::-webkit-scrollbar-thumb { background: #26292e; border-radius: 6px; border: 2px solid #0d0f12; }
::-webkit-scrollbar-thumb:hover { background: #33373d; }