/* Theme Name: esztergom Theme URI: https://esztergom.info Description: Saját téma az esztergom.info útikalauzhoz: látnivalók, programok, szállások, étkezés, túrák, kirándulások, térkép. A torocko.info témájára épül. Version: 1.0.0 Requires PHP: 8.1 Text Domain: esztergom */ /* ---------- Fonts (self-hosted): Newsreader for headings, Hanken Grotesk for text ---------- */ @font-face{font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/newsreader-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/newsreader-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Newsreader';font-style:italic;font-weight:400 600;font-display:swap;src:url('assets/fonts/newsreader-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Newsreader';font-style:italic;font-weight:400 600;font-display:swap;src:url('assets/fonts/newsreader-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/hanken-grotesk-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/hanken-grotesk-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* ---------- Tokens ---------- */ :root{ /* A színek a Bazilika-fotóból: rézkupola, patinás toronysisak, Duna-kék, a kereszt aranya; mészkő alap. */ --bg:#F5F3EE; --paper:#FFFFFF; --ink:#0B2236; --muted:#55616C; --faint:#7C868E; --line:#E2DED5; --line2:#CFCAC0; --line3:#E8E5DE; --stone:#E6E2D9; --mist:#EEEBE4; --green:#0F8A72; --green-d:#0A6B58; --band:#ECE8DF; --copper:#C4461F; --copper-d:#A63A18; --gold:#F2B233; --on-dark:#FFFFFF; --navy:#0B2236; --navy2:#123E66; --danube:#123E66; --plum:#7A2E52; --red:#E5372B; --sky:#D7E8F6; --rose:#F7D9CC; --navy-muted:#B9C4CE; --sand:#F2B233; --serif:'Newsreader','Source Serif 4',Georgia,serif; --sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif; --radius:16px; --pad:96px; --sec:104px; --gap:24px; --max:1440px; } @media (max-width:1200px){:root{--pad:56px;--sec:96px}} @media (max-width:900px){:root{--pad:32px;--sec:80px}} @media (max-width:600px){:root{--pad:16px;--sec:64px;--gap:16px}} /* ---------- Base ---------- */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} img,svg{max-width:100%;height:auto;display:block} a{color:var(--green)} a:hover{color:var(--green-d)} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px} h1,h2,h3,h4{margin:0} p{margin:0} [hidden]{display:none!important} .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .tk-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--bg);padding:8px 14px} .tk-skip:focus{left:8px} .tk-site{max-width:var(--max);margin:0 auto;min-height:100vh;display:flex;flex-direction:column} .tk-main{flex:1 0 auto;padding-bottom:var(--sec)} .home .tk-main{padding-bottom:0} .tk-cols[id]{scroll-margin-top:16px} /* ---------- Type ---------- */ .tk-h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.01em;text-wrap:balance} .tk-h1--m{font-size:clamp(32px,4vw,50px)} .tk-head--m .tk-h1{font-size:clamp(32px,4.2vw,54px)} .tk-h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.6vw,34px);line-height:1.15;text-wrap:balance} .tk-withside .tk-h2,.tk-group .tk-h2,.tk-cols .tk-h2,.tk-stack .tk-h2{margin-bottom:12px} .tk-h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2} .tk-h4{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.25} .tk-body{font-size:17px;line-height:1.65;color:var(--muted);max-width:680px} .tk-lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:720px} .tk-note{font-size:14px;color:var(--muted)} .tk-note a{color:inherit} .tk-muted{color:var(--faint)} .tk-link{font-size:15px;font-weight:600} .tk-empty{padding:28px 0;color:var(--muted);font-size:16px;max-width:640px} .tk-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)} /* ---------- Full-bleed bands (the site column is max 1440px) ---------- */ .tk-bleed,.tk-top,.tk-searchbar,.tk-head,.tk-footer,.tk-fp-band{box-shadow:0 0 0 100vmax var(--bleed,var(--band));clip-path:inset(0 -100vmax)} /* ---------- Header: thin navy info bar, then logo left + menu right (sticky) ---------- */ .tk-header{position:sticky;top:0;z-index:50} .admin-bar .tk-header{top:32px} @media (max-width:782px){.admin-bar .tk-header{top:0;position:relative}} .tk-top{--bleed:var(--green);background:var(--green);color:rgba(255,255,255,.85)} .tk-top__bar{min-height:36px;padding:6px var(--pad);display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;font-size:13.5px;font-weight:600} .tk-top__bar b{color:var(--gold);font-weight:800} .tk-top__bar a{color:var(--on-dark);text-decoration:none} .tk-top__bar a:hover{text-decoration:underline} .tk-top__links{display:flex;gap:20px;margin-left:auto} .tk-weather{min-height:1em} .tk-navbar{--bleed:var(--paper);height:76px;padding:0 var(--pad);background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;position:relative} .tk-logo{display:flex;align-items:baseline;gap:1px;text-decoration:none;color:var(--ink);white-space:nowrap} .tk-logo:hover{color:var(--ink)} .tk-logo b{font-family:var(--serif);font-weight:600;font-size:30px;letter-spacing:-.01em} .tk-logo i{font-style:normal;color:var(--copper)} .tk-logo small{font-size:14px;font-weight:700;color:var(--green);letter-spacing:.02em} .tk-nav{margin-left:auto} .tk-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:24px;font-size:15px;font-weight:700} .tk-nav__list a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:3px solid transparent} .tk-nav__list a:hover{border-bottom-color:var(--copper)} .tk-nav__list a[aria-current="page"],.tk-nav__list .current-menu-item > a{border-bottom-color:var(--copper);color:var(--copper)} .tk-search-btn{width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);flex:none} .tk-search-btn:hover{border-color:var(--ink)} .tk-searchbar{--bleed:var(--band);background:var(--band);padding:14px var(--pad);border-bottom:1px solid var(--line3)} .tk-searchbar form{max-width:640px;margin:0 auto;display:flex;gap:10px} .tk-menu-btn{display:none} @media (max-width:1200px){.tk-nav__list{gap:18px;font-size:14px}} @media (max-width:1020px){ .tk-top__links a[data-optional]{display:none} .tk-navbar{height:62px;gap:12px} .tk-logo b{font-size:24px} .tk-menu-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 4px;border:0;background:none;font:600 14px var(--sans);color:var(--ink);cursor:pointer;margin-left:auto;order:3} .tk-search-btn{order:2;margin-left:auto} .tk-menu-btn__bars,.tk-menu-btn__bars::before,.tk-menu-btn__bars::after{display:block;width:20px;height:1.5px;background:var(--ink);position:relative;transition:transform .2s} .tk-menu-btn__bars::before,.tk-menu-btn__bars::after{content:"";position:absolute;left:0} .tk-menu-btn__bars::before{top:-6px}.tk-menu-btn__bars::after{top:6px} .tk-menu-open .tk-menu-btn__bars{background:transparent} .tk-menu-open .tk-menu-btn__bars::before{transform:translateY(6px) rotate(45deg)} .tk-menu-open .tk-menu-btn__bars::after{transform:translateY(-6px) rotate(-45deg)} .tk-menu-btn{margin-left:0} .tk-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:var(--bg);border-bottom:1px solid var(--line);padding:4px var(--pad) 20px;max-height:calc(100vh - 100px);overflow:auto} .tk-menu-open .tk-nav{display:block} .tk-nav__list{flex-direction:column;gap:0;font-size:17px} .tk-nav__list a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--line3)} .tk-nav__list a[aria-current="page"]{border-bottom-color:var(--line3)} } @media (max-width:600px){.tk-top__bar .tk-top__hide{display:none}} /* ---------- Footer: navy, four columns ---------- */ .tk-footer{--bleed:var(--navy);background:var(--navy);color:var(--navy-muted);padding:72px var(--pad) 36px;border-top:8px solid var(--copper);box-shadow:0 8px 0 100vmax var(--navy),0 0 0 100vmax var(--copper);display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px;font-size:15px;position:relative;overflow:hidden} .tk-footer__dome{position:absolute;right:var(--pad);top:24px;width:280px;opacity:.08;color:#fff;pointer-events:none} .tk-footer .tk-logo b{color:var(--on-dark)} .tk-footer .tk-logo b{font-size:34px} .tk-footer__tag{margin-top:14px;max-width:36ch;line-height:1.6} .tk-footer__sos{display:inline-block;margin-top:18px;font-weight:800;color:#fff;text-decoration:none;background:var(--red);border-radius:10px;padding:8px 14px} .tk-footer__sos:hover{color:#fff;filter:brightness(1.08)} .tk-footer h4{margin:0 0 14px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase} .tk-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .tk-footer a{color:var(--navy-muted);text-decoration:none} .tk-footer a:hover{color:var(--on-dark);text-decoration:underline} .tk-footer__legal{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px} @media (max-width:900px){.tk-footer{grid-template-columns:1fr 1fr}.tk-footer > div:first-of-type{grid-column:1 / -1}} @media (max-width:520px){.tk-footer{grid-template-columns:1fr}.tk-footer__list a{display:inline-block;padding:4px 0}} /* ---------- Sections & grids ---------- */ .tk-sec{padding:var(--sec) var(--pad) 0} .tk-sec--tight{padding-top:48px} .tk-sec--flush{padding-top:0} .tk-sec > .tk-h2{margin-bottom:40px} .tk-sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px} .tk-sechead .tk-h2{margin-bottom:12px} .tk-sechead .tk-link{margin-bottom:18px;white-space:nowrap} .tk-sechead__note{margin:0 0 32px} .tk-sechead__foot{margin-top:28px;font-size:15px} .tk-sechead__foot a{color:var(--green);font-weight:500} .tk-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:28px} .tk-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:56px;row-gap:48px} .tk-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:56px;row-gap:32px} .tk-grid4 p,.tk-grid3 p,.tk-grid2 p{font-size:16px;line-height:1.6;color:var(--muted)} .tk-grid4 > div,.tk-grid3 > div{display:flex;flex-direction:column;gap:10px} .tk-tile{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--line2)} .tk-tile.is-strong{border-top-color:var(--ink)} .tk-tile .tk-h3 a{color:var(--ink);text-decoration:none} .tk-tile .tk-h3 a:hover{color:var(--green)} @media (max-width:1100px){.tk-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-grid3{column-gap:32px}} @media (max-width:900px){.tk-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.tk-grid2,.tk-grid3,.tk-grid4{grid-template-columns:minmax(0,1fr);row-gap:32px}.tk-sechead{flex-direction:column;align-items:flex-start;gap:0}.tk-sechead .tk-link{margin-bottom:12px}} /* ---------- Page head: sand band with a faint ridge drawing ---------- */ .tk-head{--bleed:var(--head-bg);background:var(--head-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 232'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.22' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M0,200 C120,196 220,186 300,172 L640,172 C700,180 730,190 760,194 M300,172 V122 H640 V172 M436,112 L470,96 L504,112 M440,172 V112 H500 V172 M432,122 V64 H508 V122 M428,64 C428,20 512,20 512,64 M462,32 V20 H478 V32 M460,20 C460,12 480,12 480,20 M470,12 V0 M465,5 H475 M330,122 V88 H356 V122 M328,88 C328,72 358,72 358,88 M343,74 V64 M584,122 V88 H610 V122 M582,88 C582,72 612,72 612,88 M597,74 V64 M442,70 V118 M450,70 V118 M458,70 V118 M466,70 V118 M474,70 V118 M482,70 V118 M490,70 V118 M498,70 V118 M448,114 V172 M457,114 V172 M466,114 V172 M475,114 V172 M484,114 V172 M493,114 V172'/%3E%3Cpath stroke-opacity='0.12' d='M0,214 H760 M80,224 H300 M420,224 H700'/%3E%3C/g%3E%3C/svg%3E") no-repeat right var(--pad) bottom 0 / 600px 183px;color:var(--head-fg);padding:48px var(--pad) 60px;display:flex;flex-direction:column;gap:24px} .tk-head__row{display:flex;justify-content:space-between;align-items:flex-end;gap:64px} .tk-head__side{margin:0 0 10px;max-width:440px;font-size:18px;line-height:1.65;color:var(--head-soft)} .tk-head__stack{display:flex;flex-direction:column;gap:12px} .tk-head__sub{font-size:17px;color:var(--head-soft)} .tk-head--map{padding-top:32px;padding-bottom:32px;flex-direction:row;justify-content:space-between;align-items:flex-end} .tk-head--article{padding-left:calc(var(--pad) + (100% - 2 * var(--pad)) / 6);padding-right:calc(var(--pad) + (100% - 2 * var(--pad)) / 6)} .tk-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:600;color:var(--head-soft,var(--muted))} .tk-crumbs a{color:inherit} .tk-badge{margin-bottom:8px;font-size:14px;font-weight:700;color:var(--head-accent,var(--copper));white-space:nowrap} @media (max-width:900px){ .tk-head{background-size:340px 104px;padding-bottom:40px} .tk-head__row{flex-direction:column;align-items:flex-start;gap:16px} .tk-head__side{margin:0;max-width:640px} .tk-head--article{padding-left:var(--pad);padding-right:var(--pad)} .tk-head--map{flex-direction:column;align-items:flex-start;gap:8px} } /* ---------- Section colours: page heads, tiles, tags ---------- */ body{--head-bg:var(--danube);--head-fg:#fff;--head-soft:rgba(255,255,255,.82);--head-accent:var(--gold)} .tk-s--latnivalok{--head-bg:var(--copper)} .tk-s--programok{--head-bg:var(--ink)} .tk-s--szallasok{--head-bg:var(--danube)} .tk-s--etkezes{--head-bg:var(--gold);--head-fg:var(--ink);--head-soft:rgba(11,34,54,.78);--head-accent:var(--copper)} .tk-s--turak{--head-bg:var(--green)} .tk-s--kirandulasok{--head-bg:var(--plum)} .tk-s--kozerdeku-info{--head-bg:var(--ink)} .tk-head .tk-lead,.tk-head .tk-note,.tk-head .tk-muted{color:var(--head-soft)} .tk-head a{color:var(--head-fg)} .tk-head .tk-h1{font-size:clamp(38px,5.2vw,68px);line-height:1.08} .tk-c--copper{--c:var(--copper);--t:#fff}.tk-c--patina{--c:var(--green);--t:#fff}.tk-c--danube{--c:var(--danube);--t:#fff} .tk-c--gold{--c:var(--gold);--t:var(--ink)}.tk-c--ink{--c:var(--ink);--t:#fff}.tk-c--plum{--c:var(--plum);--t:#fff} /* ---------- Front page ---------- */ .tk-ph{background:linear-gradient(160deg,var(--stone),#D8D2C4)} .tk-eyebrow{font-weight:800;letter-spacing:.14em} .tk-eyebrow--green{color:var(--green)} .tk-fp-title{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.4vw,54px);line-height:1.1;letter-spacing:-.005em;text-wrap:balance;margin-top:8px} .tk-fp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap;margin-bottom:36px} .tk-fp-head p{color:var(--muted);max-width:44ch;font-size:16.5px} .tk-more{font-size:15px;font-weight:800;color:var(--ink);text-decoration:none;border-bottom:3px solid var(--copper);padding-bottom:2px;white-space:nowrap} .tk-more:hover{color:var(--copper)} /* hero: three cards */ .tk-fp-hero{padding-top:24px} .tk-trio{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:16px} .tk-feat{position:relative;border-radius:var(--radius);overflow:hidden;min-height:clamp(400px,38vw,540px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;text-decoration:none;background:var(--c);transition:transform .25s} .tk-feat:hover{color:#fff;transform:translateY(-4px)} .tk-feat--copper{--c:var(--copper)}.tk-feat--danube{--c:var(--danube)}.tk-feat--patina{--c:var(--green)} .tk-feat > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .tk-feat .tk-credit{top:10px;right:10px} .tk-feat__txt{position:relative;display:flex;flex-direction:column;gap:10px;padding:110px 26px 26px;background:linear-gradient(180deg,transparent,var(--c) 46%)} .tk-feat.is-plain .tk-feat__txt{background:none} .tk-feat__tag{align-self:flex-start;background:#fff;color:var(--c);font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:6px} .tk-feat__title{font-family:var(--serif);font-weight:500;font-size:clamp(27px,2.5vw,36px);line-height:1.12;text-wrap:balance} .tk-feat__text{font-size:15.5px;line-height:1.5;opacity:.92;max-width:42ch} .tk-feat__date{position:absolute;left:26px;top:26px;font:500 22px/1.1 var(--serif);color:var(--gold)} .tk-feat__date b{display:block;font-size:150px;line-height:.82;font-weight:500;letter-spacing:-.03em;margin-bottom:10px} .tk-feat__art{position:absolute;right:-40px;top:30px;width:120%;color:rgba(255,255,255,.14)} .tk-quick{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px} .tk-quick__search{display:flex;flex:1 1 360px;max-width:540px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px} .tk-quick input{flex:1;min-width:0;border:0;background:transparent;font:500 15px var(--sans);padding:0 16px;color:var(--ink)} .tk-quick input:focus{outline:none} .tk-quick__search:focus-within{outline:3px solid var(--gold);outline-offset:2px} .tk-quick button{border:0;background:var(--copper);color:#fff;font:800 14px var(--sans);border-radius:999px;padding:11px 20px;cursor:pointer} .tk-quick button:hover{background:var(--copper-d)} .tk-quick a{font-weight:700;font-size:14px;border-radius:999px;padding:9px 15px;background:var(--paper);border:1.5px solid var(--line2);color:var(--ink);text-decoration:none} .tk-quick a:hover{border-color:var(--copper);color:var(--copper)} @media (max-width:900px){.tk-trio{grid-template-columns:minmax(0,1fr)}.tk-feat{min-height:440px}.tk-feat__date b{font-size:104px}} /* sights: one wide + one, then three */ .tk-sg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px} .tk-sg__item{display:flex;flex-direction:column;color:var(--ink);text-decoration:none;min-width:0} .tk-sg__item:hover{color:var(--ink)} .tk-sg__item:hover .tk-sg__title{color:var(--copper)} .tk-sg__item.is-wide{grid-column:span 2} .tk-sg__photo{aspect-ratio:4/3;border-radius:14px;max-width:100%} .tk-sg__item.is-wide .tk-sg__photo{aspect-ratio:auto;flex:1;min-height:300px} .tk-sg__photo img{transition:transform .6s ease} .tk-sg__item:hover .tk-sg__photo img{transform:scale(1.04)} .tk-sg__kicker{font:italic 500 17px/1.3 var(--serif);color:var(--green);margin-top:16px} .tk-sg__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px} .tk-sg__title{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.2vw,30px);line-height:1.15} .tk-sg__time{font-size:14px;font-weight:800;color:var(--copper);white-space:nowrap} .tk-sg__item p{color:var(--muted);margin-top:6px;font-size:15.5px} @media (max-width:900px){.tk-sg{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.tk-sg{grid-template-columns:minmax(0,1fr)}.tk-sg__item.is-wide{grid-column:auto}.tk-sg__item.is-wide .tk-sg__photo{aspect-ratio:4/3;min-height:0}} /* section tiles */ .tk-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:64px} .tk-tile2{border-radius:var(--radius);overflow:hidden;background:var(--c);color:var(--t);display:flex;flex-direction:column;text-decoration:none;transition:transform .2s} .tk-tile2:hover{color:var(--t);transform:translateY(-4px)} .tk-tile2__ph{display:block;aspect-ratio:4/3;overflow:hidden;color:rgba(255,255,255,.2)} .tk-tile2__ph img{width:100%;height:100%;object-fit:cover} .tk-tile2__ph svg{width:100%;height:100%} .tk-tile2__txt{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px} .tk-tile2 b{font:500 22px/1.15 var(--serif)} .tk-tile2__txt span{font-size:13px;font-weight:700;opacity:.88} @media (max-width:1100px){.tk-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:560px){.tk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}} /* events band */ .tk-fp-band{--bleed:var(--danube);background:var(--danube);color:#fff;margin-top:var(--sec);padding-bottom:var(--sec)} .tk-fp-band .tk-eyebrow{color:var(--gold)} .tk-fp-band .tk-more{color:#fff;border-color:var(--gold)} .tk-fp-band .tk-more:hover{color:var(--gold)} .tk-evgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.05fr);gap:18px} .tk-evc{background:var(--paper);color:var(--ink);border-radius:var(--radius);overflow:visible;display:flex;flex-direction:column;text-decoration:none} .tk-evc:hover{color:var(--ink)} .tk-evc:hover .tk-evc__title{color:var(--copper)} .tk-evc__ph{position:relative;display:block;aspect-ratio:16/10;background:var(--c);color:rgba(255,255,255,.18);border-radius:var(--radius) var(--radius) 0 0} .tk-evc__ph img,.tk-evc__ph svg{width:100%;height:100%;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0} .tk-evc__date{position:absolute;left:16px;bottom:-24px;background:var(--gold);color:var(--ink);border-radius:12px;min-width:66px;padding:8px 10px 7px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.2);display:flex;flex-direction:column} .tk-evc__date b{font:600 30px/1 var(--serif)} .tk-evc__date span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase} .tk-evc__body{display:flex;flex-direction:column;gap:6px;padding:38px 20px 22px} .tk-evc__where{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)} .tk-evc__title{font:500 23px/1.18 var(--serif)} .tk-evc__when{font-size:14px;color:var(--muted)} .tk-letter{background:var(--gold);color:var(--ink);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px;position:relative} .tk-letter__title{font:500 32px/1.08 var(--serif)} .tk-letter hr{display:none} .tk-letter p{font-size:15px} .tk-letter .tk-input{border:2px solid var(--ink);border-radius:10px} .tk-letter button{border:0;background:var(--ink);color:#fff;font:800 15px var(--sans);border-radius:10px;padding:13px;cursor:pointer} .tk-letter .tk-note,.tk-letter .tk-note a{color:var(--ink);font-size:13px} .tk-letter .tk-form__msg{color:var(--ink);font-weight:700} @media (max-width:1100px){.tk-evgrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){.tk-evgrid{grid-template-columns:minmax(0,1fr)}} /* first visit + fact panel */ .tk-first2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:stretch} .tk-first2__lead{font-size:19px;line-height:1.6;color:#2B3A48;max-width:58ch;margin-top:16px} .tk-arrows{list-style:none;margin:28px 0 0;padding:0;border-top:2px solid var(--ink)} .tk-arrows a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:17px} .tk-arrows a::after{content:"→";color:var(--copper);font-size:22px;transition:transform .2s} .tk-arrows a:hover{color:var(--copper)} .tk-arrows a:hover::after{transform:translateX(6px)} .tk-fact{position:relative;overflow:hidden;background:var(--copper);color:#fff;border-radius:22px;padding:36px;display:flex;flex-direction:column} .tk-fact__art{position:absolute;right:-60px;top:-6px;width:330px;color:rgba(255,255,255,.13);pointer-events:none} .tk-fact__big{position:relative;font:500 clamp(100px,11vw,156px)/.9 var(--serif);letter-spacing:-.03em;color:var(--gold)} .tk-fact__big small{font-size:.36em;color:#fff;letter-spacing:0} .tk-fact__text{position:relative;font-size:18px;line-height:1.5;margin-top:16px;max-width:32ch} .tk-fact__sun{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:auto 0 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.35)} .tk-fact__sun > div{padding-top:16px} .tk-fact__sun dt{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.82} .tk-fact__sun dd{margin:2px 0 0;font:500 32px var(--serif);font-variant-numeric:lining-nums tabular-nums} @media (max-width:900px){.tk-first2{grid-template-columns:minmax(0,1fr)}.tk-fact{min-height:360px}} /* useful tiles */ .tk-useful{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .tk-useful a{border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;min-height:108px;text-decoration:none;color:var(--ink);background:var(--sky);transition:transform .2s} .tk-useful a:hover{transform:translateY(-3px);color:var(--ink)} .tk-useful a:nth-child(4n+2){background:var(--rose)} .tk-useful a:nth-child(4n+3){background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)} .tk-useful a:nth-child(4n+4){background:var(--gold)} .tk-useful a:first-child{background:var(--red);color:#fff;box-shadow:none} .tk-useful a:last-child:not(:first-child){background:var(--ink);color:#fff;box-shadow:none} .tk-useful b{font:500 22px/1.15 var(--serif)} .tk-useful span{font-size:14px;margin-top:auto;opacity:.88} @media (max-width:900px){.tk-useful{grid-template-columns:repeat(2,minmax(0,1fr))}} /* top 10 */ .tk-top10{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;grid-auto-flow:row} .tk-top10 a{display:grid;grid-template-columns:72px 96px minmax(0,1fr);gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none} .tk-top10 a:hover b{color:var(--copper)} .tk-top10__n{font:500 60px/.9 var(--serif);color:var(--copper);text-align:right;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums} .tk-top10 li:nth-child(4n+2) .tk-top10__n,.tk-top10 li:nth-child(4n+3) .tk-top10__n{color:var(--green)} .tk-top10__ph{width:96px;height:72px;border-radius:10px} .tk-top10__txt{display:flex;flex-direction:column;gap:2px;min-width:0} .tk-top10__txt b{font:500 21px/1.18 var(--serif)} .tk-top10__txt span{font-size:14px;color:var(--muted)} @media (max-width:900px){.tk-top10{grid-template-columns:minmax(0,1fr)}.tk-top10 a{grid-template-columns:52px 76px minmax(0,1fr);gap:14px}.tk-top10__n{font-size:46px}.tk-top10__ph{width:76px;height:58px}} /* accommodation */ .tk-fp-stays{--bleed:var(--paper);background:var(--paper);margin-top:var(--sec);padding-bottom:var(--sec)} .tk-staygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .tk-stay{border-radius:var(--radius);overflow:hidden;background:var(--bg);display:flex;flex-direction:column;color:var(--ink);text-decoration:none} .tk-stay:hover{color:var(--ink)} .tk-stay:hover .tk-stay__title{color:var(--copper)} .tk-stay__ph{aspect-ratio:4/3} .tk-stay__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px;flex:1} .tk-pilltag{align-self:flex-start;font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:6px;background:var(--c);color:var(--t)} .tk-stay__title{font:500 23px/1.18 var(--serif)} .tk-stay__where{font-size:14.5px;color:var(--muted)} .tk-stay__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px} .tk-stay__chips span{font-size:12.5px;font-weight:700;border:1.5px solid var(--line);border-radius:999px;padding:3px 9px;background:var(--paper)} .tk-stay--count{background:var(--green);color:#fff;padding:28px;justify-content:flex-start;gap:8px} .tk-stay--count:hover{color:#fff} .tk-stay--count:hover .tk-stay__title{color:#fff} .tk-stay__big{font:500 120px/.9 var(--serif);color:var(--gold);letter-spacing:-.03em} .tk-stay--count .tk-stay__title{font-size:30px} .tk-stay--count .tk-stay__where{color:rgba(255,255,255,.88)} .tk-stay--count .tk-more{color:#fff;border-color:var(--gold);align-self:flex-start;margin-top:auto} .tk-towns{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px} .tk-towns a{font-weight:700;font-size:14px;border-radius:999px;padding:8px 14px;background:var(--bg);color:var(--ink);text-decoration:none} .tk-towns a:hover{background:var(--ink);color:#fff} .tk-towns b{color:var(--copper);margin-left:4px} .tk-towns a:hover b{color:var(--gold)} @media (max-width:1100px){.tk-staygrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.tk-staygrid{grid-template-columns:minmax(0,1fr)}} .tk-faqsec .tk-fp-title{grid-column:span 4;margin:0} /* ---------- Split blocks ---------- */ .tk-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)} .tk-split__side{grid-column:span 5;display:flex;flex-direction:column;gap:20px;padding-right:48px} .tk-split__main{grid-column:span 7;display:flex;flex-direction:column;gap:48px} .tk-split--even .tk-split__main{grid-column:7 / span 6} @media (max-width:900px){.tk-split{display:flex;flex-direction:column;gap:40px}.tk-split__side{padding-right:0}} /* ---------- Facts ---------- */ .tk-facts{margin:0;border-top:1px solid var(--ink)} .tk-facts > div{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:16px;padding:14px 0;border-bottom:1px solid var(--line)} .tk-facts dt{font-size:14px;color:var(--muted)} .tk-facts dd{margin:0;font-size:16px;line-height:1.5} .tk-facts--big > div{grid-template-columns:220px minmax(0,1fr);padding:16px 0} .tk-facts--big dt{font-size:15px} .tk-facts--big dd{font-family:var(--serif);font-size:21px} .tk-facts--side > div{grid-template-columns:120px minmax(0,1fr)} .tk-facts--small > div{grid-template-columns:110px minmax(0,1fr)} @media (max-width:600px){.tk-facts--big > div{grid-template-columns:130px minmax(0,1fr)}.tk-facts--big dd{font-size:19px}.tk-facts > div{grid-template-columns:120px minmax(0,1fr)}} .tk-marker{display:inline-flex;align-items:center;gap:8px} .tk-mark{flex:none;width:20px;height:20px} .tk-mark--none{display:inline-block;width:18px;height:18px;border:1px dashed var(--faint)} .tk-tips h3{margin-bottom:8px} .tk-tips p{font-size:15px} /* ---------- Links ---------- */ .tk-linkrow{display:flex;flex-wrap:wrap;gap:12px 40px} .tk-linkrow a{font-size:15px;font-weight:500} .tk-linkrow--stack{flex-direction:column;gap:10px;margin-top:8px} .tk-linkrow--rule{padding-top:24px;border-top:1px solid var(--line2)} /* ---------- Buttons & inputs ---------- */ .tk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--green);border-radius:4px;background:var(--green);color:#fff;text-decoration:none;font:500 15px/1.2 var(--sans);cursor:pointer;text-align:center} .tk-btn:hover{background:var(--green-d);border-color:var(--green-d);color:#fff} .tk-btn--line{background:transparent;color:var(--green)} .tk-btn--line:hover{background:var(--mist);color:var(--green-d)} .tk-btn:disabled{opacity:.6;cursor:wait} .tk-btnpair{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px} .tk-btnstack{display:flex;flex-direction:column;gap:10px} .tk-input,.tk-select{height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:4px;background:#fff;font:15px var(--sans);color:var(--ink);width:100%} textarea.tk-input{height:auto;padding:12px 14px;line-height:1.5} .tk-select{width:auto;padding-right:32px} .tk-hp{position:absolute;left:-9999px} .tk-form{display:flex;flex-direction:column;gap:18px;max-width:640px} .tk-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .tk-form__field{display:flex;flex-direction:column;gap:6px} .tk-form__field label{font-size:14px;color:var(--muted)} .tk-form__msg{font-size:15px;color:var(--green);min-height:1.5em} .tk-form__msg.is-error{color:#A0342B} @media (max-width:600px){.tk-form__row{grid-template-columns:1fr}} /* Fluent Forms (Kapcsolat) in the theme's form look */ .tk-ff{max-width:640px} .tk-ff .ff-el-group{margin-bottom:18px} .tk-ff .ff-el-input--label label{font-size:14px;font-weight:400;color:var(--muted)} .tk-ff .ff-el-form-control{height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:10px;background:#fff;font:15px var(--sans);color:var(--ink);box-shadow:none} .tk-ff textarea.ff-el-form-control{height:auto;padding:12px 14px;line-height:1.5} .tk-ff .ff-el-form-control:focus{border-color:var(--ink);outline:none} .tk-ff .ff-el-is-error .ff-el-form-control{border-color:#A0342B} .tk-ff .error.text-danger,.tk-ff .ff-el-is-error .text-danger{color:#A0342B;font-size:14px} .tk-ff .tk-ff-hint{margin:-10px 0 18px} .tk-ff .ff-t-container{gap:16px} .tk-ff .ff-btn-submit.tk-btn{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:10px} .ff-message-success{border:0;padding:0;box-shadow:none;color:var(--green);font-size:17px} @media (max-width:600px){.tk-ff .ff-t-container{flex-direction:column;gap:0}} .tk-search{display:flex;gap:10px;max-width:520px;margin-top:24px} /* ---------- Filters ---------- */ .tk-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:20px} .tk-filters--wrap{justify-content:space-between} .tk-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .tk-filter__label{font-size:14px;color:var(--muted);margin-right:6px} .tk-pill{height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--line2);background:transparent;color:var(--ink);font:14px var(--sans);cursor:pointer} .tk-pill:hover{border-color:var(--ink)} .tk-pill[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--on-dark)} .tk-toggle{display:inline-flex;border:1px solid var(--line2);border-radius:4px;overflow:hidden} .tk-toggle button{height:40px;padding:0 16px;border:0;background:transparent;font:14px var(--sans);color:var(--ink);cursor:pointer} .tk-toggle button[aria-pressed="true"]{background:var(--ink);color:var(--on-dark)} @media (max-width:600px){.tk-filter{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 4px;scrollbar-width:none;max-width:100vw}.tk-filter::-webkit-scrollbar{display:none}.tk-pill{flex:none}.tk-filters{width:100%}} /* ---------- Tours table ---------- */ .tk-trow{display:grid;grid-template-columns:2.6fr 1.5fr .8fr .8fr 1fr 1fr .7fr;align-items:center;column-gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px} .tk-trow.has-photo{grid-template-columns:96px 2.6fr 1.5fr .8fr .8fr 1fr 1fr .7fr} .tk-trow--head{font-size:13px;color:var(--muted);padding:0 0 12px;border-bottom-color:var(--ink)} .tk-trow__name{display:flex;flex-direction:column;gap:3px} .tk-trow__name a{font-family:var(--serif);font-size:20px;color:var(--ink);text-decoration:none;line-height:1.25} .tk-trow__name a:hover{color:var(--green)} .tk-trow__name span{font-size:13px;color:var(--muted)} .tk-trow__gpx{justify-self:end;font-size:14px;font-weight:500} .tk-trow__photo{width:96px;height:68px} @media (max-width:900px){ .tk-trow--head{display:none} .tk-trow,.tk-trow.has-photo{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px;align-items:start} .tk-trow__photo{display:none} .tk-trow__name{grid-column:1 / -1} .tk-trow__cell{display:flex;flex-direction:column;font-size:15px} .tk-trow__cell::before{content:attr(data-label);font-size:12px;color:var(--muted)} .tk-trow__gpx{justify-self:start;grid-column:1 / -1} .tk-trow__gpx:empty{display:none} .tk-trow__cell.is-empty{display:none} } /* ---------- Photos ---------- */ .tk-photo{background:var(--stone);overflow:hidden;position:relative} .tk-photo img{width:100%;height:100%;object-fit:cover} .tk-photo--empty{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(160deg,var(--stone),#C6D1CA);color:rgba(22,33,43,.22)} .tk-photo--empty svg{width:86%;margin-bottom:-2px} .tk-feature{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end} .tk-feature__photo{grid-column:span 8;height:460px} .tk-feature__text{grid-column:span 4;display:flex;flex-direction:column;gap:18px;padding-bottom:8px} @media (max-width:900px){.tk-feature{display:flex;flex-direction:column;align-items:stretch;gap:28px}.tk-feature__photo{height:300px}} /* ---------- Cards ---------- */ .tk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .tk-card{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);background:var(--paper);min-height:240px;position:relative} .tk-card.is-featured{border-color:var(--green)} .tk-cards--compact .tk-card{grid-template-columns:180px minmax(0,1fr);min-height:220px} .tk-card__photo{height:100%;min-height:160px} .tk-card__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px} .tk-kicker{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)} .tk-card__title{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2} .tk-card__title a{color:var(--ink);text-decoration:none} .tk-card__title a::after{content:"";position:absolute;inset:0} .tk-card__title a:hover{color:var(--green)} .tk-card__meta{font-size:15px;color:var(--muted)} .tk-card__meta a{position:relative;z-index:1;color:inherit} .tk-card__more{margin-top:auto;padding-top:8px;font-size:16px;font-weight:500;color:var(--green);text-decoration:none} .tk-card__lead{display:none;font-size:15px;line-height:1.6;color:var(--muted);max-width:620px} /* One-column list: wide cards, photo left, description shown. */ .tk-cards--rows{grid-template-columns:minmax(0,1fr)} .tk-cards--rows .tk-card{grid-template-columns:300px minmax(0,1fr);min-height:230px} .tk-cards--rows .tk-card__body{padding:26px 32px} .tk-cards--rows .tk-card__lead{display:block} @media (max-width:600px){.tk-cards--rows .tk-card{grid-template-columns:minmax(0,1fr)}} .tk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px} .tk-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line2);font-size:14px;color:var(--ink)} @media (max-width:1200px){.tk-cards{grid-template-columns:minmax(0,1fr)}} @media (max-width:600px){ .tk-card,.tk-cards--compact .tk-card{grid-template-columns:minmax(0,1fr)} .tk-card__photo{height:190px} .tk-card__body{padding:18px} } /* ---------- Maps ---------- */ .tk-map{background:var(--stone);min-height:240px;z-index:0} .tk-map .leaflet-popup-content{font:14px/1.5 var(--sans)} .tk-map .leaflet-popup-content strong{font-family:var(--serif);font-size:17px;font-weight:500} .tk-pin{display:block;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(34,39,42,.45)} .tk-mapsec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)} .tk-mapsec__side{grid-column:span 3;display:flex;flex-direction:column;gap:16px} .tk-mapsec__map{grid-column:span 9;height:520px} .tk-layers{border:0;margin:0;padding:8px 0 0;border-top:1px solid var(--ink);display:flex;flex-direction:column} .tk-check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;cursor:pointer} .tk-check input{width:18px;height:18px;accent-color:var(--green);margin:0;flex:none} .tk-dot{width:10px;height:10px;border-radius:50%;flex:none} .tk-map--list{height:640px} .tk-map--small{height:200px} .tk-map--tour{height:420px} .tk-map--wide{height:520px} @media (max-width:900px){.tk-mapsec{display:flex;flex-direction:column;gap:24px}.tk-mapsec__map{height:420px}.tk-layers{display:grid;grid-template-columns:1fr 1fr}.tk-map--list{height:480px}} .tk-bigmap{padding:24px var(--pad) 0;display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:24px;height:820px} .tk-bigmap__side{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--ink);padding-top:12px;overflow:auto} .tk-bigmap__side .tk-input{margin-bottom:6px} .tk-bigmap__side .tk-layers{border-top:0;padding:0} .tk-bigmap__panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px} .tk-bigmap__panel .tk-h4 a{color:var(--ink);text-decoration:none} .tk-bigmap__map{height:100%} @media (max-width:900px){.tk-bigmap{grid-template-columns:minmax(0,1fr);height:auto;row-gap:16px}.tk-bigmap__map{height:70vh;order:-1}} /* ---------- Events ---------- */ .tk-events{border-top:1px solid var(--ink)} .tk-event{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;column-gap:32px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line)} .tk-event__when{font-family:var(--serif);font-size:22px;color:var(--green)} .tk-event__body{display:flex;flex-direction:column;gap:6px} .tk-event__body h3{font-family:var(--serif);font-weight:400;font-size:24px} .tk-event__body h3 a{color:var(--ink);text-decoration:none} .tk-event__body h3 a:hover{color:var(--green)} .tk-event__body p{font-size:16px;color:var(--muted)} .tk-event__date{font-size:15px} @media (max-width:900px){.tk-event{grid-template-columns:minmax(0,1fr);row-gap:8px}} .tk-months{border-top:1px solid var(--ink)} .tk-month{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:40px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline} .tk-month__name{font-family:var(--serif);font-size:22px} .tk-month.is-empty .tk-month__name,.tk-month__none{color:var(--faint)} .tk-month__none{font-size:15px} .tk-month.is-now .tk-month__name{color:var(--green)} .tk-month__list{display:flex;flex-direction:column;gap:18px} .tk-month__title{font-family:var(--serif);font-size:24px;color:var(--ink);text-decoration:none} .tk-month__title:hover{color:var(--green)} .tk-month__list p{font-size:16px;color:var(--muted);margin-top:6px} @media (max-width:600px){.tk-month{grid-template-columns:110px minmax(0,1fr);column-gap:16px}.tk-month__name{font-size:19px}.tk-month__title{font-size:21px}} /* ---------- After / places / newsletter ---------- */ .tk-after{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)} .tk-after__main{grid-column:span 8;display:flex;flex-direction:column} .tk-after__main .tk-h2{margin-bottom:16px} .tk-after__main .tk-body{margin-bottom:36px} .tk-after__side{grid-column:10 / span 3;align-self:end} .tk-place{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid var(--line2)} .tk-place__title{font-family:var(--serif);font-size:21px;color:var(--ink);text-decoration:none} .tk-place__title:hover{color:var(--green)} .tk-place p{font-size:15px} .tk-place--photo{border-top:0;padding-top:0} .tk-place__photo{height:220px;margin-bottom:6px} .tk-news{display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--mist)} .tk-news p{font-size:15px;color:var(--muted)} .tk-news label{font-size:13px;color:var(--muted);margin-bottom:-8px} .tk-news .tk-note{font-size:13px} @media (max-width:900px){.tk-after{display:flex;flex-direction:column;gap:48px}} /* ---------- Trip line ---------- */ .tk-line{list-style:none;margin:0 0 32px;padding:0;position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px} .tk-line::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--ink)} .tk-line li{display:flex;flex-direction:column;gap:14px} .tk-line__dot{width:15px;height:15px;border-radius:50%;border:1px solid var(--ink);background:var(--bg);position:relative} .tk-line .is-start .tk-line__dot{background:var(--green);border-color:var(--green)} .tk-line__name{font-family:var(--serif);font-size:21px;color:var(--ink);text-decoration:none;line-height:1.25} a.tk-line__name:hover{color:var(--green)} .tk-line__meta{font-size:14px;color:var(--muted)} @media (max-width:900px){ .tk-line{grid-template-columns:minmax(0,1fr);row-gap:22px;padding-left:32px} .tk-line::before{left:7px;right:auto;top:8px;bottom:8px;width:1px;height:auto} .tk-line li{position:relative;gap:4px} .tk-line__dot{position:absolute;left:-32px;top:6px} } /* ---------- FAQ ---------- */ .tk-faqsec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)} .tk-faqsec .tk-h2{grid-column:span 4;margin:0} .tk-faq{grid-column:span 8;border-top:1px solid var(--ink)} .tk-faq details{border-bottom:1px solid var(--line)} .tk-faq summary{min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:var(--serif);font-size:21px;cursor:pointer;list-style:none;padding:12px 0} .tk-faq summary::-webkit-details-marker{display:none} .tk-faq summary::after{content:"+";font-family:var(--sans);font-size:22px;color:var(--muted)} .tk-faq details[open] summary::after{content:"−"} .tk-faq p{margin:0 0 24px;max-width:760px;font-size:16px;line-height:1.65;color:var(--muted)} @media (max-width:900px){.tk-faqsec{display:flex;flex-direction:column;gap:24px}.tk-faq summary{font-size:19px}} /* ---------- Listing (szállások) ---------- */ .tk-listing{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start} .tk-listing__filters{grid-column:span 3;border-top:1px solid var(--ink);position:sticky;top:16px} .tk-listing__filters fieldset{border:0;margin:0;padding:16px 0;border-bottom:1px solid var(--line);min-width:0} .tk-listing__filters legend{display:block;padding:0;margin:0 0 8px;font-size:13px;color:var(--muted)} .tk-listing__filters .tk-check{min-height:40px} .tk-listing__main{grid-column:4 / span 9;display:flex;flex-direction:column;gap:20px} .tk-listing__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} .tk-listing__tools{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);flex-wrap:wrap} .tk-count{font-size:15px} .tk-listing__notes{margin-top:28px} @media (max-width:1100px){.tk-listing{display:flex;flex-direction:column;gap:24px}.tk-listing__filters{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;width:100%}} @media (max-width:600px){.tk-listing__filters{grid-template-columns:minmax(0,1fr)}} .tk-box{padding:24px;background:var(--mist);display:flex;flex-direction:column;gap:10px} .tk-box p{font-size:15px;color:var(--muted)} .tk-box--line{background:transparent;border:1px solid var(--line)} .tk-callout{margin-top:48px;padding:24px 28px;border-left:2px solid var(--green);background:var(--mist);display:flex;flex-direction:column;gap:12px;max-width:820px} .tk-callout p{font-size:17px;line-height:1.6} /* ---------- Columns (head left, body right) ---------- */ .tk-cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding-top:56px} .tk-sec.tk-cols{padding-top:var(--sec)} .tk-cols.tk-cols--stack{display:block} .tk-cols--stack .tk-cols__head{margin-bottom:16px} .tk-cols__head{grid-column:span 3} .tk-cols__body{grid-column:4 / span 9;display:flex;flex-direction:column;gap:16px} .tk-cols__body.tk-grid3{display:grid} .tk-group{padding-top:64px} .tk-group:first-child{padding-top:16px} .tk-group__head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:24px;row-gap:6px;padding-top:16px;border-top:1px solid var(--ink);margin-bottom:24px} .tk-group__head p{font-size:15px;color:var(--muted)} .tk-group .tk-h2{margin:0} @media (max-width:900px){ .tk-cols{display:flex;flex-direction:column;gap:20px} .tk-cols{padding-top:40px} } /* ---------- Trips ---------- */ .tk-trips{border-top:1px solid var(--ink)} .tk-trip{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;column-gap:40px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start} .tk-trip__dist{display:flex;flex-direction:column;gap:4px} .tk-trip__km{font-family:var(--serif);font-size:34px;line-height:1} .tk-trip__body{display:flex;flex-direction:column;gap:10px} .tk-trip__title{font-family:var(--serif);font-size:26px;color:var(--ink);text-decoration:none} .tk-trip__title:hover{color:var(--green)} .tk-trip__body p{font-size:16px;color:var(--muted);max-width:620px} @media (max-width:1100px){.tk-trip{grid-template-columns:140px minmax(0,1fr);row-gap:20px}.tk-trip .tk-facts{grid-column:2}} @media (max-width:600px){.tk-trip{grid-template-columns:minmax(0,1fr)}.tk-trip .tk-facts{grid-column:auto}} /* ---------- With side column ---------- */ .tk-withside{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start} .tk-withside__main{grid-column:span 8} .tk-withside--right .tk-withside__main{grid-column:span 7} .tk-withside__side{grid-column:9 / span 4;display:flex;flex-direction:column;gap:24px} .tk-withside__side--left{grid-column:span 4;grid-row:1;padding-right:24px} .tk-withside__side--left + .tk-withside__main{grid-column:6 / span 7} .tk-stack{display:flex;flex-direction:column;gap:56px} .tk-stack--wide{gap:64px} @media (max-width:900px){ .tk-withside{display:flex;flex-direction:column;gap:48px} .tk-withside__side--left{padding-right:0} } .tk-contact{padding:28px;background:var(--paper);border:1px solid var(--line);gap:20px;position:sticky;top:16px} @media (max-width:900px){.tk-contact{position:static;padding:20px;order:-1}} .tk-near{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--line)} .tk-sosnote{padding:16px;background:var(--mist);font-size:15px;line-height:1.6} .tk-sosnote strong{font-weight:600} /* ---------- Gallery ---------- */ .tk-gallery{display:grid;gap:12px} .tk-gallery--1{grid-template-columns:1fr} .tk-gallery--1 .tk-gallery__item{height:520px} .tk-gallery--2{grid-template-columns:2fr 1fr} .tk-gallery--2 .tk-gallery__item{height:532px} .tk-gallery--3{grid-template-columns:2fr 1fr;grid-template-rows:260px 260px} .tk-gallery--3 .tk-gallery__item:first-child{grid-row:span 2} @media (max-width:900px){ .tk-gallery--2,.tk-gallery--3{grid-template-columns:1fr 1fr;grid-template-rows:auto} .tk-gallery .tk-gallery__item,.tk-gallery--1 .tk-gallery__item{height:220px} .tk-gallery .tk-gallery__item:first-child{grid-column:1 / -1;grid-row:auto;height:300px} } /* ---------- Rooms ---------- */ .tk-rooms{border-top:1px solid var(--ink)} .tk-rooms__row{display:grid;grid-template-columns:1.6fr 1.4fr 1fr;column-gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px} .tk-rooms__row--head{padding:10px 0;font-size:13px;color:var(--muted)} .tk-rooms__note{margin-top:16px;font-size:15px} /* ---------- Strip (latnivaló) ---------- */ .tk-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)} .tk-strip > div{display:flex;flex-direction:column;gap:6px;padding:20px 24px 20px 0} .tk-strip span{font-size:13px;color:var(--muted)} .tk-strip strong{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.35} .tk-strip strong.is-long{font-family:var(--sans);font-weight:400;font-size:15px;line-height:1.55} @media (max-width:900px){.tk-strip{grid-template-columns:1fr 1fr}.tk-strip > div{padding:14px 12px 14px 0}} .tk-page__photo{height:440px;margin-bottom:48px} .tk-withside .tk-page__photo{margin-bottom:0} @media (max-width:600px){.tk-page__photo{height:260px}} /* ---------- Tour ---------- */ .tk-profile{width:100%;font:12px var(--sans);fill:var(--ink)} .tk-profile__muted{fill:var(--muted)} .tk-alts{border-top:1px solid var(--ink)} .tk-alt{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:24px;padding:20px 0;border-bottom:1px solid var(--line)} .tk-alt__head{display:flex;flex-direction:column;gap:8px} .tk-alt__head a{font-family:var(--serif);font-size:20px;color:var(--ink);text-decoration:none} .tk-alt__head a:hover{color:var(--green)} .tk-alt__head .tk-marker{font-size:14px;color:var(--muted)} .tk-alt p{font-size:16px;line-height:1.65;color:var(--muted)} @media (max-width:600px){.tk-alt{grid-template-columns:minmax(0,1fr);row-gap:8px}} /* ---------- Timeline (útiterv) ---------- */ .tk-day{padding-top:72px} .tk-timeline{list-style:none;margin:0;padding:0;position:relative} .tk-timeline::before{content:"";position:absolute;left:167px;top:12px;bottom:36px;width:1px;background:var(--line2)} .tk-timeline li{display:grid;grid-template-columns:140px 24px minmax(0,1fr);column-gap:16px;padding-bottom:36px} .tk-timeline__time{font-size:15px;color:var(--muted);padding-top:4px} .tk-timeline__dot{width:11px;height:11px;margin-top:8px;border-radius:50%;border:1.5px solid var(--ink);background:var(--bg);justify-self:center;position:relative;z-index:1} .tk-timeline__body{display:flex;flex-direction:column;gap:6px} .tk-timeline__body .tk-h4{font-size:22px} .tk-timeline__body p{font-size:16px;line-height:1.65;color:var(--muted);max-width:560px} .tk-timeline__body .tk-link{align-self:flex-start} @media (max-width:600px){ .tk-timeline::before{left:5px} .tk-timeline li{grid-template-columns:12px minmax(0,1fr);column-gap:16px;row-gap:2px} .tk-timeline__time{grid-column:2;padding:0} .tk-timeline__dot{grid-row:1;grid-column:1;margin-top:6px} .tk-timeline__body{grid-column:2} } /* ---------- Közérdekű ---------- */ .tk-sos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:16px;padding:24px 28px;background:var(--ink);color:var(--bg)} .tk-sos > div{display:flex;flex-direction:column;gap:4px} .tk-sos span{font-size:13px;color:var(--line2)} .tk-sos a,.tk-sos strong{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.2;color:var(--bg);text-decoration:none} .tk-sos a[href="tel:112"]{font-size:30px} .tk-sos strong{font-size:22px} @media (max-width:900px){.tk-sos{grid-template-columns:minmax(0,1fr)}} .tk-dir{border-top:1px solid var(--ink);gap:0!important} .tk-dir__row{display:grid;grid-template-columns:1.6fr 1.6fr 1.4fr 1fr;column-gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;align-items:baseline} .tk-dir__row--head{padding:10px 0;font-size:13px;color:var(--muted)} .tk-dir__row--head span:last-child,.tk-dir__tel{justify-self:end} .tk-dir__tel a{font-weight:500} .tk-dir__name{font-family:var(--serif);font-size:20px} .tk-dir__name a{color:var(--ink);text-decoration:none} .tk-dir__foot{margin-top:40px} @media (max-width:900px){ .tk-dir__row--head{display:none} .tk-dir__row{grid-template-columns:minmax(0,1fr);row-gap:4px} .tk-dir__tel{justify-self:start} .tk-dir__row span[data-label]:empty{display:none} } /* ---------- Szállásadóknak ---------- */ .tk-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:24px;max-width:calc(1040px + 2 * var(--pad))} .tk-plan{border:1px solid var(--line);background:var(--paper);padding:32px;display:flex;flex-direction:column;gap:16px} .tk-plan.is-featured{border:1.5px solid var(--green)} .tk-plan .tk-h3{font-size:26px} .tk-plan__price{font-family:var(--serif);font-size:34px} .tk-plan ul{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid var(--line3)} .tk-plan li{padding:10px 0;border-bottom:1px solid var(--line3);font-size:15px} .tk-plan .tk-btn{margin-top:auto} @media (max-width:900px){.tk-plans{grid-template-columns:minmax(0,1fr)}} .tk-report{padding:28px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:16px} .tk-report__row{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:16px;align-items:center;font-size:14px} .tk-report__bar{height:10px;background:var(--line3);position:relative} .tk-report__bar span{position:absolute;left:0;top:0;bottom:0;background:var(--green)} @media (max-width:600px){.tk-report__row{grid-template-columns:130px minmax(0,1fr)}} .tk-qa{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px} .tk-qa > div{display:flex;flex-direction:column;gap:8px} .tk-qa p{font-size:15px;color:var(--muted)} @media (max-width:900px){.tk-qa{grid-template-columns:minmax(0,1fr)}} /* ---------- Prose ---------- */ .tk-prose{font-size:17px;line-height:1.65;color:var(--muted);max-width:680px} .tk-prose > * + *{margin-top:16px} .tk-prose h2{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.25;color:var(--ink);margin-top:56px;margin-bottom:-4px} .tk-prose > h2:first-child{margin-top:0} .tk-prose h3{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.3;color:var(--ink);margin-top:32px} .tk-prose strong{color:var(--ink);font-weight:600} .tk-prose ul,.tk-prose ol{padding-left:22px} .tk-prose li + li{margin-top:6px} .tk-prose img{margin:8px 0} .tk-prose blockquote,.tk-prose figure.wp-block-pullquote,.tk-prose .wp-block-quote{margin:32px 0;padding:0 0 0 24px;border-left:2px solid var(--green);font-family:var(--serif);font-size:26px;line-height:1.4;color:var(--ink)} .tk-prose blockquote cite,.tk-prose figcaption{display:block;margin-top:10px;font-family:var(--sans);font-size:14px;font-style:normal;color:var(--muted)} .tk-prose svg{margin:8px 0 16px} .tk-prose table{border-collapse:collapse;width:100%;font-size:15px} .tk-prose td,.tk-prose th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left} /* Numbered steps: an ordered list whose items begin with an H3. */ .tk-prose ol:has(> li > h3){list-style:none;padding:0;border-top:1px solid var(--ink);counter-reset:tk-step;max-width:none} .tk-prose ol:has(> li > h3) > li{counter-increment:tk-step;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:8px;row-gap:8px;padding:24px 0;border-bottom:1px solid var(--line);margin:0} .tk-prose ol:has(> li > h3) > li::before{content:counter(tk-step);grid-row:span 3;font-family:var(--serif);font-size:28px;line-height:1.1;color:var(--green)} .tk-prose ol:has(> li > h3) > li > h3{margin:0;grid-column:2} .tk-prose ol:has(> li > h3) > li > p{grid-column:2;font-size:16px} .tk-prose--tour{max-width:none} .tk-prose--tour > p,.tk-prose--tour > ul{max-width:680px} /* Kirándulások: "Két bevált kombináció", each combination a
with H3 + paragraphs. */ .tk-prose--combos{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:32px} .tk-prose--combos > h2{grid-column:1 / -1;margin:0} .tk-prose--combos > * + *{margin-top:0} .tk-prose--combos > div{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--ink)} .tk-prose--combos > div h3{margin:0} .tk-prose--combos > div p:last-child:not(:first-of-type){font-size:14px} @media (max-width:900px){.tk-prose--combos{grid-template-columns:minmax(0,1fr)}} .tk-children{margin-top:48px} /* ---------- Article ---------- */ .tk-article{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;padding-top:72px} .tk-toc{grid-column:span 2;display:flex;flex-direction:column;gap:12px;font-size:14px;position:sticky;top:16px} .tk-article__body{grid-column:4 / span 7} .tk-article__lead{font-family:var(--serif);font-size:20px;line-height:1.7;color:var(--ink);margin-bottom:24px;max-width:680px} .tk-prose--article{font-family:var(--serif);font-size:20px;line-height:1.7;color:var(--ink)} .tk-prose--article > * + *{margin-top:24px} .tk-prose--article h2{margin-top:48px;margin-bottom:-8px;scroll-margin-top:24px} .tk-article__photo{height:520px} .tk-figure{margin:0} .tk-prose figure.tk-fig{margin:32px 0} .tk-prose figure.tk-fig img{display:block;width:100%;height:auto;margin:0;background:var(--stone)} .tk-prose figure.tk-fig--portrait img{max-width:440px;margin:0 auto} .tk-prose figure.tk-fig--small img{max-width:360px;margin:0 auto} .tk-prose figure.tk-fig figcaption{text-align:center} .tk-figure figcaption{margin-top:10px} .tk-sources{margin-top:40px;padding-top:24px;border-top:1px solid var(--line2);display:flex;flex-direction:column;gap:8px} .tk-sources ol{margin:0;padding-left:20px;font-size:14px;line-height:1.7;color:var(--muted)} @media (max-width:900px){.tk-article{display:flex;flex-direction:column;gap:32px;padding-top:40px}.tk-toc{position:static;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tk-article__photo{height:280px}.tk-prose--article{font-size:18px}} /* ---------- Misc WP ---------- */ .alignwide,.alignfull{max-width:none} .wp-block-image figcaption{font-size:14px;color:var(--muted)} .nav-links{display:flex;gap:16px;margin-top:40px} .page-numbers.current{font-weight:600} @media print{.tk-header,.tk-footer,.tk-map,.tk-filters,.tk-news{display:none}} /* ---------- Weather page ---------- */ .tk-forecast{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px} .tk-fday{background:var(--bg);border:1px solid var(--line3);padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center} .tk-fday__name{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase} .tk-fday__temp{font-family:var(--serif);font-size:22px} .tk-fday__temp small{font-family:var(--sans);font-size:14px;color:var(--muted)} .tk-fday__text,.tk-fday__rain{font-size:13px;color:var(--muted)} .tk-now{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:28px} .tk-now__temp{font-family:var(--serif);font-size:56px;line-height:1} @media (max-width:900px){.tk-forecast{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Photo credit (CC BY-SA etc.), small, top right of the image */ .tk-credit{position:absolute;right:8px;top:8px;z-index:2;max-width:70%;padding:2px 6px;background:rgba(10,18,24,.5);color:rgba(255,255,255,.85);font-size:10px;line-height:1.4;text-align:right} /* ---------- Gallery buttons + lightbox ---------- */ .tk-gallery__open{display:block;padding:0;border:0;background:none;cursor:zoom-in;position:relative;width:100%;font:inherit} .tk-gallery__open .tk-photo{height:100%} .tk-gallery__open:focus-visible{outline:2px solid var(--green);outline-offset:3px} .tk-gallery__more{position:absolute;right:14px;bottom:14px;z-index:2;padding:8px 14px;background:rgba(240,241,237,.94);color:var(--ink);font-size:14px;font-weight:600;letter-spacing:.02em;border:1px solid var(--line2)} .tk-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(10,18,24,.95);display:flex;align-items:center;justify-content:center;padding:56px 72px 72px} .tk-lightbox[hidden]{display:none} .tk-lightbox__img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.4);user-select:none} .tk-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center} .tk-lightbox button:hover{background:rgba(255,255,255,.25)} .tk-lightbox__close{top:14px;right:14px} .tk-lightbox__prev{left:14px;top:50%;transform:translateY(-50%)} .tk-lightbox__next{right:14px;top:50%;transform:translateY(-50%)} .tk-lightbox__bar{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:18px;color:rgba(255,255,255,.85);font-size:13px;padding:0 16px;text-align:center} @media (max-width:600px){.tk-lightbox{padding:56px 8px 64px}.tk-lightbox__prev,.tk-lightbox__next{top:auto;bottom:8px;transform:none;width:44px;height:44px}.tk-lightbox__bar{bottom:64px}} /* ---------- Skin: rounded photos and cards, pill buttons ---------- */ .tk-photo{border-radius:14px} .tk-card .tk-photo,.tk-gallery__open .tk-photo,.tk-trow__photo{border-radius:0} .tk-trow__photo{border-radius:8px} .tk-card{border:0;border-radius:var(--radius);overflow:hidden;background:var(--paper)} .tk-card.is-featured{box-shadow:inset 0 0 0 2px var(--green)} .tk-card__title{font-weight:500} .tk-kicker{font-weight:800;color:var(--copper)} .tk-card__more{font-weight:700;color:var(--copper)} .tk-btn{border-radius:999px;background:var(--copper);border-color:var(--copper);font-weight:700} .tk-btn:hover{background:var(--copper-d);border-color:var(--copper-d)} .tk-btn--line{background:transparent;color:var(--copper)} .tk-btn--line:hover{background:var(--rose);color:var(--copper-d)} .tk-input,.tk-select{border-radius:10px} .tk-chip{border-radius:999px;font-weight:600} .tk-pill{font-weight:600} .tk-box,.tk-news,.tk-callout,.tk-sosnote,.tk-plan,.tk-report,.tk-contact{border-radius:var(--radius)} .tk-callout{border-left:0;background:var(--sky)} .tk-sos{border-radius:var(--radius)} .tk-gallery__item,.tk-gallery__open{border-radius:14px;overflow:hidden} .tk-map{border-radius:14px} .tk-tile{border-top-width:2px} .tk-event__when,.tk-month.is-now .tk-month__name{color:var(--copper)} .tk-strip{border-top-width:2px;border-bottom-width:2px} /* Front page: no photo credits on the images; they stay on the detail pages (footer note links them). */ .home .tk-main .tk-credit{display:none} /* ---------- Listing pages: colour carried below the head ---------- */ .tk-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px} .tk-jumps a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.42);color:var(--head-fg);font-size:14px;font-weight:700;text-decoration:none} .tk-jumps a:hover{background:#fff;border-color:#fff;color:var(--ink)} .tk-jumps b{font-weight:800;color:var(--head-accent)} .tk-jumps a:hover b{color:var(--copper)} .tk-s--etkezes .tk-jumps a{background:rgba(255,255,255,.35);border-color:rgba(11,34,54,.25)} .tk-group{--gc:var(--copper);padding-top:72px;scroll-margin-top:96px} .tk-group:nth-of-type(5n+2){--gc:var(--green)} .tk-group:nth-of-type(5n+3){--gc:var(--danube)} .tk-group:nth-of-type(5n+4){--gc:var(--plum)} .tk-group:nth-of-type(5n+5){--gc:#B8860B} .tk-group:first-child{padding-top:24px} .tk-group__head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:18px;row-gap:8px;padding-top:18px;border-top:4px solid var(--gc);margin-bottom:28px} .tk-group .tk-h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;color:var(--ink)} .tk-group__head p{font-size:16px;color:var(--muted)} .tk-group__count{order:-1;flex-basis:100%;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gc)} .tk-group .tk-kicker{color:var(--gc)} .tk-group .tk-card.is-featured{box-shadow:inset 0 0 0 2px var(--gc)} .tk-group .tk-sg__time{color:var(--gc)} .tk-group .tk-useful{margin-top:4px} /* coloured panels (callouts, side boxes) */ .tk-panel{background:var(--c);color:var(--t);border-radius:var(--radius);padding:28px 30px;display:flex;flex-direction:column;gap:12px;margin-top:48px;max-width:900px} .tk-panel p,.tk-panel .tk-body{color:inherit;opacity:.92;font-size:16.5px;max-width:none} .tk-panel .tk-h4{font-size:26px} .tk-panel a:not(.tk-btn){color:inherit;font-weight:700} .tk-panel .tk-linkrow a{text-decoration:underline} .tk-withside__side .tk-panel,.tk-listing__notes .tk-panel,.tk-cols__body.tk-panel{margin-top:0} .tk-btn--ink{background:var(--ink);border-color:var(--ink);color:#fff} .tk-btn--ink:hover{background:#000;border-color:#000;color:#fff} /* tours: difficulty tiles, table on white */ .tk-levels{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .tk-levels > div{background:var(--c);color:var(--t);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:8px} .tk-levels .tk-h4{font-size:26px} .tk-levels p{color:inherit!important;opacity:.92} @media (max-width:760px){.tk-levels{grid-template-columns:minmax(0,1fr)}} .tk-table{background:var(--paper);border-radius:var(--radius);padding:8px 24px 4px} .tk-trow--head{border-bottom:3px solid var(--green);padding-top:14px} .tk-trow:last-child{border-bottom:0} .tk-trow__name a{font-weight:500} /* events by month */ .tk-months{border-top:4px solid var(--ink)} .tk-month__name{font-weight:500} .tk-month:not(.is-empty) .tk-month__name{color:var(--copper)} .tk-month.is-now{background:var(--gold);border-radius:var(--radius);padding:22px 20px;margin:8px -20px;border-bottom:0} .tk-month.is-now .tk-month__name,.tk-month.is-now .tk-month__title,.tk-month.is-now p{color:var(--ink)} .tk-month.is-now .tk-month__name::after{content:"most";display:block;font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-top:6px} .tk-month__title{font-weight:500} .tk-month__title:hover{color:var(--copper)} /* day trips */ .tk-trips{border-top:0;display:flex;flex-direction:column;gap:14px} .tk-trip{background:var(--paper);border-radius:var(--radius);border-bottom:0;padding:0;overflow:hidden;grid-template-columns:180px minmax(0,1fr) 280px;column-gap:32px;align-items:stretch} .tk-trip__dist{background:var(--plum);color:#fff;padding:24px 22px;justify-content:center} .tk-trip:nth-child(3n+2) .tk-trip__dist{background:var(--danube)} .tk-trip:nth-child(3n+3) .tk-trip__dist{background:var(--green)} .tk-trip__km{font-size:56px;font-weight:500;color:var(--gold);line-height:.95} .tk-trip__km small{font-family:var(--sans);font-size:15px;font-weight:700;color:#fff} .tk-trip__dist .tk-note{color:rgba(255,255,255,.85)} .tk-trip__body{padding:24px 0} .tk-trip .tk-facts{padding:16px 24px 16px 0;border-top:0;align-self:center} .tk-trip__title{font-weight:500} .tk-trip__title:hover{color:var(--copper)} @media (max-width:1100px){.tk-trip{grid-template-columns:150px minmax(0,1fr)}.tk-trip .tk-facts{grid-column:2;padding-top:0}} @media (max-width:600px){.tk-trip{grid-template-columns:minmax(0,1fr)}.tk-trip .tk-facts{grid-column:auto;padding:0 20px 20px}.tk-trip__body{padding:20px 20px 8px}.tk-trip__dist{flex-direction:row;align-items:baseline;gap:14px;padding:18px 20px}} .tk-prose--combos > div{border-top:4px solid var(--plum);background:var(--paper);border-radius:0 0 var(--radius) var(--radius);padding:22px 24px} /* practical info */ .tk-sos{background:var(--red);color:#fff;padding:28px 32px} .tk-sos span{color:rgba(255,255,255,.85);font-weight:700} .tk-sos a,.tk-sos strong{color:#fff;font-weight:500} .tk-sos a[href="tel:112"]{font-size:56px;line-height:1} .tk-dir{background:var(--paper);border-radius:var(--radius);border-top:0;padding:4px 24px} .tk-dir__row:last-child{border-bottom:0} .tk-dir__row--head{border-bottom:3px solid var(--gc)!important} .tk-dir__name{font-weight:500} /* accommodation filters on a white panel */ .tk-listing__filters{background:var(--paper);border-top:0;border-radius:var(--radius);padding:4px 20px 8px;top:96px} .tk-listing__filters legend{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)} .tk-listing__filters fieldset:last-child{border-bottom:0} .tk-check input{accent-color:var(--copper)} .tk-count{font:500 26px var(--serif)} .tk-toggle{border-radius:999px;border:2px solid var(--ink)} .tk-toggle button{font-weight:700} .tk-pill{border-width:1.5px} .tk-pill[aria-pressed="true"]{background:var(--copper);border-color:var(--copper);color:#fff} .tk-filter__label{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)} /* placeholders take the colour of their group until real photos arrive */ .tk-photo--empty{background:var(--ph,var(--stone));color:rgba(255,255,255,.28)} .tk-group .tk-photo--empty{--ph:var(--gc)} .tk-cards > :nth-child(4n+1) .tk-photo--empty{--ph:var(--danube)} .tk-cards > :nth-child(4n+2) .tk-photo--empty{--ph:var(--copper)} .tk-cards > :nth-child(4n+3) .tk-photo--empty{--ph:var(--green)} .tk-cards > :nth-child(4n+4) .tk-photo--empty{--ph:var(--plum)} .tk-group .tk-cards > * .tk-photo--empty{--ph:var(--gc)} .tk-trow:nth-child(3n+1) .tk-photo--empty{--ph:var(--green)} .tk-trow:nth-child(3n+2) .tk-photo--empty{--ph:var(--danube)} .tk-trow:nth-child(3n+3) .tk-photo--empty{--ph:var(--copper)} .tk-level{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:800;color:#fff;background:var(--green)} .tk-level--kozepes{background:var(--gold);color:var(--ink)} .tk-level--nehez{background:var(--copper)} .tk-trip__car{margin-top:4px} /* events inside a month: white cards */ .tk-month__list > div{background:var(--paper);border-radius:12px;padding:16px 20px} .tk-month.is-now .tk-month__list > div{background:rgba(255,255,255,.7)} .tk-month.is-empty{padding:12px 0} /* ---------- Programok: from today, month by month ---------- */ .tk-evmonth{padding-top:40px;scroll-margin-top:96px} .tk-evmonth:first-child{padding-top:8px} .tk-evmonth__name{display:flex;align-items:center;gap:12px;font:500 clamp(30px,3.4vw,42px)/1.1 var(--serif);padding-top:16px;border-top:4px solid var(--copper);margin-bottom:18px} .tk-evmonth:nth-child(3n+2) .tk-evmonth__name{border-color:var(--green)} .tk-evmonth:nth-child(3n+3) .tk-evmonth__name{border-color:var(--danube)} .tk-evmonth__name span{font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:6px 9px;border-radius:6px} .tk-evlist{display:flex;flex-direction:column;gap:10px} .tk-evrow2{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:start;background:var(--paper);border-radius:14px;padding:16px 20px 16px 16px;color:var(--ink);text-decoration:none;transition:transform .2s} .tk-evrow2:hover{color:var(--ink);transform:translateX(4px)} .tk-evrow2:hover .tk-evrow2__title{color:var(--copper)} .tk-evrow2__date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;border-radius:12px;background:var(--gold);color:var(--ink)} .tk-evrow2__date b{font:500 38px/1 var(--serif)} .tk-evrow2__date span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .tk-evrow2__date.is-month{background:var(--sky);text-align:center;padding:8px} .tk-evrow2__body{display:flex;flex-direction:column;gap:4px;min-width:0} .tk-evrow2__where{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)} .tk-evrow2__title{font:500 23px/1.2 var(--serif)} .tk-evrow2__text{font-size:15px;color:var(--muted)} @media (max-width:600px){.tk-evrow2{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:14px}.tk-evrow2__date{min-height:64px}.tk-evrow2__date b{font-size:30px}} .tk-evside{position:sticky;top:96px} .tk-evside .tk-panel{margin-top:0} @media (max-width:900px){.tk-evside{position:static}} .tk-archive{margin-top:56px;border-top:1px solid var(--line2);padding-top:16px} .tk-archive summary{cursor:pointer;font-weight:700;color:var(--muted)} .tk-archive ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px} .tk-archive li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;font-size:15px} .tk-archive li span{color:var(--faint);font-variant-numeric:tabular-nums} .tk-archive a{color:var(--muted)} .tk-ended{margin-top:0} /* Navbar: full-width white band drawn by a pseudo-element, so the mobile menu dropping below it is not clipped. */ .tk-navbar{isolation:isolate} .tk-navbar::before{content:"";position:absolute;top:0;bottom:-1px;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--paper);border-bottom:1px solid var(--line);z-index:-1} @media (max-width:1020px){.tk-nav{z-index:60;box-shadow:0 18px 30px rgba(11,34,54,.15)}.tk-nav{background:var(--paper)}} /* ---------- Single sight: premium layout ---------- */ .tk-shead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:40px;padding-bottom:48px} .tk-shead__text{display:flex;flex-direction:column;gap:14px;min-width:0} .tk-shead__kicker{font:italic 500 21px/1.3 var(--serif);color:var(--head-accent)} .tk-shead .tk-h1{font-size:clamp(38px,4.6vw,62px);line-height:1.06} .tk-shead__lead{font-size:18px;line-height:1.6;color:var(--head-soft);max-width:56ch} .tk-shead__chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px} .tk-shead__chips li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.4);font-size:14px;font-weight:700} .tk-s--etkezes .tk-shead__chips li{background:rgba(255,255,255,.4);border-color:rgba(11,34,54,.2)} .tk-shead__photo{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 50px rgba(0,0,0,.28)} .tk-shead__photo img{width:100%;height:100%;object-fit:cover} .tk-shead__photo .tk-credit{top:auto;bottom:10px;right:10px} @media (max-width:900px){.tk-shead{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px}.tk-shead__photo{order:-1;margin-top:4px}} /* fact tiles */ .tk-ftiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .tk-ftiles--3{grid-template-columns:repeat(3,minmax(0,1fr))} .tk-ftiles--2{grid-template-columns:repeat(2,minmax(0,1fr))} .tk-ftile{border-radius:var(--radius);padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px;background:var(--paper);min-width:0} .tk-ftile--open{box-shadow:inset 0 5px 0 var(--green)} .tk-ftile--ticket{background:var(--gold)} .tk-ftile--time{background:var(--sky)} .tk-ftile--where{background:var(--rose)} .tk-ftile__label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)} .tk-ftile--ticket .tk-ftile__label{color:var(--ink)} .tk-ftile__main{font:500 21px/1.3 var(--serif)} .tk-ftile ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:14.5px;line-height:1.45} .tk-ftile li{padding-top:5px;border-top:1px solid rgba(11,34,54,.12)} @media (max-width:1000px){.tk-ftiles,.tk-ftiles--3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.tk-ftiles,.tk-ftiles--3,.tk-ftiles--2{grid-template-columns:minmax(0,1fr)}} /* highlights */ .tk-hilites{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;counter-reset:hl} .tk-hilites li{counter-increment:hl;background:var(--paper);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px} .tk-hilites li::before{content:counter(hl);font:500 54px/.9 var(--serif);color:var(--copper)} .tk-hilites li:nth-child(3n+2)::before{color:var(--green)} .tk-hilites li:nth-child(3n+3)::before{color:var(--danube)} .tk-hilites h3{font:500 22px/1.2 var(--serif)} .tk-hilites p{font-size:15px;color:var(--muted)} /* body text + side panel */ .tk-prose--sight{font-size:18px;line-height:1.7;color:#2B3A48} .tk-prose--sight h2{font-size:30px;line-height:1.2;margin-top:52px;padding-top:14px;border-top:3px solid var(--copper);max-width:max-content} .tk-prose--sight > h2:first-child{margin-top:0} .tk-prose--sight > p:first-of-type::first-letter{font:500 3.4em/0.85 var(--serif);float:left;margin:6px 10px 0 0;color:var(--copper)} .tk-spanel{background:var(--paper);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px;position:sticky;top:96px} .tk-spanel .tk-btn{align-self:stretch} .tk-spanel .tk-map--small{height:220px} .tk-spanel .tk-facts{border-top:0} @media (max-width:900px){.tk-spanel{position:static}} .tk-sgallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .tk-sgallery__item{aspect-ratio:4/3} @media (max-width:600px){.tk-sgallery{grid-template-columns:repeat(2,minmax(0,1fr))}} .tk-spanel .tk-facts > div{grid-template-columns:minmax(0,1fr);row-gap:2px;padding:12px 0} .tk-spanel .tk-facts dt{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)} .tk-spanel .tk-facts dd{font-size:15px} /* sight photo mosaic: one big + up to four */ .tk-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:10px} .tk-mosaic__item{border-radius:14px;overflow:hidden} .tk-mosaic__item .tk-photo{height:100%;border-radius:0} .tk-mosaic__item img{transition:transform .5s} .tk-mosaic__item:hover img{transform:scale(1.04)} .tk-mosaic__item:first-child{grid-column:span 2;grid-row:span 2} .tk-mosaic--1{grid-template-columns:1fr;grid-auto-rows:420px}.tk-mosaic--1 .tk-mosaic__item:first-child{grid-column:auto;grid-row:auto} .tk-mosaic--2 .tk-mosaic__item:nth-child(2){grid-column:span 2;grid-row:span 2} .tk-mosaic--3 .tk-mosaic__item:nth-child(n+2){grid-column:span 2} .tk-mosaic--4 .tk-mosaic__item:nth-child(4){grid-column:span 2} .tk-mosaic .tk-gallery__more{border-radius:999px;border:0;background:#fff} @media (max-width:700px){.tk-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.tk-mosaic__item:first-child{grid-column:1 / -1;grid-row:span 2}.tk-mosaic--2 .tk-mosaic__item:nth-child(2),.tk-mosaic--3 .tk-mosaic__item:nth-child(n+2),.tk-mosaic--4 .tk-mosaic__item:nth-child(4){grid-column:auto;grid-row:auto}} .tk-mosaic .tk-credit{display:none} /* shown in the lightbox caption instead */ /* ---------- Guides ---------- */ .tk-s--utmutatok{--head-bg:var(--green)} .tk-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .tk-guide{display:flex;flex-direction:column;background:var(--paper);border-radius:var(--radius);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .2s} .tk-guide:hover{color:var(--ink);transform:translateY(-4px)} .tk-guide:hover .tk-guide__title{color:var(--copper)} .tk-guide__ph{aspect-ratio:3/2;border-radius:0} .tk-guide__body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px} .tk-guide__kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green)} .tk-guide__title{font:500 25px/1.18 var(--serif);text-wrap:balance} .tk-guide__lead{font-size:15px;color:var(--muted)} .tk-guide.is-big{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:var(--green);color:#fff} .tk-guide.is-big:hover{color:#fff} .tk-guide.is-big .tk-guide__ph{aspect-ratio:16/10;height:100%} .tk-guide.is-big .tk-guide__body{justify-content:center;padding:36px} .tk-guide.is-big .tk-guide__kicker{color:var(--gold)} .tk-guide.is-big .tk-guide__title{font-size:clamp(30px,3.2vw,42px)} .tk-guide.is-big:hover .tk-guide__title{color:var(--gold)} .tk-guide.is-big .tk-guide__lead{color:rgba(255,255,255,.88);font-size:17px} @media (max-width:1000px){.tk-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-guide.is-big{grid-template-columns:minmax(0,1fr)}} @media (max-width:600px){.tk-guides{grid-template-columns:minmax(0,1fr)}} /* article body */ .tk-article{grid-template-columns:repeat(12,minmax(0,1fr))} .tk-toc{grid-column:span 3;gap:4px;top:96px;background:var(--paper);border-radius:var(--radius);padding:18px} .tk-toc__label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-bottom:6px} .tk-toc a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;padding:7px 0;border-top:1px solid var(--line3);color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.35} .tk-toc a b{font:500 16px var(--serif);color:var(--copper)} .tk-toc a:hover{color:var(--copper)} .tk-article__body{grid-column:5 / span 8} .tk-prose--article{font-family:var(--sans);font-size:18px;line-height:1.72;color:#2B3A48;max-width:760px} .tk-prose--article h2{font-family:var(--serif);font-size:32px;line-height:1.2;margin-top:56px;padding-top:14px;border-top:3px solid var(--green);max-width:max-content} .tk-prose--article h3{font-size:24px} .tk-prose--article > p:first-child{font-size:21px;line-height:1.6;color:var(--ink)} .tk-gfig{margin:28px 0;max-width:none} .tk-gfig img{width:100%;height:auto;border-radius:14px;display:block} .tk-gfig figcaption{margin-top:8px;font-size:13px;color:var(--faint)} .tk-gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:24px 0} .tk-gcard{display:flex;flex-direction:column;background:var(--paper);border-radius:14px;overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:0 1px 0 var(--line)} .tk-gcard:hover{color:var(--ink)} .tk-gcard:hover .tk-gcard__title{color:var(--copper)} .tk-gcard__ph{aspect-ratio:3/2;border-radius:0} .tk-gcard__body{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px} .tk-gcard__kicker{font:italic 500 14px var(--serif);color:var(--green)} .tk-gcard__title{font:500 19px/1.2 var(--serif)} .tk-gcard__meta{font-size:13px;color:var(--muted)} .tk-prose--article .tk-gcards a,.tk-prose--article .tk-gcard{text-decoration:none} .tk-article__check{margin-top:40px} @media (max-width:900px){.tk-article__body{grid-column:auto}} .tk-s--parkany{--head-bg:#1D5C8C} .tk-group--bridge{--gc:#1D5C8C} /* child pages of a hub page (Párkány → Éttermek, Szállások, Látnivalók) */ .tk-subpages{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:48px} .tk-subpage{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--c,var(--danube));color:#fff;text-decoration:none;transition:transform .2s} .tk-subpage:nth-child(3n+1){--c:var(--copper)}.tk-subpage:nth-child(3n+2){--c:#1D5C8C}.tk-subpage:nth-child(3n+3){--c:var(--green)} .tk-subpage:hover{color:#fff;transform:translateY(-4px)} .tk-subpage__ph{aspect-ratio:16/10;border-radius:0;--ph:rgba(0,0,0,.12)} .tk-subpage__body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 22px} .tk-subpage b{font:500 24px/1.15 var(--serif)} .tk-subpage__body span{font-size:15px;opacity:.9} /* tables in guides (e.g. bath comparison) */ .tk-prose--article table{display:block;overflow-x:auto;border-collapse:collapse;font-size:15px;line-height:1.45;background:var(--paper);border-radius:var(--radius);margin:24px 0} .tk-prose--article thead th{background:var(--green);color:#fff;font-weight:700;text-align:left;padding:12px 14px;white-space:nowrap} .tk-prose--article td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;min-width:140px} .tk-prose--article tbody tr:last-child td{border-bottom:0} .tk-prose--article td:first-child{font-weight:700} @media (max-width:1400px){.tk-nav__list{gap:16px;font-size:14.5px}.tk-nav__list a{white-space:nowrap}} @media (max-width:1180px) and (min-width:1021px){.tk-navbar{gap:16px}.tk-nav__list{gap:12px;font-size:14px}.tk-logo b{font-size:26px}} /* credits stay on detail pages and in the lightbox; cards stay clean */ .tk-guide .tk-credit,.tk-gcard .tk-credit,.tk-sg__item .tk-credit,.tk-tile2 .tk-credit,.tk-stay .tk-credit,.tk-subpage .tk-credit,.tk-top10 .tk-credit,.tk-feat .tk-credit{display:none} @media (min-width:1001px){.tk-guides:not(.tk-guides--3) .tk-guide:last-child:nth-child(3n+3){grid-column:span 2}.tk-guides:not(.tk-guides--3) .tk-guide:last-child:nth-child(3n+3) .tk-guide__ph{aspect-ratio:21/9}} .tk-jumps a[href="#parkany"]{background:#1D5C8C;border-color:#1D5C8C;color:#fff} .tk-jumps a[href="#parkany"] b{color:var(--gold)} /* ---------- Stay / place data sheet ---------- */ .tk-shead--stay{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:end} .tk-partner{align-self:flex-start;background:var(--gold);color:var(--ink);font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:6px} @media (max-width:900px){.tk-shead--stay{grid-template-columns:minmax(0,1fr)}} .tk-mosaic__empty{position:relative;grid-column:1 / -1!important;grid-row:auto!important;height:260px} .tk-mosaic__empty .tk-photo{height:100%;--ph:var(--danube)} .tk-mosaic__empty > span{position:absolute;left:20px;bottom:18px;color:#fff;font-weight:700;font-size:15px} .tk-mosaic__empty a{color:var(--gold)} .tk-roomcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:6px} .tk-roomcard{background:var(--paper);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px;font-size:14.5px;color:var(--muted)} .tk-roomcard__n{font:500 34px/1 var(--serif);color:var(--copper)} .tk-roomcard b{font:500 20px/1.2 var(--serif);color:var(--ink)} .tk-spanel--stay{gap:12px} .tk-spanel--stay .tk-h4{font-size:22px} .tk-spanel--stay .tk-near{border-top:1px solid var(--line);padding-top:12px} .tk-withside__main .tk-h2{font-size:clamp(28px,3vw,36px);padding-top:12px;border-top:3px solid var(--copper);display:inline-block;margin-bottom:14px} .tk-mosaic:has(.tk-mosaic__empty){grid-auto-rows:auto} .tk-s--etkezes .tk-partner{background:var(--ink);color:var(--gold)} .tk-toc a{border-radius:8px;padding:8px 8px;margin:0 -8px;transition:background .2s,color .2s} .tk-toc a.is-active{background:var(--green);color:#fff;border-top-color:transparent} .tk-toc a.is-active b{color:var(--gold)} .tk-toc a.is-active + a{border-top-color:transparent} .tk-prose--article h2{scroll-margin-top:110px} /* ---------- Dunakanyar hub ---------- */ .tk-s--dunakanyar{--head-bg:var(--green)} .tk-dk-intro{margin-bottom:36px} .tk-dk-dist{position:relative;display:flex;flex-wrap:wrap;gap:8px;padding:18px;background:var(--paper);border-radius:var(--radius);margin-bottom:24px} .tk-dk-dist a{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:999px;background:var(--bg);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px} .tk-dk-dist a:hover{background:var(--green);color:#fff} .tk-dk-dist b{font:500 22px/1 var(--serif);color:var(--copper)} .tk-dk-dist a:hover b{color:var(--gold)} .tk-dk-dist__label{width:100%;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:4px} .tk-dk-trips{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px} .tk-dk-trip{position:relative;display:flex;flex-direction:column;background:var(--paper);border-radius:var(--radius);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .2s} .tk-dk-trip:hover{color:var(--ink);transform:translateY(-4px)} .tk-dk-trip:hover b{color:var(--copper)} .tk-dk-trip__ph{aspect-ratio:3/2;border-radius:0} .tk-dk-trip .tk-credit{display:none} .tk-dk-trip__km{position:absolute;left:14px;top:14px;background:var(--gold);color:var(--ink);font:800 14px var(--sans);padding:6px 10px;border-radius:8px} .tk-dk-trip__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px} .tk-dk-trip b{font:500 22px/1.2 var(--serif)} .tk-dk-trip__body > span{font-size:14.5px;color:var(--muted)} .tk-dk-trip__how{font-size:13.5px!important;color:var(--green)!important;font-weight:600;padding-top:6px;border-top:1px solid var(--line)} .tk-dk-rest{margin-top:56px;max-width:860px} .tk-dk-banner{margin:0;max-width:none;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px 20px;text-decoration:none} .tk-dk-banner b{font:500 28px/1.2 var(--serif)} .tk-dk-banner:hover{filter:brightness(1.08);color:#fff} .tk-dk-trips{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1000px){.tk-dk-trips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.tk-dk-trips{grid-template-columns:minmax(0,1fr)}} /* coat of arms next to the wordmark */ .tk-logo{align-items:center;gap:10px} .tk-logo__cimer{width:26px;height:auto;flex:none;filter:drop-shadow(0 1px 1px rgba(11,34,54,.2))} .tk-footer .tk-logo__cimer{width:34px} @media (max-width:1020px){.tk-logo__cimer{width:22px}} /* ---------- Tours ---------- */ .tk-s--turak .tk-shead--tour{--head-accent:var(--gold)} .tk-tourbadges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px} .tk-tourbadge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-size:13px;font-weight:700} .tk-shead--tour .tk-level{font-size:13px;padding:6px 12px} .tk-tourstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr);gap:12px} .tk-tourstat{background:var(--paper);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:4px;min-width:0} .tk-tourstat span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green)} .tk-tourstat b{font:500 34px/1.05 var(--serif)} .tk-tourstat.is-text b{font-size:22px;line-height:1.2} .tk-tourstat--cta{background:var(--green);justify-content:center;gap:8px} .tk-tourstat--cta .tk-btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)} .tk-tourstat--cta .tk-btn--line:hover{background:#fff;color:var(--ink)} @media (max-width:1000px){.tk-tourstats{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-tourstat--cta{grid-column:1 / -1}} .tk-tourmap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:stretch} .tk-tourmap .tk-map--tour{height:auto;min-height:420px;border-radius:var(--radius)} .tk-tourprofile{background:var(--paper);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;justify-content:center} @media (max-width:900px){.tk-tourmap{grid-template-columns:minmax(0,1fr)}.tk-tourmap .tk-map--tour{min-height:340px}} .tk-prose--tour ol:has(> li > h3) > li::before{color:#fff;background:var(--green);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px} .tk-prose--tour ol:has(> li > h3){border-top:0} .tk-prose--tour ol:has(> li > h3) > li{background:var(--paper);border-radius:14px;padding:18px;margin-bottom:10px;border-bottom:0} .tk-tourcard .tk-level{align-self:flex-start;margin-bottom:2px} .tk-tourcard .tk-dk-trip__km{background:#fff} [data-tk-viewpane="cards"] .tk-dk-trips > div{display:flex} [data-tk-viewpane="cards"] .tk-dk-trips > div > a{flex:1} .tk-dk-trip__body > .tk-level{color:#fff;font-size:12px}.tk-dk-trip__body > .tk-level--kozepes{color:var(--ink)}