/* ==========================================================================
   erintes.css — érintés-alapok (#1839)
   --------------------------------------------------------------------------
   Kizárólag ÉRINTÉSES eszközön (pointer: coarse) ható felülírások — egérrel
   használt gépen egyetlen szabály sem aktiválódik, az asztali látvány
   változatlan. Az App.razor-ban LEGUTOLSÓNAK linkelve, hogy az
   eclipse-brand.css / ajanlat-szerkeszto.css / utemezes.css !important-os
   méret-szabályait azonos specificitáson, sorrend alapján írja felül.

   Miért kell:
     1. Az iOS Safari BENAGYÍT a fókuszált mezőre, ha annak betűmérete 16px
        alatt van; a brand-overlay 13px-et, a szerkesztő 13,5px-et kényszerít.
     2. Az érintőfelület legyen legalább 44×44 px (WCAG 2.5.5, platform-ajánlás).
     3. Érintésen a :hover „beragad” az utoljára koppintott elemen — a mozgó
        (transform) hover-effektek ilyenkor ugráló felületet adnak.

   Töréspontok: lásd tokens.diff.css „BREAKPOINTOK — SSOT”.
   ========================================================================== */

@media (pointer: coarse) {

    /* ====================================================================== */
    /* 1 · BEVITELI MEZŐK — 16px szövegméret (iOS fókusz-nagyítás ellen)       */
    /* ====================================================================== */

    /* Globális Radzen-kontrollok (felhasználó-kezelő, kereső, szűrők).
       A natív <select> SZÁNDÉKOSAN kimarad: iOS azon nem nagyít (görgő-UI-t
       nyit), viszont a fejléc dealer-választóját fölöslegesen szélesítené. */
    .rz-textbox,
    .rz-textbox input,
    .rz-numeric input,
    .rz-numeric input.rz-spinner-input,
    .rz-datepicker input,
    .rz-dropdown .rz-dropdown-label,
    .rz-dropdown .rz-inputtext,
    .rz-calendar input,
    input,
    textarea {
        font-size: 16px !important;
    }

    /* Az .ajx (szerkesztő) saját, specifikusabb 13,5px-es szabályai */
    .ajx .rz-textbox,
    .ajx .rz-textbox input,
    .ajx .rz-numeric input,
    .ajx .rz-numeric input.rz-spinner-input,
    .ajx .rz-datepicker input,
    .ajx .rz-dropdown .rz-dropdown-label,
    .ajx .rz-mask input {
        font-size: 16px !important;
    }

    /* Az ütemezés-rács beágyazott szerkesztő cellái (még specifikusabb) */
    .ajx .util-grid .rz-numeric input,
    .ajx .util-grid .rz-dropdown .rz-dropdown-label,
    .ajx .util-grid .rz-dropdown .rz-inputtext {
        font-size: 16px !important;
    }

    /* Belépő-oldalak saját mezői */
    .auth-input {
        font-size: 16px !important;
    }

    /* A szerkesztő statikus (számított / írásvédett) érték-dobozai — nem inputok,
       de a mellettük álló mezőkkel egy sorban állnak, ezért együtt nőnek. */
    .ajx-ctrl {
        font-size: 16px;
    }


    /* ====================================================================== */
    /* 2 · KONTROLL-MAGASSÁG — 44px érintőfelület                              */
    /* ====================================================================== */

    /* A szerkesztő minden kontrollja ebből a változóból számol (36 → 44). */
    .ajx {
        --ajx-ctrl-h: 44px;
    }

    /* Az .ajx-en kívüli Radzen-kontrollok (30px default a brand-overlayből) */
    .rz-textbox,
    .rz-numeric,
    .rz-dropdown,
    .rz-datepicker {
        height: 44px !important;
        min-height: 44px !important;
    }

    .rz-textbox input,
    .rz-numeric input,
    .rz-numeric input.rz-spinner-input,
    .rz-datepicker input,
    .rz-dropdown .rz-dropdown-label {
        height: 42px !important;
        line-height: 42px !important;
    }

    .rz-dropdown .rz-dropdown-trigger,
    .rz-datepicker .rz-datepicker-trigger {
        height: 42px !important;
        width: 38px !important;
    }

    .rz-button.rz-button-sm {
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 14px !important;
    }

    /* Az ütemezés-rács cellái szándékosan kompaktabbak maradnak (a sorok
       különben kétszeresre nőnének); 38px még kényelmesen koppintható. */
    .ajx .util-grid .rz-numeric,
    .ajx .util-grid .rz-numeric input,
    .ajx .util-grid .rz-dropdown {
        height: 38px !important;
        min-height: 38px !important;
    }

    /* A grid fejléc-szűrői saját, specifikusabb 28px-es szabályt kapnak
       (auth.css „gyorsszűrő” blokk) — a 16px-es szöveg különben kilógna
       belőlük. A szűrés a jegy elfogadási forgatókönyvének része. */
    .dfa-grid .rz-cell-filter .rz-textbox,
    .dfa-grid .rz-cell-filter .rz-dropdown,
    .dfa-grid .rz-cell-filter .rz-datepicker {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 16px !important;
    }

    /* Fejléc dealer-választó: az érintőfelület nő, a szélesség marad. */
    .topbar__dealer-select {
        min-height: 44px;
    }


    /* ====================================================================== */
    /* 3 · GOMBOK ÉS IKON-FELÜLETEK                                            */
    /* ====================================================================== */

    /* Szerkesztő — eszközfa, mentés-sáv, alfülek */
    .ajx-tbtn { width: 44px; height: 44px; }
    .ajx-tslot { width: 44px; height: 44px; flex: 0 0 44px; }
    .ajx-icobtn { width: 44px; height: 44px; }
    .ajx-addbtn { height: 44px; }
    .ajx-back { height: 44px; }
    .ajx-subtab { min-height: 44px; }
    .ajx-statusbtn { height: 44px; }
    .ajx-savebtn { height: 46px; }
    .ajx-mtog { height: 44px; }
    .ajx-cb { min-height: 44px; }
    .util-savebar__back { height: 44px; }

    /* Az inline refresh/info glyph: az érintőfelület nő, a LAYOUT-méret nem
       (negatív margó), különben a címke-érték rácsok szétcsúsznának. */
    .ajx-glyph {
        padding: 15px;
        margin: -15px;
    }

    /* Lista- és admin-képernyők */
    .dfa-cap { min-height: 44px; }
    .dfa-newbtn { min-height: 44px; }
    .dfa-buttons .rz-button { min-height: 44px; }

    /* Fejléc + belépő-oldalak */
    .topbar__logout { min-height: 44px; }
    .auth-btn { min-height: 46px; }
    .fiok-reveal { width: 44px; height: 44px; }

    /* A belépő-oldalak mezői 40px-esek (a /fiok mezőit a .fiok-inputwrap
       már 44px-re emeli) — az érintőfelület itt is 44px (#1839/H). */
    .auth-input { height: 44px; }

    /* „Vissza a belépéshez" — önálló link a kártya alján, nyugodtan nőhet. */
    .auth-link {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    /* A kezdőlap szöveg-linkjei (a kártyafejléc „Összes →" és az admin
       e-mail-címe) a .ajx-glyph mintáját követik: az érintőfelület nő, a
       LAYOUT-méret nem — így a kártyafejléc nem magasodik, és az e-mail
       blokk-szintű ellipszise is megmarad. */
    .home-card__head a,
    .home-admin__mail {
        padding: 14px 0;
        margin: -14px 0;
    }


    /* ====================================================================== */
    /* 4 · BILLENTYŰPARANCS-TIPPEK — érintéses eszközön értelmetlenek           */
    /* ====================================================================== */

    .kb,
    .shortcut-hint {
        display: none !important;
    }
}


/* ==========================================================================
   RAGADÓ HOVER — érintésen a :hover az utoljára koppintott elemen marad.
   Csak a MOZGÓ (transform) effekteket semlegesítjük: a szín-hoverek beragadva
   is ártalmatlanok, a felugró/elmozduló elem viszont zavaró.
   ========================================================================== */
@media (hover: none) {

    .hbtn--primary:hover,
    .dfa-newbtn:hover {
        transform: none;
    }
}