/* ============================================================ HSZK — Brosúra mód (nyomtatási stíluslap, media="print"). A teljes fájl csak nyomtatáskor aktív, ezért nincs @media print wrapper. Betöltés: functions.php → wp_enqueue_style( 'hszk-print', …, media:'print' ). ============================================================ */ /* --- Kerettartalom elrejtése (a téma TÉNYLEGES osztályaira) --- */ .hdr, .utilbar, .notifbar, #hszk-notif, .skiplink, footer, .mega, nav.mega, .hszk-share, .hszk-embed-facade, .ov, .modal, .hszk-searchbox, .hszk-lb-ov, .hszk-qr-ov, [data-cookie-settings], .cookie-settings, .cookiebar, .grain, .hszk-top, .ev-backlink { display: none !important; } /* --- Lap-alap --- */ html, body { background: #fff !important; color: #000 !important; font-size: 11pt !important; } main, .wrap, .entry-content { max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* --- Animációk/árnyékok ki --- */ * { animation: none !important; transition: none !important; box-shadow: none !important; text-shadow: none !important; } /* --- Linkek mögé a tényleges URL --- */ .entry-content a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #444; word-break: break-all; } .entry-content a[href^="#"]::after, .entry-content a[href^="mailto"]::after, .entry-content a[href^="tel"]::after { content: ""; } /* --- Oldaltörés-kontroll --- */ .card, .feat-card, .info-card, .hszk-dl, details.hszk-faq, figure, table, li { break-inside: avoid; page-break-inside: avoid; } h1, h2, h3, h4, h5, h6 { break-after: avoid; page-break-after: avoid; } img { max-width: 100% !important; } /* --- A nyomtatás-only blokk megjelenítése (képernyőn a style.css rejti) --- */ .hszk-print-only { display: block !important; } /* ============================================================ Márkás brosúra-keret: @page, navy fejléc-sáv, fix lábléc, tipográfia. ============================================================ */ /* --- Oldalbeállítás --- */ @page { size: A4; margin: 12mm 14mm 15mm; } /* --- Navy márkás sáv (1. oldal teteje, in-flow) --- */ .hszk-print-head { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; background: #100e26 !important; color: #fff !important; display: flex; align-items: center; gap: 18px; padding: 14px 18px; border-radius: 10px; margin: 0 0 18px; } .hszk-print-logo { height: 40px; width: auto; flex: none; } .hszk-print-meta { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; } .hszk-print-title { font-size: 18pt; line-height: 1.1; color: #fff !important; } .hszk-print-url, .hszk-print-date { font-size: 9pt; color: #c9c8da !important; word-break: break-all; } .hszk-print-qr { flex: none; } .hszk-print-qr svg { width: 110px; height: 110px; background: #fff; padding: 4px; border-radius: 6px; } /* --- Fix márkás lábléc (minden lapon ismétlődik) --- */ .hszk-print-foot { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; position: fixed; left: 0; right: 0; bottom: 6mm; text-align: center; font-size: 8.5pt; font-weight: 700; letter-spacing: .04em; color: #100e26 !important; } /* --- Tipográfia: a képernyős clamp()-óriások papír-méretre --- */ .entry-content h1, .entry-content h2, .disp, .section-title { font-size: 16pt !important; line-height: 1.2 !important; } .entry-content h3 { font-size: 13pt !important; } .entry-content p, .entry-content li { font-size: 11pt !important; line-height: 1.4 !important; } /* Túlméretes szekció-paddingok csökkentése. */ .wrap, section { padding-top: 10px !important; padding-bottom: 10px !important; } /* ============================================================ Hibrid szín: hű színek (akcentek olvashatók) + nagy sötét felületek világosra/keretesre; on-page hero elrejtve, lede megtartva. ============================================================ */ /* Hű színmegjelenítés, hogy a kis navy akcentek (pill/badge) ne legyenek fehér-fehér, hanem navy alapon fehér szöveggel olvashatók maradjanak. */ * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } /* HáttérKÉPEK (fotók) ki — a tömör színek maradnak. */ *, *::before, *::after { background-image: none !important; } /* NAGY sötét felületek (kártyák/sávok/szekciók) → világos + keretes. A kis navy akcentek (pill/badge) border-radius:999px-szel megkülönböztethetők, ezeket NEM bántjuk (megmaradnak navy-fehér akcentnek). */ [style*="background:var(--navy)"]:not([style*="999px"]), [style*="background: var(--navy)"]:not([style*="999px"]), [style*="background:#100e26"]:not([style*="999px"]), [style*="background:var(--ink)"]:not([style*="999px"]) { background: #fff !important; border: 1px solid #d8d8e0 !important; } /* A neutralizált felületeken a fehér szöveg → fekete (különben láthatatlan). */ [style*="background:var(--navy)"]:not([style*="999px"]), [style*="background:var(--navy)"]:not([style*="999px"]) *, [style*="background:#100e26"]:not([style*="999px"]), [style*="background:#100e26"]:not([style*="999px"]) * { color: #000 !important; } /* On-page hero: a nagy cím + a dark hero-háttér elrejtve (a navy sáv helyettesíti), de a lede/alcím (.masthead-sub) megmarad. */ .masthead-h1, .page-title { display: none !important; } .kicker { display: none !important; } .masthead-sub, .masthead-sub * { color: #000 !important; } /* A (most rejtett) hero-cím utáni vezető elválasztó csík redundáns az erős navy sáv mellett → elrejtjük. A szekció-fejléc vonalak (.head-row-ban) maradnak. */ .masthead-h1 ~ hr.rule, .page-title ~ hr.rule { display: none !important; } /* A (most rejtett) nagy back-link saját szekciója + a benne lévő záró vonal. */ section:has(> .ev-backlink) { display: none !important; } /* ============================================================ Empirikus finomítások (referencia-oldalak print-előnézete alapján). ============================================================ */ /* Térkép-iframe / beágyazott keret: papíron üres (220px-es) görgetődobozként jelenik meg. Elrejtjük az iframe-et ÉS a közvetlen wrapperét — utóbbi inline- stílusos div (nem osztály), ezért :has(> iframe) fogja meg (modern böngészők; régieken kecsesen csak az üres keret marad). A cím a kapcsolat-blokkban szövegként amúgy is szerepel; a cookie-mentes .hszk-maplink LINK-kártya marad. */ iframe, .hszk-mapcard, .gym-map { display: none !important; } *:has(> iframe) { display: none !important; } /* PDF-nézegető: nyomtatásban a canvas-alapú olvasó értelmetlen — marad a poszter-kártya és a link. Ha a látogató már megnyitotta az olvasót, a poszter `display:none`-ban van (.is-open), ezért itt vissza kell hozni. A „Megnyitás" gomb papíron értelmetlen, a letöltő link URL-je a print.css általános link-szabályai szerint kiíródik. A nézegető (.hszk-pdfv) saját belső töréspontja (@container(max-width:700px) a style.css-ben) itt lényegtelen: a shell display:none!important, tehát nyomtatásban vizuálisan nem jelenik meg. BUKTATÓ: a poszter töréspontja is @container(max-width:700px) (a blokk mindig a .hszk-cq query containerben ül) — az A4 tartalom-szélesség `@page{margin:12mm 14mm 15mm}` mellett ~688px, ami A TÖRÉSPONT ALATT van, tehát a container query nyomtatáskor IS triggerelne, és a poszter egyoszloposra esne (igazolva: headless Edge --print-to-pdf + rasterizálás, a dokumentum-ikon a cím fölött jelent meg, nem mellette). Ezért itt kézzel VISSZAÁLLÍTJUK a kétoszlopos desktop-formát. */ .hszk-pdfv { display: none !important; } .hszk-pdf-ov { display: none !important; } .hszk-pdf.is-open .hszk-pdf__poster { display: grid !important; } .hszk-pdf__poster { grid-template-columns: 180px 1fr !important; } .hszk-pdf__cover { min-height: 150px !important; max-height: none !important; } .hszk-pdf__open { display: none !important; } /* Snapchat-lens kártya. A Snapcode nyomtatásban ÉRTELMES (a kinyomtatott gym-lapról a telefon simán beolvassa), a „Nyisd meg Snapchatben" gomb-felirat viszont nem: papíron nincs mit megkoppintani. BUKTATÓ: az A4 print-viewport ~794 CSS-px (lásd lentebb a #3 blokknál), a style.css pedig media="all"-lal töltődik → a @media(max-width:820px) MOBIL ága nyomtatáskor IS aktív. Az elrejtené a Snapcode-ot + a címet, és üres fehér pill-gombot hagyna a papíron. Ezért itt kézzel VISSZAÁLLÍTJUK a desktop kártya-formát. */ .gym-lens { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; width: auto !important; max-width: 220px !important; padding: 18px !important; border-radius: 18px !important; background: #fff !important; text-align: center !important; } .gym-lens__code { display: block !important; width: 160px !important; height: 160px !important; } .gym-lens__t, .gym-lens__hint { display: block !important; } .gym-lens__cta { display: none !important; } /* A kártya maga , így default-sablonos oldalon (page.php → .entry-content) a fenti „link mögé az URL" szabály a hosszú lens-URL-t a kártyába fröccsentené — pont azt az URL-t, amit a Snapcode amúgy is kódol. `none`, nem `""`: az üres content generált DOBOZT csinálna, ami a flexes kártyán fantom-gap-et adna. */ .entry-content .gym-lens::after { content: none !important; } /* ============================================================ Interaktív/navigációs vezérlők elrejtése (papíron értelmetlenek) + FAQ-akkordeon force-open (különben a válaszok elvesznek). ============================================================ */ /* Szűrő-chipek, explorer-vezérlők, lapozás, kereső + „Kapcsolódó linkek" kártya (.aside-related: papíron URL nélküli, így értelmetlen). A CTA-LINKEK (Regisztrálok/Apply – , az URL kiíródik), a KONTAKT aside-linkek (e-mail, honlap) és az ŰRLAP-submit szándékosan MARADNAK. */ .hir-chip, .hsz-chip, .alb-chip, .ev-chip, .alb-filters, .kk-controls, .kk-dots, .pagination, .page-numbers, .hszk-searchform, [data-hsz-filter], button[data-view], .aside-related { display: none !important; } /* Naptár-akciók a dátumos eseménynél (single-esemeny.php „Egy pillantásra"): az .ics-letöltés (data: URI) és a Google Naptár-link papíron értelmetlenek. Pontos célzás, hogy a .hszk-dl letöltések-blokk (csupasz `download`) MARADJON. A QR a kész oldalra visz, ahol ezek elérhetők. */ a[download$=".ics"], a[href*="calendar.google.com"] { display: none !important; } /* FAQ (
): nyomtatáskor minden válasz látszódjon. A natív csukott
elrejti a nem-summary gyerekeket; itt kinyitjuk. */ details.hszk-faq > summary { list-style: none; } details.hszk-faq > summary::-webkit-details-marker { display: none; } details.hszk-faq > *:not(summary) { display: block !important; } details.hszk-faq::details-content { content-visibility: visible !important; display: block !important; } /* ============================================================ Tömörebb függőleges ritmus nyomtatáskor (kevesebb whitespace). Az inline margók/paddingok !important-tal állnak. ============================================================ */ /* Breadcrumb: papíron felesleges nav (a QR + a sávban kiírt URL elérhetővé teszi az élő, navigálható oldalt; a band a címet is mutatja). Elrejtjük. */ .crumbs { display: none !important; } /* A nagy inline rule-margók (26–34px) és szekció-térközök csökkentése. */ hr.rule { margin: 9px 0 !important; } .wrap, section { padding-top: 7px !important; padding-bottom: 7px !important; } .masthead-sub { margin-top: 8px !important; } .head-row { margin-bottom: 10px !important; } /* A lede és az utána jövő blokk közti rés. */ .article-body, .article-main { padding-top: 10px !important; } /* ============================================================ Kompakt cikk-elrendezés (hír/pályázat), hogy a rövid tartalom egy oldalra férjen: lede, határidő-sáv, body-térközök szűkítése. ============================================================ */ /* Lede (az .article-main közvetlen

-je, inline clamp ~23px) → papír-méret. */ .article-main > p { font-size: 12pt !important; line-height: 1.4 !important; margin: 0 0 10px !important; } /* Body-bekezdések és -címsorok tömörebb térköze. */ .entry-content p { margin: 0 0 7px !important; } .entry-content h2, .entry-content h3 { margin: 10px 0 4px !important; } /* Zöld határidő-sáv (field-green): kompaktabb margó+padding. */ .field-green { margin-top: 8px !important; padding: 9px 14px !important; } /* A cikk fő/sidebar szekció felső térköze. */ .article-body { padding-top: 8px !important; } /* Aside-kártyák (Fontos tudnivalók / Kapcsolódó linkek / Érintett…) + soraik tömörítése (inline padding:22px ill. padding:13px 0). */ [style*="border-radius:12px"][style*="padding:22px"] { padding: 12px 14px !important; } [style*="padding:13px 0"] { padding: 6px 0 !important; } /* A márkás sáv egy kicsit alacsonyabb (több hely a tartalomnak). */ .hszk-print-head { padding: 11px 16px !important; margin-bottom: 12px !important; } .hszk-print-logo { height: 34px !important; } /* --- Esemény-változat: a sáv az esemény fotóját kapja háttérnek (sötét fátyol balra a szöveg olvashatóságáért). Magazin-borító elrendezés: logó bal-fent, QR jobb-fent, badge+cím+URL bal-alul. Így a fejléc és a hero EGY blokk; a külön tartalmi fotó-hero (.ev-hero) lent rejtve. A fotó-URL + accent a --hszk-hero / --hszk-acc inline custom propertyből jön (hszk_print_header). */ .hszk-print-head--photo { position: relative; display: block; min-height: 64mm; padding: 14px 16px !important; margin-bottom: 16px !important; background: linear-gradient(90deg, rgba(16,14,38,.92) 0%, rgba(16,14,38,.64) 46%, rgba(16,14,38,.40) 100%), var(--hszk-hero) center / cover no-repeat !important; } .hszk-print-head--photo .hszk-print-logo { position: absolute; top: 14px; left: 16px; height: 30px !important; } .hszk-print-head--photo .hszk-print-qr { position: absolute; top: 14px; right: 16px; } .hszk-print-head--photo .hszk-print-meta { position: absolute; left: 16px; right: 16px; bottom: 14px; gap: 4px; } .hszk-print-head--photo .hszk-print-title { font-size: 24pt; letter-spacing: -.01em; } .hszk-print-badge { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; align-self: flex-start; background: var(--hszk-acc, #863325) !important; color: #fff !important; font-size: 8.5pt; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; margin-bottom: 3px; } /* A tartalmi esemény fotó-hero (single-esemeny.php / event-flagship.php): print nézetben a fenti sáv hordozza a fotót, így ez felesleges → elrejtjük. */ .ev-hero { display: none !important; } /* ============================================================ Hely-takarékos trükkök, hogy a gazdagabb hírek is egy oldalra férjenek. ============================================================ */ /* Hero-fotó (.duo / .framed): papíron alacsonyabb (object-fit:cover marad). */ .duo, .framed { height: 24mm !important; } /* „Érintett kollégiumok/szakkollégiumok" lista 2 hasábban (a flex-oszlop helyett multicol), tömörebb sorokkal. */ .aside-linklist { display: block !important; column-count: 2 !important; column-gap: 16px !important; } .aside-linklist > .editlink { break-inside: avoid; padding: 6px 0 !important; } /* ============================================================ #3 — 2-hasábos cikk-elrendezés print-ben (mint képernyőn): az aside a fő szöveg MELLÉ kerül, nem alá → aside-nehéz cikkek (kép + facts + érintett-lista) egy oldalra férnek. (A print-viewport ~794px ≤900px lenne → a téma egy oszlopra váltana; ezt írjuk felül.) Az aside-on belül a lista 1 hasáb (van függőleges hely). ============================================================ */ .article-body, .dorm-body, .ev-grid { display: grid !important; grid-template-columns: 1fr 255px !important; gap: 20px !important; align-items: start !important; } .aside-linklist { column-count: 1 !important; } /* Kollégium „Szobatípusok és díjak" táblázat (grid 1fr 1.4fr 1fr 1fr): a 2-hasábos elrendezés szűkebb oszlopában kisebb betű + tömörebb cellapadding, hogy a fejlécek és a „46 900 Ft" értékek ne tördeljenek csúnyán. Csak print. */ [style*="grid-template-columns:1fr 1.4fr 1fr 1fr"] { font-size: 8.5pt !important; } [style*="grid-template-columns:1fr 1.4fr 1fr 1fr"] > span { padding: 6px 8px !important; line-height: 1.25 !important; } /* ============================================================ Sidebar (aside) modulok EGYSÉGES, kisebb print-tipográfiája + tömörebb térköze. MINDEN aside-variánsra hat (az