/* == TURIZMUS MAGAZIN – 2026-os design (tm* osztályok) == */

/* -- alap -- */
html {scroll-behavior:smooth;}
body.tm2026 {margin:0; padding:0; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.45; color:#333333;}
.tm2026 * {box-sizing:border-box;}
.tm2026 a {color:#333333; text-decoration:none;}
.tm2026 a:hover {color:#0A6C8F; text-decoration:underline;}
.tm2026 img {max-width:100%;}
.tm2026 h1, .tm2026 h2, .tm2026 h3, .tm2026 h4 {margin:0; font-weight:bold; color:#333333;}
.tm2026 p {margin:0;}
.tm2026 section[id] {scroll-margin-top:16px;}

.tmwrap {max-width:1200px; margin:0 auto; padding:0 24px;}

.tmkicker {font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:.06em; color:#0A6C8F;}
.tmmeta {font-size:13px; color:#666666;}
.tmmeta strong {color:#333333;}
.tmmorelink {font-weight:bold; font-size:14px; color:#0A6C8F !important;}

/* -- képek / helykitöltő -- */
.tmphlink {display:block;}
.tmph {position:relative; width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#dde4e8;}
.tmph169 {aspect-ratio:16 / 9;}
.tmph32 {aspect-ratio:3 / 2;}
.tmph IMG {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.tmphvideo {background:#c4d3da;}
.tmphnative {background:#e6dfcf;}

/* -- hirdetés helykitöltő -- */
.tmadwrap {display:flex; flex-direction:column; align-items:center; max-width:100%;}
.tmadlabel {font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#6b6b6b; margin:0 0 6px 0 !important;}
.tmad {background:#f1f2f3; border:1px solid #e1e3e5; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; color:#5f6368; font-size:13px; max-width:100%; text-align:center;}
.tmad300x250 .tmad {width:300px; height:250px;}
.tmad300x600 .tmad {width:300px; height:600px;}
.tmad970x250 .tmad {width:970px; aspect-ratio:970 / 250;}
.tmad728x90 .tmad {width:728px; aspect-ratio:728 / 90;}
.tmadsmall {font-size:12px;}
.tmadrow {display:flex; justify-content:center; padding-top:8px; padding-bottom:40px;}
.tmadrowline {border-bottom:1px solid #e6e6e6; margin-bottom:40px;}
.tmadrowline .tmadrow {padding-top:40px; padding-bottom:40px;}
.tmadrowlb {padding-top:0; padding-bottom:48px;}

/* -- felső sáv -- */
.tmtopbar {border-bottom:1px solid #e6e6e6; font-size:13px;}
.tmtopbar .tmwrap {display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:36px; flex-wrap:wrap;}
.tmtopdate {color:#666666;}
.tmtoplinks {display:flex; gap:20px; flex-wrap:wrap;}

/* -- fejléc -- */
.tmheadrow {display:flex; justify-content:space-between; align-items:center; gap:24px; padding-top:22px; padding-bottom:22px; flex-wrap:wrap;}
.tmlogo {display:flex; align-items:center;}
.tmlogo IMG {display:block; height:58px; width:auto;}
.tmheadactions {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.tmbtn {display:inline-flex; align-items:center; height:44px; padding:0 18px; border-radius:4px; color:#ffffff !important; background:#0A6C8F; font-size:14px; font-weight:bold;}
.tmbtn:hover {background:#085a77; text-decoration:none !important;}
.tmnav {border-top:3px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background:#ffffff;}
.tmnavrow {display:flex; gap:4px 28px; flex-wrap:wrap; font-size:15px; font-weight:bold; padding-top:12px; padding-bottom:12px;}
.tmnavrow A.tmnavon {color:#0A6C8F;}

.tmbreadcrumb {font-size:13px; color:#666666; padding:12px 0; border-bottom:1px solid #f0f0f0;}

/* -- szekció fejléc -- */
.tmsechead {display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-bottom:24px; flex-wrap:wrap;}
.tmsechead H2 {font-size:28px; line-height:1.2;}
.tmsecheadleft {display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;}
.tmsecheadright {display:flex; align-items:center; gap:12px;}
.tmsecheadend {align-items:flex-end; margin-bottom:20px;}
.tmsecheadcol {display:flex; flex-direction:column; gap:6px;}
.tmsecheadcol P {font-size:16px; color:#555555;}
.tmsecheadline {border-top:3px solid #f0f0f0; padding-top:12px; margin-bottom:12px;}
.tmsidetitle {font-size:15px !important; text-transform:uppercase; letter-spacing:.06em; border-bottom:2px solid #f0f0f0; padding-bottom:8px; margin:0 0 4px 0 !important;}

/* -- rácsok, hasábok -- */
.tmgrid {display:grid; gap:28px;}
.tmgrid4 {grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));}
.tmgrid3 {grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));}
.tmgrid2 {grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));}
.tmcols {display:flex; gap:40px; flex-wrap:wrap;}
.tmcolmain {flex:999 1 600px; min-width:0; display:flex; flex-direction:column; gap:28px;}
.tmcolside {flex:1 1 300px; max-width:100%; display:flex; flex-direction:column; gap:32px;}

/* -- kártya -- */
.tmcard {display:flex; flex-direction:column; gap:10px;}
.tmcard H3 {font-size:18px; line-height:1.3;}
.tmcardmore H3 {font-size:20px;}

/* == 1. Kiemelt hírek == */
.tmtop {padding-top:28px; padding-bottom:40px;}
.tmtoprow {display:flex; gap:32px; flex-wrap:wrap;}
.tmlead {flex:2 1 560px; min-width:0; display:flex; flex-direction:column; gap:14px;}
.tmleadtitle {font-size:38px; line-height:1.15; margin:0 0 4px 0 !important;}
.tmleadmeta {display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;}
.tmsep {color:#999999; font-size:13px;}
.tmleadtext {margin:4px 0 0 0 !important; font-size:18px; line-height:1.55; color:#555555;}
.tmtopaside {flex:1 1 340px; min-width:0; display:flex; flex-direction:column;}
.tmthumbitem {display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-bottom:1px solid #f0f0f0;}
.tmthumbitem .tmphlink {flex:0 0 120px;}
.tmthumbinfo {display:flex; flex-direction:column; gap:4px; min-width:0;}
.tmthumbinfo H3 {font-size:16px; line-height:1.3;}
.tmtopad {margin-top:20px; display:flex; flex-direction:column; align-items:center; background:#f5f5f5; padding:16px 16px 20px 16px; border-radius:4px;}
.tmtopad .tmad {background:#ffffff;}
.tmtopgrid {margin-top:36px; padding-top:28px; border-top:1px solid #e6e6e6;}

/* == 3. Videók == */
.tmvideos {background:#f3f5f6; padding:44px 0;}
.tmvideorow {display:flex; gap:28px; flex-wrap:wrap;}
.tmvideobig {flex:3 1 520px; min-width:0; display:flex; flex-direction:column; gap:12px;}
.tmvideobig H3 {font-size:24px; line-height:1.25;}
.tmvideolist {flex:2 1 340px; min-width:0; display:flex; flex-direction:column; gap:18px;}
.tmvideosmall {display:flex; gap:14px; align-items:flex-start;}
.tmvideosmall .tmvideothumb {flex:0 0 160px;}
.tmvideoinfo {display:flex; flex-direction:column; gap:4px; min-width:0;}
.tmvideoinfo .tmkicker {font-size:11px;}
.tmvideoinfo H4 {font-size:16px; line-height:1.3;}
.tmvideothumb {display:block;}
.tmplay {position:relative; z-index:1; display:flex; width:34px; height:34px;}
.tmplaybig {width:76px; height:76px;}
.tmplay svg {width:100%; height:100%;}
.tmvideothumb:hover .tmplay {transform:scale(1.08); transition:transform .15s;}

/* == 4. További hírek == */
.tmmore {padding-top:48px; padding-bottom:48px;}
.tmnative {display:flex; gap:20px; flex-wrap:wrap; background:#f7f4ec; padding:20px; border-radius:4px;}
.tmnative .tmph {flex:1 1 220px; width:auto;}
.tmnativeinfo {flex:2 1 300px; display:flex; flex-direction:column; gap:8px; justify-content:center;}
.tmnativelabel {font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#6b5d3f; font-weight:bold;}
.tmnativeinfo H3 {font-size:20px; line-height:1.3;}
.tmnativeinfo P {font-size:15px; color:#555555;}
.tmpopitem {display:flex; gap:14px; padding:12px 0; border-bottom:1px solid #e6e6e6;}
.tmpopnum {font-size:26px; font-weight:bold; color:#0A6C8F; line-height:1; min-width:22px;}
.tmpopitem A {font-size:15px; font-weight:bold; line-height:1.3;}

/* == 5. Partnerblog == */
.tmblog {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:48px 0;}
.tmblog .tmsechead {align-items:center; margin-bottom:28px;}
.tmadlogo {width:160px; height:44px; font-size:12px;}
.tmblogfeat {display:flex; gap:32px; flex-wrap:wrap; margin-bottom:36px;}
.tmblogfeatpic {flex:3 1 480px; min-width:0;}
.tmblogfeatpic .tmph {background:#d3dde2;}
.tmblogfeatinfo {flex:2 1 340px; min-width:0; display:flex; flex-direction:column; gap:14px; justify-content:center;}
.tmblogfeatinfo H3 {font-size:30px; line-height:1.2;}
.tmblogfeatinfo P {font-size:17px; color:#555555;}
.tmauthor {display:flex; align-items:center; gap:12px;}
.tmauthorpic {width:44px; height:44px; border-radius:50%; background:#dde4e8; flex:0 0 44px;}
.tmauthorinfo {display:flex; flex-direction:column;}
.tmauthorinfo STRONG {font-size:14px;}

/* == 7. Programok == */
.tmevents {padding-bottom:48px;}
.tmevents .tmsechead {align-items:center; margin-bottom:20px;}
.tmchips {display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px;}
.tmchip {font-family:Arial, Helvetica, sans-serif; font-size:14px; height:44px; padding:0 18px; border-radius:22px; cursor:pointer; border:1px solid #cfcfcf; background:#ffffff; color:#333333; font-weight:bold;}
.tmchip:hover {border-color:#333333;}
.tmchip.tmchipon {background:#333333; border-color:#333333; color:#ffffff;}
.tmeventgrid {display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:0 32px; align-content:start;}
.tmevent {display:flex; gap:16px; padding:16px 0; border-bottom:1px solid #e6e6e6;}
.tmeventdate {flex:0 0 64px; height:68px; border:2px solid #333333; border-radius:4px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.tmeventm {font-size:12px; font-weight:bold; text-transform:uppercase; color:#0A6C8F;}
.tmeventd {font-size:26px; font-weight:bold; line-height:1;}
.tmeventinfo {display:flex; flex-direction:column; gap:4px; min-width:0;}
.tmeventinfo .tmkicker {font-size:11px;}
.tmeventinfo H3 {font-size:17px; line-height:1.3;}

/* == 9. TMDB Adattár == */
.tmtmdb {background:#f3f5f6; padding:48px 0;}
.tmsponsor {display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; background:#ffffff; border:1px solid #e1e3e5; border-left:0; padding:14px 20px; margin-bottom:24px;}
.tmsponsorleft {display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.tmsponsorlabel {font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#6b6b6b; font-weight:bold;}
.tmadsponsor {width:234px; height:60px; font-size:12px;}
.tmsponsortext {font-size:15px; color:#555555;}
.tmsponsorcta {font-size:14px; font-weight:bold;}
.tmtmdbgrid {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:20px;}
.tmtmdbcard {display:flex; flex-direction:column; gap:10px; background:#ffffff; border:1px solid #e1e3e5; border-radius:6px; padding:22px; color:#333333;}
.tmtmdbcard:hover {border-color:#0A6C8F; text-decoration:none !important;}
.tmtmdbcard:hover H3 {color:#0A6C8F;}
.tmtmdbhead {display:flex; align-items:center; gap:12px;}
.tmtmdbicon {width:44px; height:44px; border-radius:6px; background:#e3eef3; display:flex; align-items:center; justify-content:center; flex:0 0 44px;}
.tmtmdbhead H3 {font-size:19px;}
.tmtmdbcard P {font-size:14px; color:#555555;}
.tmtags {display:flex; gap:6px; flex-wrap:wrap;}
.tmtag {font-size:12px; padding:4px 9px; border-radius:12px; background:#f1f2f3; color:#444444;}
.tmtmdbpromo {display:flex; flex-direction:column; gap:12px; justify-content:center; background:#333333; color:#ffffff; border-radius:6px; padding:22px;}
.tmtmdbpromo H3 {font-size:19px; color:#ffffff !important;}
.tmtmdbpromo P {font-size:14px; color:#e0e0e0;}
.tmbtnwhite {align-self:flex-start; display:inline-flex; align-items:center; height:44px; padding:0 18px; border-radius:4px; background:#ffffff; color:#333333 !important; font-weight:bold; font-size:14px;}
.tmbtnwhite:hover {background:#e3eef3; text-decoration:none !important;}

/* == 10. Korábbi hírek == */
.tmolder {padding-top:48px; padding-bottom:56px;}
.tmolderlist {gap:0;}
.tmolderitem {display:flex; gap:18px; padding:18px 0; border-bottom:1px solid #e6e6e6; align-items:flex-start;}
.tmolderpic {flex:0 0 150px; width:150px;}
.tmolderinfo {display:flex; flex-direction:column; gap:6px; min-width:0;}
.tmolderinfo H3 {font-size:19px; line-height:1.3;}
.tmbtnoutline {align-self:center; margin-top:28px; display:inline-flex; align-items:center; height:46px; padding:0 28px; border:2px solid #333333; border-radius:4px; font-weight:bold;}
.tmbtnoutline:hover {background:#333333; color:#ffffff !important; text-decoration:none !important;}

/* == lábléc == */
.tmfooter {background:#f3f5f6; border-top:3px solid #f0f0f0; padding:40px 0 28px 0;}
.tmfootrow {display:flex; gap:40px; flex-wrap:wrap; justify-content:space-between;}
.tmfootabout {flex:1 1 320px; display:flex; flex-direction:column; gap:10px;}
.tmfootabout IMG {display:block; height:44px; width:auto; align-self:flex-start;}
.tmfootdesc {font-size:15px; color:#555555;}
.tmfootmail {font-size:14px;}
.tmfootmail A {color:#0A6C8F !important;}
.tmfootnav {flex:1 1 360px; display:flex; gap:48px; flex-wrap:wrap; font-size:14px;}
.tmfootcol {display:flex; flex-direction:column; gap:8px;}
.tmfootbottom {margin-top:28px; padding-top:16px; border-top:1px solid #dcdfe2; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:13px; color:#666666;}

/* == videó overlay (a régi CSS-ből) == */
.ici_overlay_video {display:none; opacity:0; transition:opacity .6s ease-in; position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0, 0, 0, .7); z-index:999999;}
.ici_overlay_video .ici_overlay_video_close {background-image:url(/images/icons/close1_white.svg); position:absolute; top:20px; right:20px; cursor:pointer; z-index:9999; height:70px; width:70px; background-size:70px;}
.ici_overlay_video .videoWrapperExt {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); max-width:982px; padding:0 20px;}
.ici_overlay_video .videoWrapperExt .videoWrapper {position:relative; padding-bottom:56.25%; height:0;}
.ici_overlay_video .videoWrapperExt .videoWrapper IFRAME {position:absolute; top:0; left:0; width:100%; height:100%;}
.ici_overlay_video_open {opacity:1; transition:opacity .6s ease-out;}

/* == tartalom keret (aloldalakhoz, később) == */
.tmcontent {padding:32px 0 48px 0;}

/* == mobil == */
@media (max-width:1023px){
	.tmad970x250, .tmad728x90 {display:none;}
	.tmadrowline {border-bottom:0; margin-bottom:0;}
	.tmadrow {padding:0;}
}
@media (max-width:720px){
	.tmwrap {padding:0 16px;}
	.tmtoplinks {display:none;}
	.tmheadrow {padding-top:14px; padding-bottom:14px; flex-wrap:nowrap;}
	.tmlogo IMG {height:40px;}
	.tmbtn {height:38px; padding:0 14px; font-size:13px;}
	.tmnavrow {flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; white-space:nowrap; gap:22px;}
	.tmnavrow::-webkit-scrollbar {display:none;}
	.tmtop {padding-top:20px;}
	.tmleadtitle {font-size:26px;}
	.tmleadtext {font-size:16px;}
	.tmsechead H2 {font-size:24px;}
	.tmvideosmall .tmvideothumb {flex:0 0 120px;}
	.tmblogfeatinfo H3 {font-size:24px;}
	.tmolderpic {display:none;}
	.tmcolside {align-items:center;}
	.tmcolside .tmpopular {align-self:stretch;}
	.ici_overlay_video .ici_overlay_video_close {height:44px; width:44px; background-size:44px;}
}