/* v2.5.1 — kliensoldali Eco mód + mobil/reszponzív stabilitási réteg.
 * Csak dekorációs GPU/CPU költséget csökkent. Tartalmat, videót és hirdetést nem rejt el. */
html.mak-eco-mode .mak-header,
html.mak-eco-mode .mak-nav,
html.mak-eco-mode .mak-search-panel,
html.mak-eco-mode .mak-notice-center,
html.mak-eco-mode .mak-reader-tools,
html.mak-eco-mode .mak-native-popovers .mak-search-panel[popover],
html.mak-eco-mode .mak-native-popovers .mak-notice-center[popover]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.mak-eco-mode .mak-header-glow,
html.mak-eco-mode .mak-masthead-orbit,
html.mak-eco-mode .mak-footer-aurora,
html.mak-eco-mode .mak-native-box:after{display:none!important}
html.mak-eco-mode .mak-live-motion-fx .mak-pulse-heart,
html.mak-eco-mode .mak-live-motion-fx .mak-pulse-mini-heart,
html.mak-eco-mode .mak-live-motion-fx .mak-native-online .mak-online-dog img,
html.mak-eco-mode .mak-live-motion-fx .mak-native-reaction.is-selected .mak-beagle-reaction img,
html.mak-eco-mode .mak-breaking-blink .mak-header-breaking-rail .mak-home-marquee-badge:before,
html.mak-eco-mode .mak-latest-blink .mak-header-latest-rail .mak-home-marquee-badge:before,
html.mak-eco-mode .mak-latest-blink .mak-header-latest-rail:after,
html.mak-eco-mode .mak-new-post-toast:before,
html.mak-eco-mode .mak-new-post-eyebrow i{animation:none!important}
html.mak-eco-mode .mak-post-card,
html.mak-eco-mode .mak-widget,
html.mak-eco-mode .mak-native-box,
html.mak-eco-mode .mak-home-radar,
html.mak-eco-mode .mak-gazdi-pulse,
html.mak-eco-mode .mak-smart-sidebar{box-shadow:0 8px 24px rgba(18,9,27,.12)!important}
html.mak-eco-mode .mak-post-card:hover,
html.mak-eco-mode .mak-bento-card:hover,
html.mak-eco-mode .mak-native-reaction:hover,
html.mak-eco-mode .mak-header-actions button:hover,
html.mak-eco-mode .mak-nav-toggle:hover{transform:none!important}
html.mak-eco-mode .mak-bento-media img,
html.mak-eco-mode .mak-card-image img{transition-duration:.15s!important}
@media(max-width:820px){
 html.mak-eco-mode .mak-mobile-hub-nav .mak-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:color-mix(in srgb,var(--mak-surface) 98%,#151019 2%)!important}
 html.mak-eco-mode .mak-nav-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}


/* v2.5.0 — mobilon a ténylegesen képernyőn kívüli nagy blokkok késleltetett renderelése.
   A böngésző csak támogatás esetén használja; a layout-hely előre fenntartott, ezért nincs nagy ugrás. */
@supports (content-visibility:auto){
  @media (max-width:820px){
    .mak-home-builder-section:nth-child(n+3),
    .mak-sidebar .mak-widget:nth-child(n+2),
    .mak-related,
    .mak-personal-section{
      content-visibility:auto;
      contain-intrinsic-size:auto 620px;
    }
  }
}


/* v2.5.0 — responsive hardening: safe-area, touch UX és horizontális túlcsordulás-védelem.
 * Nem módosít videó képarányt és nem érint hirdetési iframe-eket. */
:root{
  --mak-touch-target:44px;
  --mak-safe-top:env(safe-area-inset-top,0px);
  --mak-safe-right:env(safe-area-inset-right,0px);
  --mak-safe-bottom:env(safe-area-inset-bottom,0px);
  --mak-safe-left:env(safe-area-inset-left,0px);
}
html{scroll-padding-top:calc(var(--mak-header-height,78px) + 14px)}
body.mak-theme{overflow-x:clip}
.mak-theme :where(.mak-article-content,.mak-card-body,.mak-radar-body,.mak-native-comment-body,.mak-next-story-copy,.mak-side-copy){min-width:0;overflow-wrap:anywhere}
.mak-theme :where(button,[role="button"],a,input,select,textarea){-webkit-tap-highlight-color:transparent}
.mak-theme :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid color-mix(in srgb,var(--mak-accent) 72%,#fff);
  outline-offset:3px;
}
.mak-theme :where(.mak-story-sheet,.mak-sensitive-gate-card,.mak-notice-center,.mak-nav){overscroll-behavior:contain}

@media(max-width:820px){
  /* Mobilon minden friss-cikk értesítés felül jelenik meg: nem takarhatja a Sulvo/Ad Inserter alsó anchor hirdetését. */
  .mak-live-notices.is-top-right,.mak-live-notices.is-top-left,.mak-live-notices.is-bottom-right{
    top:calc(82px + var(--mak-safe-top));
    right:max(12px,var(--mak-safe-right));
    left:max(12px,var(--mak-safe-left));
    bottom:auto;
    width:auto;
  }
  .admin-bar .mak-live-notices.is-top-right,.admin-bar .mak-live-notices.is-top-left,.admin-bar .mak-live-notices.is-bottom-right{top:calc(114px + var(--mak-safe-top))}
  .mak-story-modal,.mak-sensitive-gate{padding:calc(12px + var(--mak-safe-top)) calc(12px + var(--mak-safe-right)) calc(12px + var(--mak-safe-bottom)) calc(12px + var(--mak-safe-left))}
  .mak-story-sheet,.mak-sensitive-gate-card{max-height:calc(100dvh - 24px - var(--mak-safe-top) - var(--mak-safe-bottom))}
  .mak-reader-tools :where(button,.mak-reader-dismiss),
  .mak-header-actions button,.mak-nav-toggle,.mak-notice-close,.mak-story-close{min-width:var(--mak-touch-target);min-height:var(--mak-touch-target)}
  .mak-search-form input{font-size:16px} /* iOS: ne zoomoljon fókusznál */
}

/* Érintőkijelzőn a desktop hover-transformok ne ragadjanak bent tap után. */
@media(hover:none),(pointer:coarse){
  .mak-post-card:hover,.mak-radar-item:hover,.mak-bento-card:hover,.mak-now-reading-item:hover,
  .mak-native-reaction:hover,.mak-comments-more:hover,.mak-tag-chip:hover,.mak-category-neon:hover{transform:none!important}
  .mak-hero-card:hover .mak-hero-image img,.mak-post-card:hover .mak-card-image img,
  .mak-radar-item:hover .mak-radar-image img,.mak-native-reaction:hover .mak-beagle-reaction img,
  .mak-quick-reaction:hover .mak-beagle-reaction img{transform:none!important}
}

/* Böngésző UI megjelenése/eltűnése közben is stabil maradjon a fix felület. */
@supports(height:100dvh){
  .mak-story-modal,.mak-sensitive-gate{min-height:100dvh}
}

/* v2.6.0 — látogató által választható FX profilok */
html[data-mak-fx="lite"] .mak-latest-blink .mak-header-latest-rail:after,
html[data-mak-fx="lite"] .mak-menu .current-menu-item>a,
html[data-mak-fx="lite"] .mak-menu .current-menu-ancestor>a,
html[data-mak-fx="lite"] .mak-radar-tabs button.is-active,
html[data-mak-fx="lite"] .mak-side-tabs button.is-active,
html[data-mak-fx="lite"] .mak-weekly-tabs button.is-active,
html[data-mak-fx="lite"] .mak-period-tabs button.is-active,
html[data-mak-fx="lite"] .mak-section-head h1,
html[data-mak-fx="lite"] .mak-section-head h2,
html[data-mak-fx="lite"] .mak-online-metric strong,
html[data-mak-fx="lite"] .mak-neon-tag-cloud.is-animated .mak-neon-chip,
html[data-mak-fx="lite"] .mak-native-online:before{animation:none!important}
html[data-mak-fx="lite"] .mak-nav:before,
html[data-mak-fx="lite"] .mak-radar-tabs:before,
html[data-mak-fx="lite"] .mak-side-tabs:before,
html[data-mak-fx="lite"] .mak-weekly-tabs:before,
html[data-mak-fx="lite"] .mak-period-tabs:before{display:none!important}
html[data-mak-fx="off"] *{animation:none!important}
html[data-mak-fx="off"] .mak-nav:before,
html[data-mak-fx="off"] .mak-radar-tabs:before,
html[data-mak-fx="off"] .mak-side-tabs:before,
html[data-mak-fx="off"] .mak-weekly-tabs:before,
html[data-mak-fx="off"] .mak-period-tabs:before,
html[data-mak-fx="off"] .mak-next-story:before,
html[data-mak-fx="off"] .mak-next-story-image:after{display:none!important}
html[data-mak-fx="off"] :where(.mak-post-card,.mak-radar-item,.mak-neon-chip,.mak-menu a,.mak-next-story,.mak-header-actions button){transition-duration:.06s!important}
html.mak-eco-mode:not([data-mak-fx="off"]) .mak-neon-tag-cloud.is-animated .mak-neon-chip,
html.mak-eco-mode:not([data-mak-fx="off"]) .mak-menu .current-menu-item>a,
html.mak-eco-mode:not([data-mak-fx="off"]) .mak-radar-tabs button.is-active{animation:none!important}
/* v2.6.0 — a folyamatos dekoratív mancs-animáció is követi az Eco/LITE profilt. */
html[data-mak-fx="lite"] .mak-skeleton-loading .mak-skeleton-section:before,
html.mak-eco-mode .mak-skeleton-loading .mak-skeleton-section:before{animation:none!important}

/* v2.9.1 — content-visibility policy egyetlen rétegben. */
@supports (content-visibility:auto){
  .mak-performance-mode .mak-home-builder-section:not(.mak-home-section-masthead):not(.mak-home-section-hero):not(.mak-home-section-mid_ad),
  .mak-performance-mode .mak-footer-compass{content-visibility:auto;contain-intrinsic-size:auto 620px}
  .mak-performance-mode .mak-footer-compass{contain-intrinsic-size:auto 360px}
}

/* v2.9.1 — modern CSS progressive enhancementek. */
@supports (field-sizing:content){
  .mak-native-comment-form textarea{field-sizing:content;min-block-size:72px;max-block-size:50vh}
}
@supports (color:contrast-color(red)){
  .mak-category-neon{color:contrast-color(var(--mak-cat-a))!important;text-shadow:none!important}
  .mak-category-moods .mak-post-card[class*="mak-mood-"] .mak-category-badge,
  .mak-category-moods .mak-hero-card[class*="mak-mood-"] .mak-category-badge,
  body.mak-category-moods[class*="mak-mood-"].single-post .mak-category-badge{color:contrast-color(var(--mak-mood,var(--mak-accent)))!important;text-shadow:none!important}
}
::highlight(mak-sniff-light){background:color-mix(in srgb,var(--mak-accent) 38%,#fff 12%);color:inherit;text-shadow:0 0 10px color-mix(in srgb,var(--mak-accent) 58%,transparent)}
html.mak-sniff-light-active .mak-article-content{scroll-margin-top:calc(var(--mak-header-height,78px) + 18px)}

/* Scroll-state csak támogatott böngészőn; a meglévő JS marad fallback. */
@supports (container-type:scroll-state){
  .mak-header[data-sticky="1"]{container-type:scroll-state;container-name:mak-sticky-header}
  @container mak-sticky-header scroll-state(stuck:top){
    .mak-header-inner{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--mak-accent) 18%,transparent)}
    .mak-header-glow{opacity:.72}
  }
}