/* =========================================================
   PERF FIX – Scroll/jank csökkentés (globális override)
   Cél: görgetési akadások csökkentése nagy blur/shadow felületeknél
   Betöltés: mindig a legvégén (head.php garantálja)
   ========================================================= */

html {
    scroll-behavior: auto !important;
}

/* Dinamikus tartalomnál a scroll-anchoring tud “ugrálást” okozni */
* {
    overflow-anchor: none;
}

/* iOS/overlay helyzetekben stabilabb görgetés */
body {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: none;
}

/* ----- Kiemelt “drágább” effektek visszafogása ----- */

/* Category toolbar (assets/css/category.css) */
.cat-toolbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, .98) !important;
}

/* Checkout lépéssor (assets/css/checkout.css) */
.co-steps {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, .98) !important;
}

/* Category map kártya (assets/css/category_map.css) */
.cm-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, .98) !important;
}

/* Filter drawer háttér (assets/css/category_filters.css) */
.cf-backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(2, 6, 23, .42) !important;
}

/* Floating action ikon (assets/css/floating_actions.css) */
.fab__icon {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Árnyékok finomítása (sok elem + scroll = kevesebb paint) */
:root {
    --shadow-sm: 0 4px 14px rgba(15, 23, 42, .08) !important;
    --shadow-md: 0 14px 34px rgba(15, 23, 42, .14) !important;
}

/* Touch eszközön ne terheljen felesleges hover/transition */
@media (hover:none) {

    body:not(.page-home) .brand-item,
    body:not(.page-home) .category-product,
    body:not(.page-home) .cm-card,
    body:not(.page-home) .fab__icon,
    body:not(.page-home) .cat-toolbar,
    body:not(.page-home) .co-steps {
        transition: none !important;
    }
}

/* Reduced motion: ne legyen simított görgetés/extra anim */
@media (prefers-reduced-motion:reduce) {
    * {
        scroll-behavior: auto !important;
    }
}

/* iOS input-zoom védelem: touch eszközön 16px input font (UI marad kompakt asztalin) */
@media (pointer:coarse){
    input,
    select,
    textarea{
        font-size: 16px !important;
    }

    .nk-search-modal .nk-search-input,
    .nk-search-modal input[data-js="header-search-input"] {
        font-size: 16px !important;
    }
}