/*
 * Harkányi Hírek - mobilos kiegészítés.
 * Nem módosítja a meglévő asztali sablont: minden szabály kizárólag
 * legfeljebb 767 CSS-pixel széles képernyőre vonatkozik.
 */
@media screen and (max-width: 767px) {
    *, *::before, *::after { box-sizing: border-box; }
    html { width: 100%; overflow-x: clip; }
    body { width: 100%; min-width: 0; margin: 0; overflow-x: clip; background: #fff; font-size: 14px; line-height: 1.5; }
    .wrapper { width: 100%; max-width: 100%; margin: 0; padding: 0 12px 16px; }

    /* Fejléc és a régi, fix méretű hirdetési helyek. */
    #masthead { width: 100%; }
    #topad { width: 100%; max-width: 100%; margin: 0 auto; overflow-x: auto; text-align: center; }
    #header { width: 100%; margin: 0; border-bottom: 0; }
    #header_banner, #header a > img { width: 100%; max-width: 100%; height: auto; display: block; }
    #logo { float: none; display: block; width: 100%; height: auto; min-height: 65px; border: 0; }
    #logo img { display: block; max-width: 100%; height: auto; }
    #logo h1 { font-size: 29px; line-height: 1.1; }
    #header .banner { float: none; width: 100%; height: auto; min-height: 0; padding: 0; overflow-x: auto; }
    #header .banner:empty { display: none; }
    #header .banner img { max-width: 100%; height: auto; }

    /* CSS-only, billentyűzettel is használható mobilmenü. Nincs JavaScript. */
    #mainmenu { width: 100%; max-width: 100%; margin: 8px 0 13px; padding: 0; background: #f5f5f5; border: 1px solid #ddd; }
    #mainmenu .hh-mobile-menu-check { display: block !important; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; opacity: 0; overflow: hidden; clip-path: inset(50%); }
    #mainmenu .hh-mobile-menu-toggle { display: block !important; width: 100%; min-height: 44px; padding: 8px 14px; border: 0; border-bottom: 1px solid #ddd; border-radius: 0; background: #8d0000; color: #fff; cursor: pointer; text-align: left; font: bold 15px/25px Arial, Helvetica, sans-serif; }
    #mainmenu .hh-mobile-menu-toggle::before { content: "\2630"; margin-right: 12px; font-size: 22px; vertical-align: -1px; }
    #mainmenu .hh-mobile-menu-check:checked + .hh-mobile-menu-toggle::before { content: "\00D7"; }
    #mainmenu .hh-mobile-menu-check:focus-visible + .hh-mobile-menu-toggle { outline: 3px solid #eb9100; outline-offset: -3px; }
    #mainmenu .hh-mobile-menu-check ~ ul.mainnav { display: none !important; }
    #mainmenu .hh-mobile-menu-check:checked ~ ul.mainnav { display: block !important; }
    #mainmenu .mainnav { float: none; width: 100%; margin: 0; padding: 0; font-size: 14px; text-transform: none; }
    #mainmenu .mainnav li { float: none; width: 100%; height: auto; border-bottom: 1px solid #e5e5e5; background: #fff; }
    #mainmenu .mainnav li a, #mainmenu .mainnav li a.sf-with-ul { width: 100%; min-height: 43px; padding: 12px 14px; color: #222; background: transparent; overflow-wrap: anywhere; }
    #mainmenu .mainnav li.current-menu-item > a, #mainmenu .mainnav li.current-cat > a { background: #eb9100; color: #fff; }
    #mainmenu .mainnav li ul, #mainmenu .mainnav li ul ul { position: static !important; display: block !important; left: auto !important; width: 100%; height: auto; margin: 0; padding: 0 0 0 15px; border: 0; background: #fafafa; }
    #mainmenu .mainnav li ul li a, #mainmenu .mainnav li ul li.current_page_item a, #mainmenu .mainnav li ul li.current-cat a, #mainmenu .mainnav li ul li.current-menu-item a { width: 100%; padding: 10px 14px; border: 0; background: transparent; color: #222; }
    #mainmenu .mainnav .sf-sub-indicator { display: none; }
    #mainmenu #search { display: block; float: none; width: auto; height: auto; min-height: 42px; margin: 6px 8px; border: 1px solid #bbb; background: #fff; }
    #mainmenu #search form, #mainmenu #search fieldset { display: flex; float: none; width: 100%; min-height: 38px; margin: 0; padding: 0 5px; align-items: center; }
    #mainmenu #s { display: block; flex: 1 1 auto; float: none; width: 0; min-width: 0; height: 36px; padding: 3px 7px; color: #333; font-size: 14px; }
    #mainmenu #searchsubmit { float: none; flex: none; width: auto; max-width: 36px; padding: 5px; }
    #submenu { width: 100%; height: auto; min-height: 28px; }
    #submenu .secondarynav li { float: none; }
    #submenu .secondarynav li a { display: block; padding: 9px 12px; }

    /* Főoldal: a 655/300-as hasábok mobilon egymás alatt. */
    #primarytopwrapper, #primaryBottom, #secondary-wrapper { display: block; width: 100%; max-width: 100%; overflow: visible; }
    #primary-content, #featured-wrapper, #primarymid, #primarysidebar, #primaryBottomSidebar, #primaryBottomTabs, .siteTabs, #secondary-wrapper #secondary-content, #home_sidebar2 { float: none; display: block; width: 100%; max-width: 100%; margin: 0 0 15px; padding-left: 0; padding-right: 0; }
    #primarymid { margin-top: 0; }
    #primary-content { margin-left: 0; }
    #featured-slider { width: 100%; max-width: 100%; height: auto; margin-bottom: 12px; }
    #featured-slider .contentdiv, #featured-slider .sliderPostPhoto { width: 100% !important; max-width: 100%; }
    #featured-slider .sliderPostPhoto { height: auto !important; aspect-ratio: 655 / 340; }
    #featured-slider .sliderPostPhoto > a, #featured-slider .sliderPostPhoto > a img { display: block; width: 100%; height: 100%; }
    #featured-slider .sliderPostPhoto img { object-fit: cover; }
    #featured-slider .sliderPostInfo { width: 100%; min-height: 0; padding: 8px 10px; }
    #featured-slider .featuredTitle { font-size: 18px; line-height: 1.25; }
    #paginate-featured-slider { display: flex; flex-wrap: wrap; gap: 4px; margin: 5px 0; }
    #paginate-featured-slider a { display: inline-block; min-width: 27px; text-align: center; }
    #belowfeatured, .home-category-preview { width: 100%; max-width: 100%; }
    .wrapper .featuredpost { display: flow-root; width: 100%; padding: 10px 0; margin: 0; border-bottom: 1px solid #ddd; }
    .wrapper .posttitle, .wrapper .posttitle_big { font-size: 19px; line-height: 1.3; overflow-wrap: anywhere; }
    #primary-content .featuredpost img, #primarysidebar .featuredpost img, #secondary-wrapper .featuredpost img { float: none !important; display: block; width: 100%; max-width: 100%; height: auto; margin: 0 0 8px; }
    #primary-content .featuredpost p, #primarysidebar .featuredpost p { clear: both; }
    #primarysidebar .widget { max-width: 100%; }
    .home_sidebarPosts { width: 100%; max-width: 100%; padding: 8px; }

    /* Opcionális, régi főoldali fülek és galériasáv. */
    .siteTabs { overflow: visible; }
    .siteTabs_title { display: flex; width: 100%; height: auto; overflow-x: auto; white-space: nowrap; }
    .siteTabs_title li { float: none; flex: 0 0 auto; }
    .siteTabs_title li a, .siteTabs_title li a.selected { float: none; display: block; height: auto; min-height: 38px; padding: 9px; }
    .primaryBottomTabs_body { width: 100%; height: auto; min-height: 0; padding: 12px; display: flow-root; }
    .primaryBottomTabs_body .text, .primaryBottomTabs_body .tabmedia, .primaryBottomTabs_body .postmeta { position: static; float: none; width: 100%; max-width: 100%; height: auto; margin-bottom: 8px; }
    .bottomBox, .bottombox_wide, .bottombox_narrow { width: 100%; max-width: 100%; }
    .bottombox_wide.left, .bottombox_wide.right, .bottombox_narrow.left, .bottombox_narrow.right { float: none !important; }
    #mediabar { width: 100%; height: auto; min-height: 0; padding: 7px; overflow: hidden; }
    #mediabar .container { position: static; width: 100%; height: auto; overflow-x: auto; }
    #mediabar ul { position: static !important; display: flex; width: max-content !important; max-width: none; transform: none !important; }
    #mediabar li { float: none; flex: 0 0 160px; }

    /* Bejegyzések, rovatok, keresés és oldalsáv. */
    #container, #sidebar { display: block; float: none !important; width: 100% !important; max-width: 100%; margin: 0; padding: 0; }
    #sidebar { margin-top: 20px; }
    #container .entry, #container .post { max-width: 100%; }
    .entry { padding: 0 2px 12px; margin: 0 0 12px; font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
    .entry h1.entry_title { font-size: clamp(25px, 6vw, 33px); line-height: 1.2; letter-spacing: -.4px; margin: 12px 0 16px; }
    .entry h2 { font-size: 23px; }
    .entry h3 { font-size: 20px; }
    .entry p { line-height: 1.55; }
    .metasingle { display: flex; flex-wrap: wrap; gap: 3px 6px; height: auto; padding: 6px 0; font-size: 12px; }
    .metasingle span[style] { float: none !important; margin-left: auto; }
    .archive_title { font-size: 23px; line-height: 1.25; }
    .entry_date, .entry_comment { max-width: 100%; }
    .snapshot, .snapshot2, .snapshot.last, .snapshot2.last { float: none; width: 100%; margin: 0 0 12px; padding: 8px; }
    .snapshot .media, .snapshot2 .media { width: 100%; max-width: 100%; }
    .snapshot img, .snapshot2 img { max-width: 100%; height: auto; }
    .attachment_more { width: 47%; margin: 1.5%; }
    .attachment_more img { width: 100%; }
    .navigation, .numbered-pagination { display: flow-root; }

    /* Média, képaláírások, táblázatok és beágyazások. */
    .entry img, .widget img, .post img, .wp-caption img, .gallery img, #header img { max-width: 100% !important; height: auto !important; }
    .entry iframe, .entry video, .entry embed, .entry object, .entry .wp-video, .entry .wp-block-embed, .entry .wp-block-video { max-width: 100% !important; }
    .entry iframe[src*="youtube.com"], .entry iframe[src*="youtu.be"], .entry iframe[src*="vimeo.com"], .entry iframe[src*="youtube-nocookie.com"] { width: 100% !important; aspect-ratio: 16 / 9; height: auto; min-height: 185px; }
    .wp-caption, .wp-block-image, .entry figure, .gallery { max-width: 100% !important; height: auto; }
    .entry .alignleft, .entry .alignright, .entry .aligncenter { max-width: 100%; }
    .entry pre, .entry table, .entry .wp-block-table { max-width: 100%; overflow-x: auto; }
    .entry pre { white-space: pre-wrap; overflow-wrap: anywhere; }
    .entry table { display: block; overflow-x: auto; }
    input, textarea, select { max-width: 100%; }
    .comment-inner .text, .comment-inner .commentmeta, .depth-2 .text, .depth-3 .text, .depth-4 .text, .depth-5 .text { float: none; width: 100%; max-width: 100%; }
    .depth-2 .comment-wrapper, .depth-3 .comment-wrapper, .depth-4 .comment-wrapper, .depth-5 .comment-wrapper { padding-left: 13px; }
    #respond input, #respond textarea { max-width: 100%; }

    /* A meglévő hirdetések helyét megtartjuk; a fix kreatív nem szélesítheti ki a teljes oldalt. */
    .single_ad, .widget, .banner, #topad, #sidebar { max-width: 100%; }
    .single_ad { padding: 10px 0; overflow-x: auto; }
    .single_ad iframe, .widget iframe, #topad iframe, #header .banner iframe { max-width: none; }

    /* A három kapcsolódó hír meglévő megjelenítése is alkalmazkodik. */
    #container .hh-related-posts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; margin: 24px 0 18px; gap: 12px; }
    #container .hh-related-post-title { font-size: 15px; margin-left: 0; }
    #container .hh-related-post-image { width: 100%; height: auto; aspect-ratio: 16 / 9; }
    #footer { width: 100%; padding: 12px; font-size: 12px; }
    #footer-left-side, #footer-right-side { float: none; width: 100%; text-align: center; margin: 0 0 8px; }
}

@media screen and (max-width: 380px) {
    #container .hh-related-posts { grid-template-columns: 1fr; }
    #container .hh-related-post { display: flex; align-items: flex-start; gap: 10px; }
    #container .hh-related-post-image { flex: 0 0 104px; width: 104px; height: 75px; object-fit: cover; }
    #container .hh-related-post-title { flex: 1; }
}

/* 2026-11-06: mobilos finomítások – minden módosítás kizárólag mobilra érvényes. */
@media screen and (max-width: 767px) {
    /* Valódi, teljes kijelzőszélesség: a cikkek belül 8px olvasási margót kapnak. */
    html, body { width: 100%; max-width: 100%; }
    body { background: #fff; }
    .wrapper {
        width: 100%; max-width: 100%; padding: 0 0 12px;
        margin: 0; display: flex; flex-direction: column;
        align-items: stretch;
    }
    .wrapper > .clear { display: none; }
    .wrapper > #header { order: -1; }
    .wrapper > #mainmenu { order: 90; }
    .wrapper > #footer { order: 91; }

    /* Fent sem hirdetés, sem díszítő/szeparátor csík, sem menü nem marad. */
    #topad, #masthead, #header .banner { display: none !important; }
    #header {
        display: block; width: 100%; height: auto; min-height: 0;
        margin: 0; padding: 5px 0 2px;
        border: 0 !important; background: #fff; text-align: center;
    }
    #header > a { display: block; text-align: center; }
    #header_banner, #header > a > img {
        display: block; width: 50% !important; max-width: 50% !important;
        height: auto !important; margin: 0 auto;
    }
    #logo {
        display: block; width: 100%; height: auto; min-height: 0;
        margin: 0; padding: 0 !important; border: 0 !important;
        text-align: center;
    }
    #logo a { display: block; width: 100%; text-align: center; }
    #logo img {
        display: block; width: 50% !important; max-width: 50% !important;
        height: auto !important; margin: 0 auto;
    }
    #logo h1 { font-size: 18px; line-height: 1.1; }
    #header .clear { display: none; }

    /* A menü + kereső a teljes tartalom UTÁN, de a footer-linkek ELŐTT van.
       Az eredeti egyetlen menü kerül oda flex order-rel, nincs másolat és JS. */
    #mainmenu {
        width: 100%; max-width: 100%; margin: 18px 0 0;
        padding: 0; border: 0 !important; border-radius: 0;
        background: #fff; box-shadow: none;
    }
    #mainmenu .hh-mobile-menu-toggle { border-bottom: 0; }
    #mainmenu #search { margin: 8px; }
    #submenu { border: 0 !important; box-shadow: none; background: transparent; }
    #footer {
        width: 100%; max-width: 100%; margin: 0;
        padding: 10px 8px 16px; border: 0 !important;
    }

    /* A cikk valóban közvetlenül a kicsinyített logó alatt kezdődik. */
    #container { margin-top: 0 !important; padding-top: 0 !important; }
    #container .entry { padding: 0 8px 12px; }
    #container .entry:first-child { margin-top: 0; }
    #container .entry .metasingle { margin-top: 0; border-top: 0; }
    #container .entry .entry_title { margin-top: 5px; }
    #sidebar { padding: 0 8px; }

    /* Főoldali blokkok: teljes szélesség, csak a szövegnél minimális margó. */
    #primarytopwrapper, #primary-content, #featured-wrapper,
    #featured-slider, #primarysidebar, #primarymid { margin-top: 0; }
    #featured-slider { height: auto !important; min-height: 0; overflow: visible !important; }
    #featured-slider .contentdiv {
        position: relative !important; top: auto !important; left: auto !important;
        width: 100% !important; height: auto !important;
    }
    #featured-slider .sliderPostPhoto {
        position: relative; width: 100% !important; height: auto !important;
        aspect-ratio: auto !important; overflow: visible !important;
    }
    #featured-slider .sliderPostPhoto > a {
        display: block; width: 100%; height: auto !important;
    }
    #featured-slider .sliderPostPhoto > a img {
        display: block; width: 100% !important; height: auto !important;
        max-width: 100%; object-fit: contain;
    }
    /* A vezető hír címsávja a fotó ALATT van, többé nem fedi a képet. */
    #featured-slider .sliderPostInfo {
        position: static !important; left: auto; right: auto; top: auto;
        bottom: auto !important; display: block; width: 100% !important;
        height: auto; min-height: 0; margin: 0; padding: 8px 10px;
        background: #8d0000; color: #fff;
    }
    #featured-slider .featuredTitle { margin: 0; font-size: 18px; line-height: 1.3; }
    #belowfeatured .featuredpost, .home-category-preview .featuredpost,
    #primarymid .featuredpost, #primarysidebar .featuredpost { padding-left: 8px; padding-right: 8px; }
    #paginate-featured-slider { padding: 2px 8px 0; }
}

/* 2026-11-06: a főoldali hírfotók szélessége és a vezető hír címsávja.
   Minden szabály kizárólag mobilon működik; az asztali oldal érintetlen. */
@media screen and (max-width: 767px) {
    /* Az időjárás alatti, illetve a további főoldali hírek balra csúszásának
       megszüntetése: minden hírblokk pontosan a képernyő szélességét használja. */
    #primarytopwrapper #belowfeatured,
    #primarytopwrapper #primarymid,
    #primarytopwrapper #primarysidebar,
    #primarytopwrapper .home-category-preview,
    #primarytopwrapper .featuredpost {
        display: block;
        box-sizing: border-box;
        float: none !important;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* A fotó széltől szélig tart; csak a cím és a metaadat kap belső margót. */
    #primarytopwrapper .featuredpost {
        padding: 0 0 12px !important;
    }
    #primarytopwrapper .featuredpost > a {
        display: block;
        width: 100%;
        max-width: 100%;
        line-height: 0;
    }
    #primarytopwrapper .featuredpost img {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }
    #primarytopwrapper .featuredpost > .posttitle,
    #primarytopwrapper .featuredpost > .posttitle_big,
    #primarytopwrapper .featuredpost > p {
        padding-left: 8px;
        padding-right: 8px;
    }
    #primarytopwrapper .featuredpost > .posttitle,
    #primarytopwrapper .featuredpost > .posttitle_big {
        margin-top: 5px;
    }

    /* A cím a kép ALATT marad; a korábbi piros helyett áttetsző fekete. */
    #featured-slider .sliderPostInfo {
        background: rgba(0, 0, 0, 0.78) !important;
    }
}

/* 2026-11-06: mobilos hírlisták igazítása, olvashatóság és metaadatok.
   Az asztali nézetet ezek a szabályok nem érintik. */
@media screen and (max-width: 767px) {
    /* Az időjárás/widget alatti, eredetileg jobbra úsztatott hírek is
       a teljes elérhető szélességen, balra rendezett szöveggel fussanak. */
    #primarytopwrapper #primarymid,
    #primarytopwrapper #primarysidebar,
    #primarytopwrapper #primarymid .home-category-preview,
    #primarytopwrapper #primarysidebar .home-category-preview,
    #primarytopwrapper #primarymid .featuredpost,
    #primarytopwrapper #primarysidebar .featuredpost {
        box-sizing: border-box;
        display: block;
        float: none !important;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left;
    }
    #primarytopwrapper #primarymid .featuredpost,
    #primarytopwrapper #primarysidebar .featuredpost {
        padding: 0 0 12px !important;
    }
    #primarytopwrapper #primarymid .featuredpost > a,
    #primarytopwrapper #primarysidebar .featuredpost > a {
        display: block;
        width: 100%;
        max-width: 100%;
        line-height: 0;
    }
    #primarytopwrapper #primarymid .featuredpost img,
    #primarytopwrapper #primarysidebar .featuredpost img,
    #primarytopwrapper .featuredpost img.alignleft,
    #primarytopwrapper .featuredpost img.alignright {
        display: block !important;
        float: none !important;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }
    #primarytopwrapper #primarymid .featuredpost > .posttitle,
    #primarytopwrapper #primarymid .featuredpost > .posttitle_big,
    #primarytopwrapper #primarymid .featuredpost > p,
    #primarytopwrapper #primarysidebar .featuredpost > .posttitle,
    #primarytopwrapper #primarysidebar .featuredpost > .posttitle_big,
    #primarytopwrapper #primarysidebar .featuredpost > p {
        padding-left: 8px;
        padding-right: 8px;
    }

    /* Mobilos főcímek: nagyobb betűk, a meglévő betűcsalád megőrzésével. */
    #featured-slider .featuredTitle { font-size: 22px; line-height: 1.3; }
    .wrapper .featuredpost .posttitle,
    .wrapper .featuredpost .posttitle_big,
    .wrapper .home-category-preview .posttitle {
        font-size: 22px;
        line-height: 1.35;
    }
    #home_sidebar2 .posttitle { font-size: 20px; line-height: 1.35; }
    #container .entry h1.entry_title { font-size: clamp(29px, 7.2vw, 35px); line-height: 1.22; }
    #container .entry h2 { font-size: 25px; line-height: 1.3; }
    #container .entry h3 { font-size: 22px; line-height: 1.35; }
    .archive_title { font-size: 26px; line-height: 1.3; }
    #container .hh-related-post-title { font-size: 18px; line-height: 1.3; }

    /* A cikktörzs egy fokozattal nagyobb, a metaadat és a hirdetés külön marad. */
    #container .entry { font-size: 17px; line-height: 1.6; }
    #container .entry p,
    #container .entry ul li,
    #container .entry ol li,
    #container .entry blockquote { line-height: 1.6; }

    /* A metaadatokat egy VÉKONY vonal választja el a felettük lévő résztől,
       nem az alattuk következő címet vagy cikket. */
    #container .entry .metasingle {
        border-top: 1px solid #d9d9d9;
        border-bottom: 0;
        margin: 0 0 8px;
        padding: 8px 0 2px;
    }
}

/* 2026-11-06: A hh-latest-posts widget mobilon a főoldalon, a
   cikkoldali oldalsávban és a cikktörzsbe illesztve is teljes szélességű.
   Az inline 300px-es szélességet és a 18px-es kártyamargót írjuk felül. */
@media screen and (max-width: 767px) {
    .wrapper .hh_latest_posts_widget,
    .wrapper .hh_latest_posts_widget .widgetinner,
    .wrapper .hh_latest_posts_widget .hh-latest-posts {
        display: block;
        box-sizing: border-box;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* A cikkoldalon a #sidebar, a cikktörzsben az .entry kap 8px
       belső margót. Csak magát a widgetet nyújtjuk ki a képernyő széléig. */
    #sidebar .hh_latest_posts_widget,
    #container .entry .hh_latest_posts_widget {
        width: calc(100% + 16px) !important;
        max-width: none !important;
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .wrapper .hh_latest_posts_widget .hh-latest-post {
        box-sizing: border-box;
        display: block;
        float: none !important;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 15px !important;
        padding: 0 !important;
    }

    .wrapper .hh_latest_posts_widget .hh-latest-post > a,
    .wrapper .hh_latest_posts_widget .hh-latest-post > h2,
    .wrapper .hh_latest_posts_widget .hh-latest-post > h3 {
        box-sizing: border-box;
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* A widget képe marad 3:2 képarányú, de nem marad 300px széles. */
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:has(> img) {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }
    .wrapper .hh_latest_posts_widget .hh-latest-post > a > img {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        margin: 0 !important;
    }
}

/* 2026-11-06: a vezető hír címsávja 5px-rel fedje a képet,
   és utána 15px fehér térköz legyen. Csak a mobilos főoldalon. */
@media screen and (max-width: 767px) {
    body.home #featured-slider .sliderPostInfo {
        position: relative !important;
        z-index: 2;
        margin-top: -5px !important;
        margin-bottom: 30px !important;
        /* A felső 5px átlátszóból 70%-os feketébe simul. */
        background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0,
            rgba(0, 0, 0, 0.70) 5px,
            rgba(0, 0, 0, 0.70) 100%) !important;
    }
    body.home #featured-slider {
        margin-bottom: 0 !important;
    }
}

/* 2026-11-06: a mobilos főoldali vezető hír képe 130% szélességű,
   középre húzva, hogy arányosan nagyobb látható magasság jusson. */
@media screen and (max-width: 767px) {
    body.home #featured-slider .sliderPostPhoto {
        overflow: hidden !important;
    }
    body.home #featured-slider .sliderPostPhoto > a {
        overflow: hidden !important;
    }
    body.home #featured-slider .sliderPostPhoto > a img {
        width: 130% !important;
        max-width: none !important;
        height: auto !important;
        margin-left: -15% !important;
        margin-right: -15% !important;
    }
}

/* 2026-11-06: belső cikkoldalak mobilos betűmérete.
   Kizárólag a bejegyzésoldalakra vonatkozik, az asztali oldalra nem. */
@media screen and (max-width: 767px) {
    body.single #container .entry {
        font-size: 18px;
    }
    body.single #container .entry h1.entry_title {
        font-size: 32px;
    }
}

/* 2026-11-06: cikkoldali kapcsolódó hírek ugyanúgy, mint a többi mobilhír:
   egy oszlop, teljes szélességű fénykép, nagy cím a kép alatt.
   Az asztali megjelenés változatlan. */
@media screen and (max-width: 767px) {
    body.single #container .hh-related-posts {
        display: block !important;
        grid-template-columns: none !important;
        box-sizing: border-box;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        margin: 24px 0 18px !important;
        padding: 0 !important;
    }
    body.single #container .hh-related-post {
        display: block !important;
        float: none !important;
        clear: both;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        margin: 0 0 15px !important;
        padding: 0 !important;
    }
    body.single #container .hh-related-post-image {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        margin: 0 0 8px !important;
        padding: 0 !important;
    }
    body.single #container .hh-related-post-title {
        display: block !important;
        width: 100%;
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0 8px;
        font-size: 22px !important;
        line-height: 1.35;
        text-align: left;
    }
}

/* 2026-11-06: A hh-latest-posts widgetcímek legyenek azonosak a
   főoldali normál hírek címeivel (a képek alatt, 22px, balra zárva).
   Csak mobilon; a widgetek és a képek többi kialakítása változatlan. */
@media screen and (max-width: 767px) {
    /* A widgetben a cím a képre helyezett doboz is lehet. Ezt a
       kép alá tesszük: a link így a képet és a címet együtt fogja körül. */
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:has(> img) {
        height: auto !important;
        aspect-ratio: auto !important;
        overflow: visible !important;
    }
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:has(> img) > img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        display: block !important;
    }

    /* A képet követő címdoboz, illetve a külön kiírt cím ugyanazt
       a tipográfiát és 8px-es oldalsó térközt kapja, mint .posttitle. */
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:has(> img) > :not(img),
    .wrapper .hh_latest_posts_widget .hh-latest-post > :is(h2, h3, h4, .posttitle, .posttitle_big, .hh-latest-post-title, .hh-latest-title),
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:not(:has(img)) {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 5px 0 0 !important;
        padding: 3px 8px !important;
        background: transparent !important;
        color: #000 !important;
        font-family: inherit !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        text-align: left !important;
        text-decoration: none !important;
        opacity: 1 !important;
    }
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:has(> img) > :not(img) *,
    .wrapper .hh_latest_posts_widget .hh-latest-post > :is(h2, h3, h4, .posttitle, .posttitle_big, .hh-latest-post-title, .hh-latest-title) a {
        position: static !important;
        color: #000 !important;
        background: transparent !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
        text-align: left !important;
    }
}

/* 2026-11-06: a hircimek nagyon finom (0,2px) betukoz-novelese.
   Fooroldal, widgetek, kapcsolodo hirek es cikkoldali cimek; csak mobilon. */
@media screen and (max-width: 767px) {
    #featured-slider .featuredTitle,
    .wrapper .featuredpost .posttitle,
    .wrapper .featuredpost .posttitle_big,
    .wrapper .home-category-preview .posttitle,
    #home_sidebar2 .posttitle,
    #container .entry h1.entry_title,
    #container .entry h2,
    #container .entry h3,
    .archive_title,
    #container .hh-related-post-title,
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:has(> img) > :not(img),
    .wrapper .hh_latest_posts_widget .hh-latest-post > :is(h2, h3, h4, .posttitle, .posttitle_big, .hh-latest-post-title, .hh-latest-title),
    .wrapper .hh_latest_posts_widget .hh-latest-post > a:not(:has(img)) {
        letter-spacing: 0.5px !important;
    }
}


/* Mobil lábléc sorrendje: menü és kereső egymás mellett,
   a meglévő fejléc-hirdetés alattuk, legvégül az impresszum.
   Nem másoljuk a hirdetést és nincs szükség JavaScriptre. */
@media screen and (max-width: 767px) {
    /* A #topad a body gyermeke, a menü és a lábléc a .wrapperé.
       display:contents segítségével ugyanabban a mobil flex-sorrendben
       rendezhetők. A DOM és az asztali nézet érintetlen marad. */
    body {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    body > .wrapper {
        display: contents !important;
    }
    body > .wrapper > #header { order: -1; }
    body > .wrapper > #mainmenu { order: 90; }
    body > #topad { order: 91; }
    body > .wrapper > #footer { order: 92; }

    /* Alul szürke navigációs sáv: csak a hamburger ikon és mellette a kereső. */
    #mainmenu {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        width: 100% !important;
        margin: 15px 0 0 !important;
        padding: 8px !important;
        background: #e5e5e5 !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    #mainmenu .hh-mobile-menu-toggle {
        grid-column: 1;
        grid-row: 1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 48px !important;
        height: 44px;
        min-height: 44px;
        margin: 0;
        padding: 0 !important;
        border: 0 !important;
        background: #cfcfcf !important;
        color: transparent !important;
        font-size: 0 !important; /* A "Menü" szöveg láthatatlan, címkeként megmarad. */
        line-height: 0 !important;
        cursor: pointer;
    }
    #mainmenu .hh-mobile-menu-toggle::before {
        content: "\2630";
        display: block;
        margin: 0 !important;
        font: normal 27px/1 Arial, Helvetica, sans-serif;
        color: #333;
    }
    #mainmenu .hh-mobile-menu-check:checked + .hh-mobile-menu-toggle::before {
        content: "\00D7";
        font-size: 33px;
    }
    #mainmenu #search {
        grid-column: 2;
        grid-row: 1;
        display: block !important;
        width: 100% !important;
        min-width: 0;
        height: 44px;
        min-height: 44px;
        margin: 0 !important;
        border: 1px solid #bcbcbc;
        background: #fff;
    }
    #mainmenu #search form,
    #mainmenu #search fieldset {
        height: 42px;
        min-height: 42px;
    }
    #mainmenu .mainnav {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #mainmenu > .clear { display: none !important; }

    /* A korábban felül elrejtett hirdetés most a menü után jelenik meg.
       A tényleges hirdetési tartalmat és kódot változatlanul használja. */
    body > #topad {
        display: block !important;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0;
        margin: 0 !important;
        padding: 12px 8px !important;
        overflow-x: auto;
        background: #fff;
        text-align: center;
    }
    body > #topad img { max-width: 100%; height: auto; }

    /* Az impresszum/kapcsolat/felhasználási hivatkozások maradnak legutoljára. */
    body > .wrapper > #footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 2px 10px;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px 8px 16px !important;
        border: 0 !important;
        text-align: center;
    }
    #footer > .clear { display: none !important; }
    #footer-left-side,
    #footer-right-side {
        float: none !important;
        width: auto !important;
        max-width: 100%;
        margin: 0 !important;
        text-align: center !important;
    }
}

/* 2026-11-06: Google adatvédelmi tájékoztató: kompakt, vízszintes sáv
   a mobilos menü/kereső alatt. Nem változik az asztali megjelenés. */
@media screen and (max-width: 767px) {
    /* A Google által beillesztett toolbar ne szoruljon a menü 48px-es
       hamburger-oszlopába: a teljes kétoszlopos rácsot fogja át. */
    #mainmenu > #ft-floating-toolbar {
        display: block !important;
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        justify-self: stretch !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 1px 0 0 !important;
        transform: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    #mainmenu #ft-floating-toolbar #ft-reg-bubble,
    #mainmenu #ft-floating-toolbar .ft-reg-bubble-content,
    #mainmenu #ft-floating-toolbar .ft-reg-message-holder {
        display: block !important;
        position: static !important;
        inset: auto !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    #mainmenu #ft-floating-toolbar .ft-reg-message {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 5px !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 3px 4px !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin;
        background: transparent !important;
        text-align: left !important;
    }
    #mainmenu #ft-floating-toolbar .ft-reg-message-button {
        display: inline-block !important;
        flex: 0 0 auto !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #666 !important;
        font-size: 10px !important;
        font-weight: normal !important;
        line-height: 1.25 !important;
        text-decoration: underline !important;
        white-space: nowrap !important;
        cursor: pointer;
    }
    #mainmenu #ft-floating-toolbar .ft-reg-message-info {
        display: inline-block !important;
        flex: 0 0 auto !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        color: #777 !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }
}

/* 2026-11-06: Google altal beszurt CMP elem nem szorulhat a mobilmenu
   48px-es racsoszlopaba. A menusav FLEX, a tovabbi elemek teljes sort kapnak.
   Kizarolag a mobilos megjelenest erinti; nem valtoztat a Google mukodesen. */
@media screen and (max-width: 767px) {
    #mainmenu {
        display: flex !important;
        flex-flow: row wrap !important;
        align-items: center !important;
        gap: 8px !important;
    }
    #mainmenu > .hh-mobile-menu-toggle {
        flex: 0 0 48px !important;
        order: 0;
    }
    #mainmenu > #search {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        order: 0;
    }
    #mainmenu > .mainnav {
        flex: 0 0 100% !important;
        order: 1;
        min-width: 0;
    }
    /* Google vagy mas, futasidoben beszurt elem: a teljes menusor szelessege. */
    #mainmenu > :not(.hh-mobile-menu-check):not(.hh-mobile-menu-toggle):not(.mainnav):not(#search):not(.clear) {
        flex: 0 0 100% !important;
        order: 2;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    #mainmenu #ft-floating-toolbar .ft-reg-message {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
    }
}

/* 2026-11-06: a foooldali hircikkeket es tartalmi blokkokat elvalaszto
   halvanyszurke vonalak nelkul mutatjuk. Csak mobilon es csak a fooldalon. */
@media screen and (max-width: 767px) {
    body.home .wrapper .featuredpost,
    body.home .wrapper .border_bottom_15,
    body.home .wrapper .border_bottom_20,
    body.home .wrapper .border_bottom_30,
    body.home .wrapper .border_bottom_40 {
        border-bottom: 0 !important;
    }
}