/* =========================================================================
   H26 CHROME - a 2026-os GLOBALIS fejlec + lablec stilusai.
   Az EGESZ oldalon toltodik (header.php, kozvetlenul a responsive.css UTAN),
   ezert itt NINCS `body.page-template-home-2026` scope.
   Betoltesi sorrend: home-2026.css (wp_head) -> style.css -> responsive.css ->
   H26-CHROME.CSS (utolso) -> az azonos specifikussagu tema-szabalyokat veri,
   a tema !important-jeit a sajat !important-tel.
   A fooldal-TARTALOM szabalyai tovabbra is a home-2026.css-ben vannak.
   ========================================================================= */

:root{
	--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-red:#e74653;
}

/* ============================ HEADER 2026 (home csb.png) ============================
   A tema style.css/responsive.css a chrome-CSS ELOTT tolt, de sok header-szabalya
   !important -> ahol kell, itt is !important. */
/* --- Topmenu: FEHER sav, bal=social, jobb=domain-linkek + nemet zaszlo --- */
.h26-topmenu{background:#fff !important;padding:9px 0;}
.h26-topmenu .inner{display:flex;align-items:center;justify-content:space-between;}
/* Mobilon (<=767px) a felso menusor nem kell */
@media (max-width:767px){
	.h26-topmenu{display:none !important;}
	/* A tema `body.admin-bar a.the_menu_trigger{top:42px}` (style.css:304) az admin-bar
	   miatt tolja le a triggert, de mobilon az admin-bar mar nem fixed (a header.head-et
	   a tema is top:0-ra allitja itt) -> a trigger is top:0 legyen. */
	body.admin-bar a.the_menu_trigger{top:0 !important;}
	/* A tema `#the_fs_menu{top:95px;height:calc(100vh-95px)}` (responsive.css:411) a regi
	   95px-es headerrel szamol. A mobil header most 60px (responsive.css:408) -> top:60px.
	   A magassag NE legyen fix, hanem a TARTALOMHOZ igazodjon (height:auto). */
	#the_fs_menu{
		top:60px;height:auto;max-height:calc(100vh - 40px);overflow-y:auto;
	}
	/* A belso eltartast a .subnavmenu adja (tema: `div.subnavmenu{padding:0 20px}` -> fent/lent 0). */
	#the_fs_menu .subnavmenu{padding:20px;}
	/* A tema `#the_fs_menu .vam{top:20px}` (responsive.css:413) relativ eltolasa height:auto-nal
	   epp a belso also eltartast ette meg -> top:0, az eltartast a .subnavmenu adja. */
	#the_fs_menu .vam{top:0;}
	/* A .main felso margoja mobilon tul nagy (tema responsive.css:603 -> 127px, a regi,
	   mobilon is latszo topmenuvel szamolt) -> 60px eleg a ~60px-es mobil header ala. */
	main.main{margin-top:60px;}
}
/* bal: csak social ikonok, hatter/keret/border-radius NELKUL, #084185, 13px */
.h26-tm-social{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none;}
.h26-tm-social li{margin:0;padding:0;display:inline-flex;}
.h26-tm-social li a{display:inline-flex;align-items:center;background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;color:#084185 !important;}
.h26-tm-social li a i{font-size:13px !important;color:#084185 !important;line-height:1;}
/* jobb: domain-linkek + "|" elvalasztok, majd a nemet zaszlo */
.h26-tm-links{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;list-style:none;}
.h26-tm-links li{display:inline-flex;align-items:center;margin:0;}
.h26-tm-links li a{color:#084185 !important;text-transform:uppercase;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;letter-spacing:.02em;padding:0 16px !important;line-height:1.2;}
.h26-tm-links li:not(:first-child):not(.h26-tm-flag){border-left:1px solid #ef4444;}
.h26-tm-flag a{padding:0 !important;display:inline-flex;}
.h26-tm-flag img{display:block;width:16px !important;height:11px !important;border-radius:2px;object-fit:cover;}

/* --- Desktop header: teljes szelessegu #F0F0F0 sav; logo | menu(kozep) | idojaras+kereso+hamburger(jobb) --- */
.h26-deskhead{background:#f0f0f0 !important;}
.h26-deskhead-inner{display:flex;align-items:center;gap:24px;min-height:78px;}
/* width:auto !important a tema `nav.desktop_header #logo{width:30%}` + `#logo_desktop{width:100%}` (id) legyozesehez */
.h26-dh-logo{flex:0 0 auto;width:auto !important;display:flex;align-items:center;overflow:visible !important;}
.h26-dh-logo a{display:inline-flex;align-items:center;}
.h26-dh-logo img{display:block;width:300px !important;max-width:38vw;height:auto !important;}
/* A WOB-sablon logoja allo/negyzetes (100x85) - nem 300px szeles, hanem magassagra korlatozva */
.h26-dh-logo img.h26-logo-wob{width:auto !important;height:56px !important;max-width:none;}
/* menu kozepen, #28365E, Inter Bold 14px, NEM nagybetus */
.h26-dh-menu{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;}
.h26-dh-menu li{display:inline-flex;margin:0;}
.h26-dh-menu a{color:#28365e !important;font-family:'Inter',sans-serif !important;font-weight:700 !important;font-size:14px !important;text-transform:none !important;line-height:1 !important;padding:0 16px !important;}
.h26-dh-menu a:hover{color:#084185 !important;}
/* jobb: idojaras + kereso + hamburger */
.h26-dh-right{flex:0 0 auto;display:flex;align-items:center;gap:22px;}
.h26-dh-weather{color:#28365e !important;font-weight:700;font-size:14px;line-height:1;}
.h26-dh-weather *{color:#28365e !important;}   /* csak szin (ikon-fontot NEM bantjuk) */
.h26-dh-weather .simple-weather,
.h26-dh-weather .simple-weather__day{display:inline-flex !important;align-items:center;gap:6px;margin:0;}
.h26-dh-weather em,
.h26-dh-weather span{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;font-style:normal;}
.h26-dh-weather i{font-size:16px !important;}
/* kereso-ikon (a #sfd overlayt nyitja) - a regi headerbol megtartva */
.h26-dh-search{color:#28365e !important;font-size:18px;line-height:1;display:inline-flex;align-items:center;padding:0;}
.h26-dh-search i{color:#28365e !important;}
.h26-dh-burger{color:#28365e !important;font-size:20px;line-height:1;display:inline-flex;align-items:center;padding:0;}
.h26-dh-burger i{color:#28365e !important;}
/* Teljes kepernyos menu a header fole (z-index) */
#the_fs_menu{z-index:999;}

/* ===================== HIRLEVEL SAV (a lablec resze) ===================== */
.h26-newsletter{padding:55px 0;}
.h26-nl-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;}
.h26-nl-title{font-size:30px;font-weight:700;margin:0 0 10px;color:#fff;}
.h26-nl-desc{font-size:15px;color:rgba(255,255,255,.85);margin:0;line-height:1.5;}
/* --- Hirlevel urlap (Mailster): Keresztnev + E-mail egy sorban, a
       Feliratkozom gomb a sor vegen; az elfogadas-checkbox alattuk. --- */
.h26-nl-form .mailster-form,.h26-nl-form .mailster-form-fields{width:100%;}
.h26-nl-form .mailster-form:before{display:none;}
.h26-nl-form .mailster-form-fields{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
/* A Mailster clearfix `.mailster-form-fields:after` (display:block, order:0) flex-elemme
   valik, es mivel a mezoinknek order:1..4-et adtunk, a 0-s order MIATT a legelso helyre
   kerul -> a gap 12px-szel eltolja az elso mezot. Kikapcsoljuk (flexben nem kell clearfix). */
.h26-nl-form .mailster-form-fields:after{content:none;display:none;}
.h26-nl-form .mailster-wrapper{margin:0;}
/* A tema style.css:625 `form.mailster-form .mailster-wrapper.mailster-firstname-wrapper
   {margin-bottom:20px}` (0,3,1) felulirasa. */
.h26-nl-form form.mailster-form .mailster-wrapper.mailster-firstname-wrapper,
.h26-nl-form form.mailster-form .mailster-wrapper.mailster-email-wrapper{margin-bottom:0;}
.h26-nl-form .mailster-firstname-wrapper{flex:1 1 170px;order:1;}
.h26-nl-form .mailster-email-wrapper{flex:1 1 200px;order:2;}
.h26-nl-form .mailster-submit-wrapper{flex:0 0 auto;order:3;}
.h26-nl-form .mailster-elfogadom-wrapper{flex:1 1 100%;order:4;}
/* A tema style.css:617 `form.mailster-form div.mailster-elfogadom-wrapper{margin:25px 0}` felulirasa. */
.h26-nl-form form.mailster-form div.mailster-elfogadom-wrapper{margin:0;}
.h26-nl-form input.input{width:100%;box-sizing:border-box;border-radius:10px;border:0;padding:14px 16px;font-size:15px;margin:0;}
/* Input border-radius = a Feliratkozom gomb radiusa (tema: 30px), ES pontosan azonos
   MAGASSAG: a gomb fix 42px (lent), ezert a mezok is fix 42px border-box-szal, fuggoleges
   padding nelkul (az input a szoveget magatol fuggolegesen kozepre teszi) -> a ket elem
   teteje/alja egy vonalban, a betumeret-kulonbseg (15px vs 14px) nem szamit. */
.h26-nl-form form.mailster-form input.input{
	border-radius:var(--h26-btn-radius);
	height:42px;box-sizing:border-box;
	padding:0 16px;line-height:normal;
}
/* Feliratkozom gomb (piros). A Mailster generalja, nem tud modosito osztalyt kapni ->
   kozvetlenul, magas specifikussaggal + !important (tema style.css:614 teal + radius:30px !important). */
.h26-nl-form form.mailster-form .submit-button,
.h26-nl-form form.mailster-form input.submit-button{
	background:var(--h26-btn-red) !important;color:#fff !important;
	border:0 !important; /* a mezoknek es a gombnak sincs kulon border-szine */
	height:42px !important;box-sizing:border-box !important; /* Figma: ~42px, a 41px-es mezokhoz igazitva */
	border-radius:var(--h26-btn-radius) !important;
	padding:0 18px !important; /* fuggoleges padding 0 -> a szoveg a fix magassagban kozepen */
	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-transform:none !important;white-space:nowrap;
	-webkit-appearance:none;appearance:none;
	transition:background-color .15s ease,border-color .15s ease;
}
.h26-nl-form form.mailster-form .submit-button:hover,
.h26-nl-form form.mailster-form input.submit-button:hover{
	background:var(--h26-btn-red-h) !important;color:#fff !important;border-color:var(--h26-btn-red-h) !important;
}
.h26-nl-form .mailster-elfogadom-wrapper label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:13px;line-height:1.3;margin:0;}
.h26-nl-form .mailster-elfogadom-wrapper input[type=checkbox]{width:auto;margin:0;flex:0 0 auto;}

/* ===================== FOOTER (design) ===================== */
/* --- Kek gradient hatter a hirlevel-sav + footer mogott (home csb.png).
       A .bblue/.bdblue temaosztalyokat (teal) feluliruk, kek gradiensre. --- */
.h26-newsletter.bblue,
.footer.h26-footer,
.footer.h26-footer.bblue{background:linear-gradient(90deg,#021021 0%,#053a76 58%,#084083 100%);}
.h26-footer .footer-2,
.h26-footer .footer-3,
.h26-footer .footer-3.bdblue{background:transparent;}

.h26-footer .h26-footer-2{padding-top:0;padding-bottom:35px;} /* volt pt50/pb30; 35 + 20px menupont-margo = 55, mint a hirlevel-savnal */
.h26-footer-cols{display:grid;grid-template-columns:2fr 1fr 1.25fr;gap:30px;}
.h26-footer-col h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.16);}
.h26-footer-col .menu-items{list-style:none;margin:0;padding:0;}
.h26-footer-col .menu-items li{margin-bottom:0;} /* a tema `.footer .menu-items a{padding-bottom:20px}` adja a 20px kozt */
.h26-footer-col .menu-items a{color:rgba(255,255,255,.82);font-size:15px;}
.h26-footer-col .menu-items a:hover{color:#fff;}
/* "Tovabbi oldalaink": egy fejlec, ket hasab linkkel (design) */
.h26-footer-links--wide .menu-items{column-count:2;column-gap:40px;}
.h26-footer-links--wide .menu-items li{break-inside:avoid;}

/* --- Alkalmazas-badge-ek: atlatszo hatter + vilagos keret, ket soros felirat --- */
.h26-app-badges{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;}
.h26-app-badge{display:inline-flex;align-items:center;gap:11px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:9px;padding:9px 18px;min-width:150px;transition:background .15s;}
.h26-app-badge:hover{background:rgba(255,255,255,.08);}
.h26-badge-ico{display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;}
.h26-badge-ico svg{width:24px;height:24px;display:block;}
.h26-badge-txt{display:flex;flex-direction:column;line-height:1.12;}
.h26-badge-txt small{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;opacity:.92;}
.h26-badge-txt strong{font-size:18px;font-weight:600;letter-spacing:.01em;}

.h26-socials{display:flex;gap:12px;margin-top:6px;}
.h26-social{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;}
.h26-social:hover{background:var(--h26-red);}
/* "Kovess minket!" cim: nagyobb terkoz az app-badge-ek alatt (ne folyjon egybe) */
.h26-footer-app .h26-follow-title{margin-top:40px;}

/* --- Copyright sor: finom valasztovonal felette (design) --- */
.h26-footer .footer-3{border-top:1px solid rgba(255,255,255,.15);margin-top:10px;padding-top:22px;padding-bottom:26px;}
.h26-footer .footer-3 p{color:rgba(255,255,255,.78);}
/* Copyright-sor linkjei (weboldal fejlesztes, Magyar Turizmus Media Kft.): a szoveg
   szinet oroklik + alahuzas, hover PIROS. A tema `a:hover{color:#000}` (0,1,1) es
   `.cwhite` (0,1,0) alacsonyabb specifikussagu, ez (0,3,1) veri. */
.h26-footer .footer-3 a.h26-footer-link{color:inherit;text-decoration:underline;transition:color .15s ease;}
.h26-footer .footer-3 a.h26-footer-link:hover{color:var(--h26-btn-red);}

/* --- Chrome-reszponziv --- */
@media (max-width:680px){
	.h26-nl-grid,.h26-footer-cols{grid-template-columns:1fr;}
	.h26-footer-links--wide .menu-items{column-count:1;}
}

/* =========================================================================
   UJ MOBIL NAVBAR (#navbar) - a "mobile navbar.png" design szerint, CSAK mobilon.
   Lebego, lekerekitett "pill", kozepen kiemelt piros kor (Jegyvasarlas).
   A #mobile_footer sajat definicioit NEM modositjuk; csak elrejtjuk helyette.
   ========================================================================= */
#navbar{display:none;}
@media (max-width:767px){
	#mobile_footer{display:none !important;}
	/* A fix navbar ne takarja a lap-vegi tartalmat, ES ne legyen feher a navbar alatt.
	   A tema `responsive.css:736 .footer{margin-bottom:60px}` a footer ALA tesz 60px MARGO-t
	   (a regi #mobile_footer helye) -> az a body-hatteret (feher) mutatja a navbar alatt.
	   Csere: a margot 0-ra, helyette PADDING-bottom a footerre -> a sotet gradiens-hatter
	   "folytatodik" a navbar mogott/alatt. */
	.footer.h26-footer{margin-bottom:0;padding-bottom:100px;}

	#navbar.h26-navbar{
		display:flex;align-items:flex-end;justify-content:space-around;
		position:fixed;left:14px;right:14px;bottom:14px;z-index:40;
		padding:12px 6px;
		background:#f7f8fd;border-radius:30px;
		box-shadow:0 12px 34px rgba(13,35,64,.22);
		font-family:'Inter',sans-serif;
	}
	#navbar .h26-nav-item{
		flex:1 1 0;min-width:0;
		display:flex;flex-direction:column;align-items:center;gap:6px;
		text-decoration:none;color:#28365e;text-align:center;
	}
	#navbar .h26-nav-ico{display:flex;align-items:center;justify-content:center;height:26px;}
	#navbar .h26-nav-ico i{font-size:22px;color:#2563eb;line-height:1;}
	#navbar .h26-nav-label{font-size:11px;font-weight:600;line-height:1;color:#28365e;white-space:nowrap;}
	#navbar .h26-nav-item.is-active .h26-nav-label{color:#2563eb;}

	/* Kozepso kiemelt (Jegyvasarlas): piros kor, felfele emelve (kilog a bar tetejen) */
	#navbar .h26-nav-featured .h26-nav-ico{
		width:56px;height:56px;border-radius:50%;
		background:#ef4444;margin-top:-34px;
		box-shadow:0 8px 18px rgba(239,68,68,.45);
	}
	#navbar .h26-nav-featured .h26-nav-ico i{color:#fff;font-size:24px;}
}