/* =========================================================================
   Home 2026 - fooldal sablon stilusai (csak a home-2026.php sablonon toltodik)
   Prefix: h26-  |  A globalis style.css-hez nem nyul.
   ========================================================================= */

:root{
	--h26-navy:#0d2340;
	--h26-blue:#1b3a66;
	--h26-red:#e74653;
	--h26-ink:#1f2a37;
	--h26-muted:#6b7280;
	--h26-line:#e5e7eb;
	--h26-panel-blue:#e8f2fb;
	--h26-panel-yellow:#fdf4e3;
	--h26-radius:14px;
	--h26-shadow:0 10px 30px rgba(13,35,64,.10);

	/* ---- Globalis GOMB-valtozok (itt egy helyen allithatok) ---- */
	--h26-btn-pad:16px 12px;
	--h26-btn-radius:10px;
	--h26-btn-fsize:14px;
	--h26-btn-fweight:900;              /* Inter black */
	--h26-btn-red:#ef4444;
	--h26-btn-red-h:#d83a45;            /* piros hover */
	--h26-btn-blue:#2563eb;
	--h26-btn-blue-h:#1d4fd8;           /* kek hover */
	--h26-btn-white:#ffffff;
}

/* ---- Betutipus: Inter az EGESZ uj fooldalon (header + main + footer).
   A FontAwesome ikon-elemeket (<i>, .fa*, fa-*) kizarjuk, kulonben az
   ikonok elromlananak. --- */
body.page-template-home-2026,
body.page-template-home-2026 :not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*="fa-"]){
	font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
}
.h26-main{font-family:'Inter',sans-serif;}

/* ============================ HEADER 2026 + FOOTER 2026 ============================
   A fejlec/lablec (topmenu, desktop header, fs-menu, hirlevel-sav, footer, mobil
   navbar) stilusai ATKERULTEK a GLOBALIS `h26-chrome.css`-be, mert 2026-07-25 ota
   az egesz oldal ezt a fejlecet/lablecet hasznalja (header.php / footer.php).
   Itt CSAK a fooldal-TARTALOM szabalyai maradtak. */
.h26-section{padding-top:48px;padding-bottom:48px;}
.h26-main .section_title{font-weight:700;}
/* Programajanlo / Jegyvasarlas / TOP 100 hely (kedvencek) / Kedvezmenyek: #f0f0f0 hatter
   (a .bwhite/.blgrey temaosztalyokat 2-osztalyos specifikussaggal verjuk). */
.h26-main .the_seven_programs,
.h26-main .the_eight_tickets,
.h26-main .h26-favs-section,
.h26-main .h26-deals-section,
.h26-main .the_eight_hotels{background:#f0f0f0;}
/* Kedvezmenyek + Szallasok: ket EGYMAST KOVETO szekcio azonos (#f0f0f0) hatterrel, ezert
   a 48+48=96px erintkezo padding egyetlen nagy ures savnak latszott. A hataron 24+24=48px
   marad - ugyanannyi, mint a ket XML feed-sor kozott (.h26-feed-row). A blokkok KULSO
   (felso/also) 48px-e valtozatlan. */
.h26-main .h26-deals-section{padding-bottom:24px;}
.h26-main .the_eight_hotels{padding-top:24px;}
/* Latnivalok blokk: feher hatter (a tema .blgrey #F4F4F4 felulirva) */
.h26-main .the_eight_attractions{background:#fff;}

/* ---------- Kozos racs (kartya-partialek ujrahasznositasahoz) ---------- */
.h26-grid{display:grid;gap:22px;}
.h26-grid-6{grid-template-columns:repeat(6,1fr);}
.h26-grid-4{grid-template-columns:repeat(4,1fr);}
.h26-grid-3{grid-template-columns:repeat(3,1fr);}
.h26-grid > .post,
.h26-grid > article.post{width:auto!important;margin:0!important;padding:0!important;float:none!important;display:block;}
.h26-grid .inner-post{height:100%;}

/* ============================ 1) HERO ============================ */
.h26-hero{position:relative;background-size:cover;background-position:center;min-height:520px;display:flex;align-items:center;color:#fff;}
.h26-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,23,44,.43) 0%,rgba(9,23,44,.28) 45%,rgba(9,23,44,.08) 100%);}
.h26-hero .inner{position:relative;z-index:2;}
.h26-hero-content{max-width:620px;padding:60px 0;}
.h26-hero-badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600;padding:6px 14px;border-radius:40px;margin-bottom:22px;}
.h26-hero-title{font-size:52px;line-height:1.08;font-weight:700;margin:0 0 18px;color:#fff;}
.h26-hero-desc{font-size:18px;line-height:1.5;color:rgba(255,255,255,.9);margin:0 0 28px;max-width:520px;}
.h26-hero-buttons{display:flex;gap:14px;flex-wrap:wrap;}
/* =========================================================================
   GLOBALIS GOMB-RENDSZER  (padding/betu/radius egyseges; 4 szintipus)
   A tema style.css a home-2026.css UTAN tolt + tobb helyen !important-et
   hasznal (pl. Mailster submit border-radius, .btn:hover zold #00ADB6),
   ezert a template-re scope-olt szabalyokban !important kell, hogy a
   sajat gombjaink SEMMIT ne orokoljenek a temabol (hover sem).
   Alap: .h26-btn  +  tipus: --red / --blue / --red-o / --blue-o (+ hero: --ghost)
   ========================================================================= */
body.page-template-home-2026 .h26-btn{
	display:inline-block;
	padding:var(--h26-btn-pad) !important;
	border-radius:var(--h26-btn-radius) !important;
	font-family:'Inter',sans-serif !important;
	font-weight:var(--h26-btn-fweight) !important;
	font-size:var(--h26-btn-fsize) !important;
	line-height:1.15 !important;
	text-align:center;
	text-transform:none !important;
	text-decoration:none !important;
	border:1px solid transparent !important;
	cursor:pointer;
	white-space:nowrap;
	-webkit-appearance:none;appearance:none;
	transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
/* 1) piros hatter, nincs outline */
body.page-template-home-2026 .h26-btn--red{background:var(--h26-btn-red) !important;color:#fff !important;border-color:var(--h26-btn-red) !important;}
body.page-template-home-2026 .h26-btn--red:hover{background:var(--h26-btn-red-h) !important;color:#fff !important;border-color:var(--h26-btn-red-h) !important;}
/* 2) kek hatter, nincs outline */
body.page-template-home-2026 .h26-btn--blue{background:var(--h26-btn-blue) !important;color:#fff !important;border-color:var(--h26-btn-blue) !important;}
body.page-template-home-2026 .h26-btn--blue:hover{background:var(--h26-btn-blue-h) !important;color:#fff !important;border-color:var(--h26-btn-blue-h) !important;}
/* 3) feher hatter, piros outline */
body.page-template-home-2026 .h26-btn--red-o{background:var(--h26-btn-white) !important;color:var(--h26-btn-red) !important;border-color:var(--h26-btn-red) !important;}
body.page-template-home-2026 .h26-btn--red-o:hover{background:var(--h26-btn-red) !important;color:#fff !important;border-color:var(--h26-btn-red) !important;}
/* 4) feher hatter, kek outline */
body.page-template-home-2026 .h26-btn--blue-o{background:var(--h26-btn-white) !important;color:var(--h26-btn-blue) !important;border-color:var(--h26-btn-blue) !important;}
body.page-template-home-2026 .h26-btn--blue-o:hover{background:var(--h26-btn-blue) !important;color:#fff !important;border-color:var(--h26-btn-blue) !important;}
/* hero-specialis: atlatszo, feher outline a hero-kepen (nem a 4 alaptipus) */
body.page-template-home-2026 .h26-btn--ghost{background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.75) !important;}
body.page-template-home-2026 .h26-btn--ghost:hover{background:#fff !important;color:var(--h26-navy) !important;border-color:#fff !important;}

/* ======================= 2) KOR BLOKK (chipek) ======================= */
.h26-chips-section{background:#f0f0f0;}
.h26-chips-card{background:#fff;border-radius:var(--h26-radius);box-shadow:var(--h26-shadow);margin-top:-56px;position:relative;z-index:5;padding:20px 24px;display:flex;align-items:center;gap:18px;}
/* A chip-ek (kor + felirat) a kartya szabad szelessegeben KOZEPRE (mobilon a lenti
   767-es blokk visszaallitja flex-start-ra, mert ott vizszintesen gorgetheto karuszel).
   A `safe center` (ahol tamogatott) megakadalyozza, hogy tul sok chipnel a sor eleje
   levagodjon; ahol nem ismert, ott a fenti sima `center` marad ervenyben. */
.h26-chips{display:flex;gap:22px;overflow-x:auto;flex:1;padding:6px 0;scrollbar-width:thin;
	justify-content:center;justify-content:safe center;}
.h26-chip{flex:0 0 auto;width:86px;text-align:center;color:var(--h26-ink);}
.h26-chip-img{display:block;width:66px;height:66px;border-radius:50%;background-size:cover;background-position:center;margin:0 auto 8px;box-shadow:0 3px 10px rgba(0,0,0,.12);}
.h26-chip-label{display:block;font-size:13px;font-weight:600;line-height:1.2;}
.h26-chips-all{flex:0 0 auto;border-radius:40px;padding:12px 22px;font-weight:600;font-size:14px;}
/* Mobil chips-karuszel nyilak: asztalon rejtve (csak mobilon, cities.png design) */
.h26-chips-nav{display:none;}

/* ================= 4) KIEMELT HIREK + LEGOLVASOTTABB ================= */
.h26-news-wrap{align-items:flex-start;}
.h26-news-featured{margin-bottom:22px;}
.h26-news-featured .post{width:100%!important;padding:0!important;margin:0!important;}
.h26-news-right{padding-left:20px;}
.h26-mostread{background:#fff;border:1px solid var(--h26-line);border-radius:var(--h26-radius);padding:22px;}
.h26-mostread-title{font-family:'Inter',sans-serif;font-weight:700;font-size:20px;margin:0 0 16px;}
.h26-mr-item{display:flex;align-items:center;gap:12px;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid #dbeafe;color:var(--h26-ink);}
.h26-mr-item:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.h26-mr-num{flex:0 0 auto;font-family:'Inter',sans-serif;font-size:16px;font-weight:900;color:#94a3b8;width:30px;}
.h26-mr-thumb{flex:0 0 auto;width:64px;height:48px;border-radius:8px;background:#eee center/cover no-repeat;}
.h26-mr-title{font-family:'Inter',sans-serif;font-size:12px;line-height:1.3;font-weight:700;color:#000;}
.h26-mr-all{display:inline-block;margin-top:14px;font-family:'Inter',sans-serif;font-weight:900;font-size:14px;color:#2563eb;}

/* ===================== 7) KEDVENCEK (korok) ===================== */
.h26-favs{display:flex;flex-wrap:wrap;gap:24px 10px;justify-content:flex-start;}
.h26-fav{flex:0 0 auto;width:calc(10% - 10px);min-width:88px;text-align:center;color:var(--h26-ink);}
.h26-fav-img{display:block;width:78px;height:78px;border-radius:50%;background:#eee center/cover no-repeat;margin:0 auto 10px;box-shadow:0 3px 10px rgba(0,0,0,.12);}
.h26-fav-label{display:block;font-size:13px;font-weight:600;line-height:1.2;}

/* ===================== 9) KEDVEZMENYEK (kartyak) - home csb.png =====================
   Kartya: #EAF5FF bg, 1px #BFDBFE keret, 16px radius, 20px padding.
   Bal (~60%): cim + leiras + widget-badge; Jobb (~40%): kep (12px radius). */
.h26-deals{align-items:stretch;}
.h26-deal{display:flex;flex-direction:row;align-items:stretch;gap:16px;background:#eaf5ff;border:1px solid #bfdbfe;border-radius:16px;padding:20px;color:#000;height:100%;overflow:hidden;}
.h26-deal-body{flex:3 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0;}
.h26-deal-img{flex:2 1 0;align-self:stretch;min-height:120px;background:#dbeafe center/cover no-repeat;border-radius:12px;}
.h26-deal-title{display:block;font-family:'Inter',sans-serif;font-size:20px;font-weight:700;line-height:1.2;margin-bottom:10px;color:#000;}
.h26-deal-desc{display:block;font-family:'Inter',sans-serif;font-size:14px;font-weight:400;line-height:18px;color:#64748b;margin-bottom:16px;}
.h26-deal-badge{display:inline-block;background:#fff;color:#ef4444;font-family:'Inter',sans-serif;font-weight:900;font-size:12px;line-height:15px;border-radius:10px;padding:7px 12px;}

/* ================= 8/11) FEED SOROK (tematikus) ================= */
/* A szines hatter NEM a teljes szelesseget szinezi, hanem egy lekerekitett
   kartya a griden belul (inner n9-en belul) - home csb.png szerint. */
/* A ket-ket feed-sor (MO+BP, ill. Hajozas+Bringazas) kozos SZULO-KONTENERE. Eddig csak
   a sorok sajat 24px-e volt meg, ezert a blokk teteje/alja 24px-nyi volt a tobbi blokk
   48px-e helyett (a sorok KOZOTT viszont 24+24=48 jott ki, az jo). A konteneren levo
   tovabbi 24px felul/alul kiadja a hianyzo 48px-et, a sorok kozotti tavolsag valtozatlan. */
.h26-feed-group{padding:24px 0;}
.h26-feed-row{padding:24px 0;}
.h26-panel-blue{background:var(--h26-panel-blue);}
.h26-panel-yellow{background:var(--h26-panel-yellow);}
.h26-feed-row-grid{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center;}
.h26-feed-panel-box{border-radius:24px;padding:18px 30px;}
.h26-feed-panel-title{font-family:'Inter',sans-serif;font-size:28px;font-weight:900;color:#28365e;margin:0 0 12px;}
.h26-feed-panel-desc{font-size:15px;color:var(--h26-muted);line-height:1.5;margin:0 0 22px;}
/* A feed-gomb mostantol a globalis .h26-btn .h26-btn--red-o rendszert hasznalja
   (markup: h26-feed-row.php). Kulon feed-gomb szabaly mar nem kell. */
.h26-feed-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.h26-feed-card{display:flex;flex-direction:column;color:var(--h26-ink);}
.h26-feed-card-img{display:block;height:130px;border-radius:16px;background:#ddd center/cover no-repeat;position:relative;margin-bottom:12px;}
.h26-feed-card .h26-tag{position:absolute;top:10px;left:10px;}
.h26-feed-card-title{font-size:14px;font-weight:700;line-height:1.32;color:#000;}

/* ============================ RESZPONZIV ============================ */
@media (max-width:1024px){
	.h26-grid-6{grid-template-columns:repeat(3,1fr);}
	.h26-grid-4{grid-template-columns:repeat(2,1fr);}
	.h26-feed-cards{grid-template-columns:repeat(3,1fr);}
	.h26-feed-row-grid{grid-template-columns:1fr;}
	.h26-news-wrap{display:block;}
	.h26-news-wrap .col{width:100%!important;display:block;}
	.h26-news-right{padding-left:0;margin-top:26px;}
	.h26-fav{width:calc(20% - 10px);}
	.h26-hero-title{font-size:40px;}
}
@media (max-width:680px){
	.h26-grid-6,.h26-grid-4,.h26-grid-3{grid-template-columns:repeat(2,1fr);}
	.h26-feed-cards{grid-template-columns:repeat(2,1fr);}
	.h26-feed-panel-box{padding:18px 20px;border-radius:18px;}
	.h26-fav{width:calc(25% - 8px);min-width:0;}
	.h26-fav-img,.h26-chip-img{width:60px;height:60px;}
	.h26-deal{flex-direction:column;}
	.h26-deal-body,.h26-deal-img{flex:0 0 auto;}
	.h26-deal-img{width:100%;min-height:150px;}
	.h26-jegy-list{grid-template-columns:1fr;}
	.h26-hero{min-height:440px;}
	.h26-hero-title{font-size:32px;}
	.h26-chips-card{margin-top:-30px;}
}
@media (max-width:460px){
	.h26-grid-6,.h26-grid-4,.h26-grid-3,.h26-feed-cards,.h26-deals{grid-template-columns:1fr 1fr;}
	.h26-fav{width:calc(33.333% - 7px);}
}

/* =========================================================================
   DESIGN-FINOMHANGOLAS (home csb.png szerint)
   ========================================================================= */

/* --- Szekciocimek: design sotetkek --- */
.h26-main .section_title{color:#28365e!important;font-family:'Inter',sans-serif!important;font-weight:900!important;font-size:28px!important;}

/* --- Szekcio fejlec: nincs valasztovonal, tomorebb --- */
.h26-main .section_head{border-bottom:0!important;padding-bottom:0!important;margin-bottom:26px;align-items:center;}
/* A cim NE legyen 60%-ra huzva (n60), a gomb NE 40% (n40): a cim a termeszetes
   szelesseget kapja, a gomb a sor vegere kerul - egysegesen minden blokkban. */
.h26-main .section_head .col.n60{flex:1 1 auto;width:auto;}
.h26-main .section_head .col.n40{flex:0 0 auto;width:auto;}

/* --- "Osszes ..." linkek: NEM gomb, KEK szoveglink + nyil, black betuvastagsag (a chips "Osszes" gomb kivetel) --- */
.h26-main .section_btn{background:transparent!important;color:#2563eb!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-size:16px!important;font-weight:900;line-height:1;white-space:nowrap;}
.h26-main .section_btn::after{content:" \2192";}
.h26-main .section_btn:hover{color:#1d4fd8!important;text-decoration:none;}

/* --- Szinkodolt kategoria-badge-ek (design) --- */
.h26-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:6px 13px;border-radius:40px;line-height:1;}
.h26-badge-blue{background:#e4ecff;color:#2563eb;}
.h26-badge-red{background:#fed6dd;color:#ef4444;}
.h26-badge-pink{background:#fde4ff;color:#eb25e8;}
.h26-badge-teal{background:#edfffe;color:#11b1a8;}
.h26-badge-solidblue{background:#2563eb;color:#fff;}

/* --- Datum-pill (JUN 07): vilagoskek hatter + kek szoveg --- */
.h26-date-pill{display:inline-block;background:#eaf5ff;color:#2563eb;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:6px 13px;border-radius:40px;line-height:1;margin-bottom:14px;}

/* --- Programajanlo kartya (design) --- */
.h26-prog-grid{gap:24px;}
.h26-prog-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(13,35,64,.09);}
.h26-prog-imglink{display:block;}
.h26-prog-img{display:block;aspect-ratio:16/9;background:#dfe6ee center/cover no-repeat;}
.h26-prog-body{padding:16px 16px 20px;display:flex;flex-direction:column;align-items:flex-start;}
.h26-prog-title{font-size:16px;font-weight:700;color:#28365e;line-height:1.3;margin:0 0 8px;}
.h26-prog-title-link{color:#28365e;}
.h26-prog-city{color:#8a94a6;font-size:14px;font-weight:500;}

/* --- Kiemelt hirek: bal fo hasab (2/3) + jobb Legolvasottabb sidebar (1/3) --- */
.h26-hirek-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:stretch;}
.h26-hirek-main{min-width:0;display:flex;flex-direction:column;}
/* A Legolvasottabb doboz alja egyvonalban a main oszlop aljaval: a szoveges
   cikk-sor (row3) az also elemre feszul, a doboz kitolti a teljes magassagot. */
.h26-hirek-side{display:flex;}
.h26-hirek-side .h26-mostread{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;}
.h26-hirek-side .h26-mr-all{margin-top:auto;}
.h26-hirek-frow{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin-bottom:26px;}
.h26-hirek-featured{display:flex;flex-direction:column;}
.h26-feat-imglink{display:block;position:relative;border-radius:16px;overflow:hidden;min-height:430px;background:#ccd6e2 center/cover no-repeat;flex:1;}
.h26-feat-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 26px 26px;background:linear-gradient(transparent,rgba(9,23,44,.92));display:flex;flex-direction:column;align-items:flex-start;}
.h26-feat-overlay .h26-badge{position:static;margin-bottom:14px;}
.h26-feat-title{display:block;color:#fff;font-family:'Inter',sans-serif;font-size:28px;font-weight:900;line-height:1.14;}
.h26-feat-excerpt{display:block;color:#fff;font-family:'Inter',sans-serif;font-weight:400;font-size:14px;margin-top:12px;line-height:1.5;}
.h26-hirek-2x2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.h26-hcard{display:flex;flex-direction:column;color:#28365e;}
.h26-hcard-img{display:block;aspect-ratio:16/9;border-radius:14px;background:#dfe6ee center/cover no-repeat;position:relative;margin-bottom:12px;}
.h26-hcard-img .h26-badge{position:absolute;top:12px;left:12px;}
.h26-hcard-title{font-family:'Inter',sans-serif;font-size:14px;font-weight:700;line-height:1.32;color:#0f172a;}
.h26-hcard-excerpt{color:#6b7280;font-size:13px;font-weight:400;line-height:1.45;margin-top:8px;}

/* Legolvasottabb szam design szerint (halvany) */
.h26-mr-num{color:#94a3b8;}

/* --- Also 5-os sor (a bal hasabon belul) --- */
.h26-hirek-row5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:8px;}

/* --- 3 kep nelkuli, kategoria-badge-es tetel --- */
.h26-hirek-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:auto;padding-top:26px;}
.h26-hcard-noimg{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#28365e;}
.h26-hcard-noimg .h26-hcard-title{font-size:14px;font-weight:700;line-height:1.35;}

/* --- Feed-kartya badge pozicio (a szinkodolt badge-hez) --- */
.h26-feed-card .h26-badge{position:absolute;top:10px;left:10px;}

/* --- Szallas kartya (design: feher lekerekitett kartya, nincs badge/city) --- */
.h26-szallas-card .inner-post{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(13,35,64,.09);height:100%;}
.h26-szallas-card .h26-szallas-img{display:block;margin:0;height:180px;}
.h26-szallas-card .h26-szallas-img img{width:100%;height:100%;object-fit:cover;display:block;}
.h26-szallas-card .h26-szallas-body{display:block;padding:16px 18px 20px;}
.h26-szallas-card .h26-szallas-titlelink{display:block;}
.h26-szallas-card .post_title{margin:0;color:#000;font-family:'Inter',sans-serif;font-weight:900;font-size:16px;line-height:1.3;}
/* Ertekeles: 1 sarga csillag + pont (1-5), Inter 14px regular #64748B */
.h26-szallas-card .h26-szallas-rating{display:flex;align-items:center;gap:7px;margin-top:9px;color:#64748b;font-family:'Inter',sans-serif;font-weight:400;font-size:14px;line-height:1;}
.h26-szallas-card .h26-szallas-rating .fa-star{color:#fbbf24;font-size:14px;}
/* Ar: piros, Inter black 16px */
.h26-szallas-card .h26-szallas-price{margin-top:11px;color:#ef4444;font-family:'Inter',sans-serif;font-weight:900;font-size:16px;line-height:1;}

/* ===================== 5) JEGYVASARLAS (home csb.png) =====================
   Elso 6 = kiemelt (kep) kartya; alattuk 3 oszlopos (kep nelkuli) lista. */
.h26-jegy-grid{align-items:stretch;}
.h26-jegy-card .h26-jegy-inner{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:8px;height:100%;color:#000;}
.h26-jegy-img{display:block;aspect-ratio:16/9;border-radius:12px;background:#e2e8f0 center/cover no-repeat;margin-bottom:10px;}
.h26-jegy-main{display:block;padding:2px 4px 6px;}
.h26-jegy-row{display:flex;align-items:flex-start;gap:10px;}
.h26-jegy-title{font-family:'Inter',sans-serif;font-weight:900;font-size:14px;line-height:1.25;color:#000;}
.h26-jegy-city{display:block;font-family:'Inter',sans-serif;font-weight:400;font-size:12px;color:#64748b;margin-top:6px;}

/* Naptar-badge: 3-betus honap (piros savon feher) + nap (fekete) */
.h26-jegy-cal{display:inline-flex;flex-direction:column;flex:0 0 auto;width:38px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;}
.h26-jegy-cal-m{background:#ef4444;color:#fff;font-family:'Inter',sans-serif;font-weight:900;font-size:10px;line-height:16px;letter-spacing:.02em;}
.h26-jegy-cal-d{color:#000;font-family:'Inter',sans-serif;font-weight:900;font-size:16px;line-height:1;padding:3px 0 4px;}

/* 3 oszlopos lista (kiemeltek alatt) - feher paneleken belul egymas ala */
.h26-jegy-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px;}
.h26-jegy-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;}
.h26-jegy-li{display:flex;align-items:flex-start;gap:10px;padding:6px 4px;border-radius:10px;color:#000;}
.h26-jegy-li:hover{background:#f8fafc;}
.h26-jegy-li-txt{display:flex;flex-direction:column;min-width:0;}
/* Lista-elem cim: Inter BOLD(700) 14px fekete (a kiemelt kartya cime marad 900) */
.h26-jegy-li .h26-jegy-title{font-weight:700;}
.h26-jegy-li .h26-jegy-city{margin-top:2px;}

/* --- Latnivalo kartya (design: feher, 1px #E2E8F0 keret, 16px radius, nincs badge/ikon) --- */
.h26-latn-card .inner-post{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;height:100%;}
.h26-latn-card .h26-latn-img{display:block;margin:0;}
.h26-latn-card .h26-latn-img img{width:100%;height:auto;display:block;}
.h26-latn-card .h26-latn-body{padding:12px;}
.h26-latn-card .post_title{margin:0 0 6px;font-family:'Inter',sans-serif;font-weight:900;font-size:18px;line-height:1.3;color:#000;}
.h26-latn-card .post_city{margin:0;font-family:'Inter',sans-serif;font-weight:400;font-size:14px;color:#64748b;}

/* --- Design-finomhangolas reszponziv --- */
@media (max-width:1024px){
	.h26-hirek-grid{grid-template-columns:1fr;}
	.h26-feat-imglink{min-height:360px;}
	.h26-hirek-row5{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:680px){
	.h26-hirek-frow{grid-template-columns:1fr;}
	.h26-hirek-2x2{grid-template-columns:1fr 1fr;}
	.h26-hirek-row5{grid-template-columns:repeat(2,1fr);}
	.h26-hirek-row3{grid-template-columns:1fr;}
	.h26-feat-title{font-size:24px;}
}

/* =========================================================================
   MOBIL FINOMHANGOLAS (a fajl vegen -> a kesobb tolt alap-definiciokat is veri,
   pl. a .h26-jegy-list{repeat(3,1fr)} #460 felulirja a 680-as media #345-ot)
   ========================================================================= */
/* Feed-sor +1 (mobil-extra) kartya: desktopon/tableten rejtve */
.h26-feed-card--mobonly{display:none;}

@media (max-width:680px){
	/* 1+2b: Programajanlo + Jegyvasarlas 3x3 lista-panelek EGYMAS ALA (1 oszlop) */
	.h26-jegy-list{grid-template-columns:1fr;}
	/* 2a: Kiemelt hirek 5-os sor utolso (5.) kartyaja lyukat hagy 2 oszlopban -> elrejt */
	.h26-hirek-row5 a.h26-hcard:last-child{display:none;}
	/* 3: Latnivalo kartyak EGYFORMA magassag (fix 16:9 kep a natural height helyett;
	   50-50 elrendezes marad) */
	.h26-latn-card .h26-latn-img img{aspect-ratio:16/9;height:auto;object-fit:cover;}
	/* 4: XML feed +1 (6.) kartya megjelenitese mobilon (2 oszlop -> paros, nincs lyuk) */
	.h26-feed-card--mobonly{display:flex;}
	/* 5: Kedvezmeny kartyak EGYMAS ALA (1 oszlop) */
	.h26-deals{grid-template-columns:1fr;}
}


/* =========================================================================
   MOBIL FINOMHANGOLAS 2. (2026-07-24) - a fajl legvegen, hogy a korabbi
   680-as media-blokkokat (pl. .h26-chip-img{60px} #341) is felulirja.
   ========================================================================= */
@media (max-width:767px){
	/* --- 1) KOR-CHIPEK: cities.png design. A prev/next nyilak abszolutan a feher
	   kartya bal/jobb szelere ulnek (felig ra, felig ki, alattuk a hero latszik),
	   igy a chips a TELJES kartya-szelesseget hasznalja -> tobb/kisebb chip fer el.
	   A SZEKCIOT toljuk fel a hero also savjara (margin-top:-52px) + position:relative;
	   z-index:5 -> pozicionalt, kesobbi testver, biztosan a hero FOLE fest (a puszta
	   kartya-z-index a mobil stacking-quirk miatt NEM elegendo). A szurke hatteret
	   GRADIENSSEL csak a hero ALATTI reszre tesszuk: a felso 52px (ami a hero fole
	   log) ATLATSZO (ott a hero latszik az atfedesnel/nyilak alatt), a hero aljatol
	   (52px) lefele #f0f0f0 -> szurke, mint a Programajanlo, DE az atfedes megmarad. --- */
	.h26-chips-section{position:relative;z-index:5;margin-top:-52px;
		background:linear-gradient(to bottom,transparent 0,transparent 52px,#f0f0f0 52px);}
	.h26-chips-card{position:relative;z-index:1;margin-top:0;padding:16px 8px;gap:0;overflow:visible;
		/* Kisebb/lagyabb arnyek mobilon: a nagy 0 10px 30px rgba(...,.10) arnyek kekes
		   holdudvart vetett a kartya melle a #f0f0f0-ra, ami eltert a Programajanlo tiszta
		   szurkejetol. Szukebb, halványabb arnyek -> a kornyezo szurke pontosan #f0f0f0 marad. */
		box-shadow:0 6px 16px rgba(13,35,64,.06);}
	.h26-chips{gap:12px;padding:0 16px;width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;}
	.h26-chips::-webkit-scrollbar{display:none;}
	.h26-chips .h26-chip{width:auto;flex:0 0 auto;}
	.h26-chips .h26-chip-img{width:56px;height:56px;margin:0 auto 8px;box-shadow:0 3px 10px rgba(0,0,0,.12);}
	.h26-chips .h26-chip-label{font-size:14px;font-weight:700;white-space:nowrap;}
	/* a design nyilakat mutat az "Osszes" gomb helyett -> a gomb mobilon rejtve.
	   A .h26-btn{display:inline-block !important} (#134) miatt !important kell. */
	body.page-template-home-2026 .h26-chips-card .h26-chips-all{display:none !important;}
	.h26-chips-nav{
		display:flex;align-items:center;justify-content:center;
		position:absolute;top:50%;z-index:2;   /* .vam-mintara: top:50% + a lenti translateY(-50%) -> a kartya tenyleges fuggoleges kozepere */
		width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;padding:0;
		background:#fff;color:#28365e;font-size:22px;line-height:1;
		box-shadow:0 3px 12px rgba(13,35,64,.22);-webkit-appearance:none;appearance:none;
	}
	.h26-chips-prev{left:0;transform:translate(-50%,-50%);}   /* fele kilog a kartya bal szelen */
	.h26-chips-next{right:0;transform:translate(50%,-50%);}   /* fele kilog a kartya jobb szelen */
	.h26-chips-nav:active{background:#eef2f9;}

	/* --- 2) "Osszes ..." kek linkek a blokk VEGERE (utolso kartya utan) --- */
	/* A .section_head display:contents-szel felbomlik -> a cim (the_left) es a gomb
	   (the_right) az .inner flex-oszlop kozvetlen elemei lesznek; a gombot order-rel
	   a tartalom (order:0) moge (utolso helyre) toljuk. */
	.h26-section .inner{display:flex;flex-direction:column;}
	.h26-section .section_head{display:contents;}
	.h26-section .section_head .the_left{order:0;width:auto;margin-bottom:20px;}
	.h26-section .section_head .the_right{order:99;width:auto;align-self:flex-start;margin-top:22px;}

	/* --- 3) Latnivalo-kartyak: a border mobilon is (responsive.css:698 border:0 felulirasa) --- */
	.the_eight_attractions .h26-latn-card .inner-post{border:1px solid #e2e8f0 !important;}

	/* --- 4) Latnivalok + Szallasok szekcio also paddingja = a tobbi blokkeval (h26-section 48px).
	   A tema mobilon lecsokkenti: responsive.css:699 (attractions padding-bottom:0) es
	   responsive.css:675 (hotels padding-bottom:20px) -> a blokk-vegi "Osszes" gomb alatt
	   igy egyseges az eltartas. Body-scope a tema specificitasanak legyozesehez. --- */
	body.page-template-home-2026 .the_eight_attractions,
	body.page-template-home-2026 .the_eight_hotels{padding-bottom:48px;}

	/* --- 5) Legolvasottabb dobozon BELULI "Osszes cikk" (.h26-mr-all) mobilon rejtve:
	   a Kiemelt hirek blokk sajat "Osszes cikk" gombja (.section_btn) a blokk vegere
	   kerul (2. pont), igy ket azonos feliratu link lenne -> a dobozbelit elrejtjuk. --- */
	.h26-mr-all{display:none;}

}