/*
Theme Name: Dunakanyar Blue
Theme URI: https://dunakanyarinfo.hu/
Author: Dunakanyarinfo
Description: Dunakék, magazinos WordPress-sablon 22 főoldali szekcióval, Programfigyelő integrációval.
Version: 1.2.3
Requires PHP: 7.4
Text Domain: dunakanyar-blue
*/
:root{--blue:#2478ad;--navy:#183c58;--pale:#e9f4fb;--bg:#f7f9fb;--sand:#ede7dc;--ink:#283847;--border:#dbe5ed}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff}a{color:#16699f;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto} .container{width:min(1220px,calc(100% - 36px));margin:auto}.site-header{background:white;border-bottom:1px solid var(--border);position:relative;z-index:3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px}.brand{font-weight:850;font-size:1.48rem;color:var(--navy)}.brand span{color:var(--blue)}.nav-list{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.nav-list a{color:var(--navy);font-weight:650;font-size:.92rem}.hero{background:linear-gradient(105deg,rgba(18,57,83,.92),rgba(36,120,173,.55)),linear-gradient(135deg,#195579,#65a4c6);color:white;padding:85px 0 90px;position:relative;overflow:hidden}.hero.has-image{background-size:cover;background-position:center}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.08;max-width:790px;margin:14px 0}.hero p{font-size:1.17rem;max-width:700px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:.76rem;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn,.filter button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:9px;background:var(--blue);color:white;font-weight:750;border:0;cursor:pointer}.hero .btn{background:white;color:var(--navy)}.hero .btn.outline{background:transparent;border:1px solid #ffffff99;color:white}.quick-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:-27px;position:relative;z-index:2}.quick-links a{background:white;box-shadow:0 8px 25px #163f5a19;border:1px solid var(--border);border-radius:12px;padding:15px 9px;text-align:center;font-weight:750}.section{padding:54px 0}.section:nth-of-type(even){background:var(--bg)}.section.soft{background:var(--pale)}.section.sand{background:#f7f4ef}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section h2{font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.2;color:var(--navy);margin:4px 0}.section-head p{margin:6px 0 0;color:#526676}.section-link{font-weight:750;white-space:nowrap}.cards{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #12334b09;min-width:0}.card-body{padding:17px}.card h3{font-size:1.08rem;line-height:1.35;margin:0 0 9px}.card h3 a{color:var(--navy)}.card p{margin:0 0 10px;color:#536576;font-size:.93rem}.card-media{height:155px;background:linear-gradient(135deg,#d5eaf7,#9fc8df);display:block;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card.featured{grid-column:span 2;grid-row:span 2}.card.featured .card-media{height:310px}.card.featured h3{font-size:1.5rem}.card.wide{grid-column:span 2}.card.wide .card-media{height:220px}.tag{font-size:.73rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#377ba4}.info-card{padding:20px;min-height:155px}.info-card .symbol{font-size:1.6rem}.info-card h3{margin:8px 0}.status{font-size:.78rem;color:#657483;display:block;margin:8px 0}.filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:white;border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:18px}.filter select,.filter input{min-height:43px;border:1px solid #bdcfdd;border-radius:8px;padding:8px;max-width:100%}.notice{background:white;border:1px dashed #a6bfd1;padding:20px;border-radius:12px;color:#4a6475;grid-column:1/-1}.feature-strip{border-radius:18px;padding:36px;background:linear-gradient(110deg,#185781,#3c93bf);color:white}.feature-strip h2{color:white}.feature-strip p{max-width:750px}.town-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.town-grid a{border:1px solid var(--border);background:white;padding:11px 7px;text-align:center;border-radius:9px;font-size:.9rem;font-weight:650}.links-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.links-list a{background:white;border:1px solid var(--border);padding:16px;border-radius:12px;font-weight:700}.blog-end{background:#f0f6fa}.site-footer{background:#173b57;color:#d8e7f1;padding:42px 0}.site-footer a{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h3{color:white}.footer-note{border-top:1px solid #ffffff24;margin-top:30px;padding-top:15px;font-size:.84rem}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;padding:45px 0}.content-area article{margin-bottom:26px}.content-area h1{line-height:1.2;color:var(--navy)}.sidebar .widget{border:1px solid var(--border);border-radius:12px;padding:17px;margin-bottom:16px}.sidebar .widget-title{margin:0 0 12px}.pagination{padding:20px 0}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.alignwide{max-width:1200px}.alignfull{width:100%}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.town-grid{grid-template-columns:repeat(4,1fr)}.quick-links{grid-template-columns:repeat(3,1fr)}.page-layout{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;padding:14px 0}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.container{width:min(100% - 24px,1220px)}.hero{padding:58px 0 72px}.section{padding:37px 0}.cards,.cards.three,.cards.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card.featured,.card.wide{grid-column:span 2;grid-row:auto}.card.featured .card-media{height:200px}.card.wide .card-media{height:190px}.card-media{height:110px}.card-body{padding:11px}.card h3{font-size:.94rem}.card p{font-size:.82rem}.town-grid{grid-template-columns:repeat(3,1fr)}.quick-links{grid-template-columns:repeat(2,1fr)}.links-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.nav-list{gap:11px}.nav-list a{font-size:.85rem}}
/* V1.1: balanced blog rows, larger translucent symbols, category fallback */
.cards.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards.blog-grid .card{grid-column:auto;grid-row:auto}
.cards.blog-grid .card-media,.cards.blog-grid .card.featured .card-media{height:auto;aspect-ratio:16/10}
.cards.blog-grid .card-media img{width:100%;height:100%;object-fit:cover}
.cards.blog-grid .card-body{min-height:145px}
.info-card{position:relative;isolation:isolate;overflow:hidden;min-height:195px}
.info-card .symbol{position:absolute;right:12px;top:0;font-size:7rem;line-height:1.1;opacity:.12;z-index:-1;pointer-events:none;filter:grayscale(1)}
.info-card h3,.info-card p,.info-card .status,.info-card a{position:relative}
@media(max-width:700px){.cards.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.blog-grid .card-body{min-height:0}}
@media(max-width:480px){.cards.blog-grid{grid-template-columns:1fr}.cards.blog-grid .card-media{aspect-ratio:16/8}}

/* V1.1.1: balanced magazine grid and colorful translucent card artwork */
.cards.magazine-five,.cards.magazine-six{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.cards.magazine-five .card.featured{grid-column:span 2;grid-row:auto}
.cards.magazine-five .card.featured .card-media{height:260px}
.cards.magazine-five .card:not(.featured) .card-media{height:155px}
.cards.magazine-five .card.featured .card-body{padding:20px}
.info-card{background:linear-gradient(135deg,#ffffff 50%,#eef8ff 100%);padding:24px;min-height:220px}
.info-card .symbol{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:clamp(6rem,11vw,10rem);line-height:1;opacity:.28;filter:none;z-index:-1;pointer-events:none;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.info-card:nth-child(3n+2){background:linear-gradient(135deg,#fff 45%,#e7f5f1 100%)}
.info-card:nth-child(3n){background:linear-gradient(135deg,#fff 45%,#fff2e6 100%)}
.info-card h3,.info-card p,.info-card .status,.info-card a{position:relative;z-index:1}
@media(max-width:900px){.cards.magazine-five,.cards.magazine-six{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.magazine-five .card.featured{grid-column:span 2}.cards.magazine-five .card:last-child:nth-child(even){grid-column:span 2}.cards.magazine-six .card:last-child:nth-child(odd){grid-column:span 2}}
@media(max-width:580px){.cards.magazine-five,.cards.magazine-six{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.magazine-five .card.featured{grid-column:span 2}.cards.magazine-five .card.featured .card-media{height:205px}.cards.magazine-five .card:not(.featured) .card-media{height:115px}.info-card .symbol{font-size:6.5rem;opacity:.24}}

/* V1.1.2 – water-inspired palette and more compact layout */
:root{--blue:#078da7;--navy:#124b61;--pale:#e7f7f9;--bg:#f5fafb;--sand:#f5f0e9;--ink:#254451;--border:#d3e6e9}
.container{width:min(1120px,calc(100% - 36px))}
.hero{background:linear-gradient(110deg,rgba(7,67,91,.95),rgba(0,147,166,.69)),linear-gradient(135deg,#07536c,#27bbbf)}
.hero.has-image{background-size:cover;background-position:center}
.feature-strip{background:linear-gradient(110deg,#07677f,#1ab1b5)}
a{color:#087c98}.quick-links a{color:#096b84}.quick-links a:hover,.town-grid a:hover{border-color:#19a6b4;background:#e9f9fb}
.btn,.filter button{background:#078da7}.site-footer{background:#10495b}
.tag{color:#087f96}.section.soft{background:#e8f6f9}.blog-end{background:#f0f9fa}
.info-card{background:linear-gradient(135deg,#fff 42%,#dff5fa 100%)}
.info-card:nth-child(3n+2){background:linear-gradient(135deg,#fff 42%,#ddf6f1 100%)}
.info-card:nth-child(3n){background:linear-gradient(135deg,#fff 42%,#fff0df 100%)}
.info-card .symbol{opacity:.35;right:12px;filter:saturate(1.3);font-size:clamp(6rem,10vw,9rem)}
@media(max-width:580px){.container{width:calc(100% - 24px)}.info-card .symbol{font-size:6rem;opacity:.27}}


/* V1.1.3 – napfenyes, vilagos vizkek, sotet blokkok nelkul */
:root{--blue:#239FC5;--navy:#235E77;--pale:#E9F8FD;--bg:#F6FCFE;--sand:#F8F4EB;--ink:#284B5B;--border:#D6EBF1}
a{color:#167FA4}
.hero,.hero.has-image{background:linear-gradient(110deg,rgba(40,155,198,.94),rgba(109,211,224,.84)),linear-gradient(135deg,#35A9D6,#A6E4EF);color:#153E53}
.hero h1,.hero .eyebrow,.hero p{color:#153E53;text-shadow:none}
.hero .btn{background:#fff;color:#205A73}
.hero .btn.outline{background:#ffffff85;border-color:#ffffff;color:#205A73}
.feature-strip{background:linear-gradient(110deg,#45B3D8,#8ADBE8);color:#194C61}
.feature-strip h2{color:#194C61}
.site-footer{background:#DDF4FB;color:#28566B;border-top:1px solid #BDE5EF}
.site-footer a,.site-footer h3{color:#235E77}
.footer-note{border-top-color:#A6D8E6}
.btn,.filter button{background:#239FC5;color:white}
.quick-links a{color:#197E9D}
.section.soft{background:#EAF8FC}
.blog-end{background:#F1FAFD}
.tag{color:#178CB0}
.info-card{background:linear-gradient(135deg,#fff 40%,#E0F5FD 100%)}
.info-card:nth-child(3n+2){background:linear-gradient(135deg,#fff 40%,#E0F8F4 100%)}
.info-card:nth-child(3n){background:linear-gradient(135deg,#fff 40%,#FFF2E5 100%)}

/* V1.1.4 – napfényes, színes információs ikonok */
.info-card .symbol{opacity:.72!important;filter:none!important;right:14px!important;font-size:clamp(5.6rem,9vw,8rem)!important;line-height:1;z-index:-1}
.info-card:nth-child(3n+1) .symbol{opacity:.84!important}
.info-card:nth-child(3n+2) .symbol{opacity:.68!important}
.info-card:nth-child(3n) .symbol{opacity:.72!important}
.info-card{isolation:isolate}
.info-card h3,.info-card p,.info-card .status,.info-card a{z-index:1;text-shadow:0 1px 0 #ffffffa8}
@media(max-width:580px){.info-card .symbol{font-size:5.8rem!important;opacity:.42!important}}

/* V1.1.5 – compact layout, professional transport icons, widget-only sidebar */
.container{width:min(1050px,calc(100% - 36px))}
.hero{padding:42px 0 64px!important}
.hero h1{font-size:clamp(2.3rem,4.1vw,3.8rem);margin:10px 0}
.hero-actions{margin-top:18px}
.info-card{position:relative;overflow:hidden;isolation:isolate}
.info-card .symbol-svg{position:absolute;right:15px;top:50%;width:100px;height:100px;transform:translateY(-50%);opacity:.24!important;z-index:0;pointer-events:none;stroke-width:1.4}
.info-card .icon-train{color:#1683B4}.info-card .icon-bus{color:#1A9C96}.info-card .icon-compass{color:#C38B30}.info-card .icon-ferry{color:#2196BC}.info-card .icon-water{color:#239AC8}.info-card .icon-sun{color:#E5A522}.info-card .icon-map{color:#2F8C9E}
.info-card h3,.info-card p,.info-card .status,.info-card a{position:relative;z-index:1}
.info-card .symbol-emoji{opacity:.27!important;font-size:5.5rem!important}
.sidebar:empty{display:none}
@media(max-width:580px){.container{width:calc(100% - 24px)}.hero{padding:30px 0 58px!important}.info-card .symbol-svg{width:76px;height:76px;opacity:.18!important}}

/* V1.1.6 – refined professional illustrated transport icons */
.info-card .symbol-svg.icon-train,.info-card .symbol-svg.icon-bus{width:170px;height:85px;right:12px;top:51%;stroke-width:2.2;opacity:.34!important;stroke-linecap:round;stroke-linejoin:round}
.info-card .symbol-svg.icon-train{color:#397B9B}.info-card .symbol-svg.icon-bus{color:#B87D49}
.info-card .symbol-svg.icon-sun{color:#E5AA20;opacity:.46!important}.info-card .symbol-svg.icon-water{color:#279CC8;opacity:.37!important}
@media(max-width:580px){.info-card .symbol-svg.icon-train,.info-card .symbol-svg.icon-bus{width:125px;height:65px;opacity:.22!important}}

/* V1.1.9 települési információs blokkok */
.dkb-town-nav{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px}.dkb-town-nav a{display:inline-block;padding:9px 15px;border:1px solid #c7eaf3;border-radius:24px;background:#eefaff;color:#187c9c;font-weight:600;text-decoration:none}.dkb-town-nav a:hover{background:#d6f2fa}.dkb-town-block{padding:24px 0 32px;border-top:1px solid #dceef3;scroll-margin-top:80px}.dkb-town-block h2{margin:0 0 12px}.dkb-town-hint{font-size:.9rem;color:#607886;margin-top:12px}.town-archive .dkb-town-block .cards{margin-top:18px}

/* Településoldali, teljes szélességű magazinblokkok */
.town-archive .dkb-town-block{margin:35px 0 45px;scroll-margin-top:90px}.town-archive .dkb-town-block>.tag{display:inline-block;margin-bottom:8px}.town-archive .dkb-town-block>h2{margin-top:0}.town-archive .cards{margin-top:18px}