/*
Theme Name: Österreich HotNews Archive
Description: Historic news portal-inspired editorial WordPress theme with customizable homepage.
Version: 1.7.0
Requires PHP: 7.4
Text Domain: osterreich-hotnews
*/
:root{--red:#d32f32;--dark:#252525;--max:1100px}*{box-sizing:border-box}body{margin:0;background:#fff;color:#171717;font:14px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.top{background:#242424;color:#ddd;font-size:11px;padding:10px 0;border-top:5px solid #080808}.nav{background:var(--red);box-shadow:0 2px 4px #ccc}.nav .wrap{display:flex;align-items:center;justify-content:space-between}.nav ul{display:flex;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav li a{display:block;padding:16px 14px;color:#171717;font-weight:bold;font-size:12px;text-transform:uppercase}.nav li a:hover{background:#b92529;color:#fff}.search-toggle{font-size:20px;color:#111}.brand{padding:40px 0 30px}.brand-logo{font-size:37px;letter-spacing:-2px;font-weight:900}.brand-logo span{color:var(--red)}.brand small{display:block;color:#777;font-size:11px}.crumb{color:#aaa;font-size:11px;margin:5px 0 15px}.layout{display:grid;grid-template-columns:minmax(0,780px) 220px;gap:40px;align-items:start}.main-title{font-size:25px;text-transform:uppercase;margin:0 0 20px}.lead{line-height:1.7;color:#555;margin-bottom:22px}.posts{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.story{border-bottom:1px dotted #ddd;padding:15px 0 22px;min-height:120px}.story h2{font-size:16px;line-height:1.35;margin:0 0 12px}.meta{font-size:10px;color:#999}.meta b{color:#333}.bubble{float:right;background:#111;color:#fff;padding:3px 6px;font-size:9px}.story img{width:100%;aspect-ratio:324/160;object-fit:cover;margin-bottom:12px}.side select{background:#222;color:#fff;border:0;padding:9px;width:100%;font-size:11px}.feature{width:100%;max-height:320px;object-fit:cover;margin:0 0 20px}.intro{line-height:1.85;font-size:15px}.intro h2{margin-top:28px}.pagination{margin:35px 0 70px}.pagination .page-numbers{border:1px solid #ddd;padding:9px 12px;margin-right:5px}.pagination .current{background:#333;color:white}.footer{background:var(--red);color:white;padding:13px 0;margin-top:65px;font-size:11px}.footnav a{margin-left:16px}.admin-hint{background:#f8f8f8;border-left:3px solid var(--red);padding:12px}.archive-photo{border-radius:3px}.contact-form label{display:block;margin:10px 0}.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #ccc}.contact-form button{background:var(--red);color:#fff;border:0;padding:12px 20px}@media(max-width:780px){.layout{grid-template-columns:1fr}.side{display:none}.posts{gap:0 20px}.brand{padding:26px 0}.nav li a{padding:12px 8px;font-size:10px}}@media(max-width:490px){.posts{grid-template-columns:1fr}.nav ul{display:grid;grid-template-columns:repeat(4,1fr)}.brand-logo{font-size:31px}}

.section-title{font-size:18px;margin:12px 0}.category-description{font-size:12px;line-height:1.6;color:#666}.extra-section{padding:20px 0;border-top:1px solid #eee}.intro img{max-width:100%;height:auto}.nav .sub-menu{display:none;position:absolute;background:#d32f32;z-index:10;min-width:180px;box-shadow:0 3px 8px #0002}.nav li{position:relative}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu li{display:block}.nav .sub-menu a{white-space:nowrap}.nav .wrap{min-height:48px}@media(max-width:780px){.nav .sub-menu{position:static;box-shadow:none}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}}

/* v1.2 extended editorial homepage */
.feature-article{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin:34px 0;padding:18px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.feature-article img,.editorial-block img{width:100%;height:220px;object-fit:cover;display:block}
.feature-article h2,.editorial-block h2{font-size:22px;margin:9px 0 12px}
.feature-article p,.editorial-block p{font-size:14px;line-height:1.8;color:#555}
.feature-article a{color:var(--red);font-weight:bold}
.eyebrow{font-size:10px;font-weight:bold;color:var(--red);letter-spacing:1px}
.editorial-block{padding:20px 0 30px}
.editorial-block img{height:210px;margin-top:15px}
.archive-note{padding:13px 16px;background:#f8f8f8;border-left:3px solid var(--red);color:#555;font-size:12px;line-height:1.6;margin:24px 0}
.story .story-placeholder{width:100%;aspect-ratio:324/160;object-fit:cover;display:block;margin-bottom:12px}
@media(max-width:640px){.feature-article{grid-template-columns:1fr}.feature-article img{height:200px}}

.category-intro{margin:18px 0 30px;padding:0 0 22px;border-bottom:1px solid #e8e8e8}.category-intro img{width:100%;height:230px;object-fit:cover}.category-intro h2{font-size:23px;margin:22px 0 12px}.category-intro h3{font-size:17px;margin:20px 0 10px}.category-intro p{line-height:1.8;color:#555;font-size:14px}.intro h2{margin-top:28px}.intro p{line-height:1.85;margin-bottom:16px}

/* v1.4: clean, bright, responsive magazine redesign */
:root{--dark:#18283a;--paper:#f5f7fa;--soft:#66758a}
body{background:var(--paper);color:#192636;font:15px/1.65 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.top{background:#142335;border-top:0;padding:9px 0;color:#e1e8f0}
.nav{background:#fff;box-shadow:0 2px 14px #24344a13;border-bottom:1px solid #e6e9ee}
.nav li a{color:#243248;font-size:12px;padding:15px 16px;letter-spacing:.03em}
.nav li a:hover{background:var(--red);color:white}
.search-toggle{color:var(--red)}
header{background:#fff}
.brand{padding:30px 0 28px;display:flex;align-items:center;gap:22px}
.brand-logo{font-size:clamp(35px,5vw,56px);letter-spacing:-.06em;line-height:1;font-weight:900;color:#1c3044}
.brand small{font-size:12px;color:#697688;border-left:1px solid #e1e4e9;padding-left:22px}
.crumb{margin:23px 0;color:#7c8796}
.layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}
.layout main{background:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 30px #1c314609;min-width:0}
.main-title{font-size:clamp(24px,3vw,34px);line-height:1.22;letter-spacing:-.03em;color:#192c3d;text-transform:none;margin:0 0 20px}
.section-title{font-size:22px;color:#1d3144}
.lead{font-size:15px;color:#5d6b7a;line-height:1.8}
.feature{height:340px;max-height:none;object-fit:cover;border-radius:8px;box-shadow:0 8px 22px #172d4014}
.posts{gap:12px 20px}
.story{border:1px solid #e9edf2;border-radius:8px;padding:0 0 18px;overflow:hidden;min-height:0;background:#fff;box-shadow:0 4px 18px #1b2e4208;transition:transform .2s}
.story:hover{transform:translateY(-3px)}
.story img{aspect-ratio:16/9;margin:0 0 15px;display:block;background:#e7edf2}
.story h2{padding:0 16px;font-size:18px;line-height:1.4;margin:0 0 10px;color:#1d3042}
.story p,.story .category-description,.story .meta{padding:0 16px;color:#6c7987;font-size:13px;line-height:1.65}
.side{background:#fff;padding:22px;border-radius:10px;box-shadow:0 8px 30px #1c314609}
.side select{background:#f3f5f7;color:#28394b;border:1px solid #dfe6ec;border-radius:5px;font-size:13px}
.feature-article,.editorial-block,.extra-section{border-radius:10px;overflow:hidden}
.feature-article img{object-fit:cover}
.footer{background:#17283b;margin-top:60px;padding:25px 0;color:#e8edf3}
@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.side{margin-top:20px}.layout main{padding:24px}.brand{padding:23px 0}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.brand{display:block}.brand small{border-left:0;padding:0;margin-top:12px}.nav .wrap{overflow-x:auto}.nav ul{flex-wrap:nowrap}.nav li a{white-space:nowrap;padding:13px 12px}.layout main{padding:17px}.posts{grid-template-columns:1fr}.feature{height:230px}.story img{aspect-ratio:16/9}}

/* v1.5 premium light editorial redesign */
:root{--red:#e35d45;--dark:#1b3442;--max:1250px;--cream:#faf9f5;--muted:#66777a}
body{background:#f7f8f5;color:#22363d;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
header{background:#fff}
.top{background:#214b47;color:#e9f3ef;border:0}
.nav{background:#fff;border-bottom:1px solid #e4eae6;box-shadow:0 5px 20px #203c3210}
.nav li a{font-weight:750;color:#2c5048;letter-spacing:.03em}
.nav li a:hover{background:#e6f3e9;color:#1e664e}
.nav .sub-menu{background:#fff}
.nav .sub-menu a{color:#244a3e}
.brand{padding:25px 0 24px}
.brand-logo{color:#224a42;font-weight:950}
.brand-logo span{color:#f0784e}
.brand small{color:#607d70;font-size:12px}
.crumb{color:#9aa7a2;font-size:12px;margin:26px 0 18px}
.hot-wrap .layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px}
.hot-main{background:transparent!important;box-shadow:none!important;padding:0!important}
.hot-lead{padding:38px 45px 40px;background:#fff;border-radius:15px;margin-bottom:25px;box-shadow:0 8px 35px #2644380a}
.hot-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:850;color:#db7655}
.hot-lead h1{font-size:clamp(30px,3.4vw,49px);letter-spacing:-.045em;line-height:1.12;margin:15px 0 19px;color:#1c493d;max-width:800px}
.hot-lead p{font-size:15px;line-height:1.85;color:#667871;margin:0;max-width:900px}
.hot-cover{display:grid;grid-template-columns:1.08fr 1fr;background:#eaf2e9;border-radius:15px;overflow:hidden;margin-bottom:50px;min-height:330px}
.hot-cover-image img{height:100%;min-height:330px;width:100%;object-fit:cover;display:block}
.hot-cover-copy{padding:37px;align-self:center}
.hot-cover-copy h2{font-size:clamp(26px,3vw,39px);line-height:1.18;letter-spacing:-.03em;color:#244d3e;margin:13px 0}
.hot-cover-copy p{color:#5d7469;line-height:1.75;font-size:14px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.hot-cta{display:inline-block;background:#f28a5a;color:#203d31;font-weight:800;padding:12px 18px;border-radius:6px;margin-top:13px;font-size:13px}
.hot-section-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.hot-section-header h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.035em;margin:6px 0 0;color:#1e483c}
.hot-section-header>p{max-width:350px;font-size:13px;color:#70817a;margin:0}
.hot-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.hot-category{display:block;background:#fff;border-radius:11px;overflow:hidden;border:1px solid #e8ede8;box-shadow:0 8px 28px #214e3310;transition:transform .2s,box-shadow .2s}
.hot-category:hover{transform:translateY(-5px);box-shadow:0 15px 33px #214e3320;color:inherit}
.hot-category-photo{height:165px;overflow:hidden;background:#dce8df}
.hot-category-photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s;display:block}
.hot-category:hover img{transform:scale(1.05)}
.hot-category-body{padding:18px 18px 20px}
.hot-category-body>span{font-size:10px;color:#e17a56;letter-spacing:.14em;font-weight:850}
.hot-category h3{font-size:21px;color:#254e40;margin:7px 0 8px}
.hot-category p{font-size:12px;color:#6b7e74;line-height:1.6;min-height:58px;margin:0 0 10px}
.hot-category b,.hot-text-link{font-size:12px;color:#df7452;font-weight:800}
.hot-categories{margin-bottom:50px}
.hot-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:24px;background:#fff;border-radius:13px;margin:0 0 24px;box-shadow:0 8px 28px #214e330c}
.hot-feature img{width:100%;height:255px;object-fit:cover;border-radius:8px;display:block}
.hot-feature h2{font-size:29px;line-height:1.2;color:#20483d;margin:12px 0}
.hot-feature p{font-size:13px;line-height:1.8;color:#66786f;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.hot-feature-reverse img{order:2}
.hot-latest{margin:45px 0}
.hot-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.hot-latest-card{background:white;border:1px solid #e7ede8;padding:23px;border-radius:10px}
.hot-latest-card h3{font-size:18px;line-height:1.4;margin:10px 0;color:#24483d}
.hot-latest-card p{font-size:13px;color:#6a7c71;line-height:1.7}
.hot-wrap .side{background:#fff;border:1px solid #e8eee8;padding:18px;border-radius:12px;box-shadow:0 8px 25px #2644380a}
.hot-wrap .side select{background:#f5f8f4;color:#24513f;border:1px solid #dfe9e1}
.archive-note{background:#f2f7f0;border-left:3px solid #6ca78a;border-radius:6px;color:#62766b}
.footer{background:#1d483c;color:#e6f0e9}
@media(max-width:1050px){.hot-wrap .layout{grid-template-columns:minmax(0,1fr)}.hot-wrap .side{display:block}.hot-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.hot-lead{padding:27px 22px}.hot-cover{grid-template-columns:1fr}.hot-cover-image img{min-height:0;height:220px}.hot-cover-copy{padding:25px}.hot-category-grid{grid-template-columns:1fr}.hot-category-photo{height:210px}.hot-feature{grid-template-columns:1fr}.hot-feature-reverse img{order:0}.hot-latest-grid{grid-template-columns:1fr}.hot-section-header{display:block}.hot-section-header>p{margin-top:12px}.hot-feature img{height:210px}}

/* v1.6: photographic editorial design */
.hot-cover-image img,.hot-category-photo img,.hot-feature>img{object-fit:cover;filter:none!important;transition:transform .35s ease}
.hot-category:hover .hot-category-photo img{transform:scale(1.045)}
.hot-category,.hot-cover,.hot-feature{overflow:hidden;border-radius:13px;box-shadow:0 12px 35px rgba(29,48,42,.08)}
.hot-category-grid{gap:20px}
.hot-cover{background:#edf3ed}
.hot-feature{background:#fff}
.hot-section-header h2{letter-spacing:-.025em}
@media(max-width:760px){.hot-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.hot-category-grid{grid-template-columns:1fr}}

/* v1.7 — Wider, consistently aligned magazine layout inspired by editorial journals */
:root{--max:1400px}
.wrap{width:min(1400px,calc(100% - 64px));margin-inline:auto}
.hot-wrap .layout{grid-template-columns:minmax(0,1fr) 245px;gap:30px;align-items:start}
.hot-wrap .hot-main{min-width:0}
.hot-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hot-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hot-latest-card{min-width:0}
.hot-topic-feeds{margin:48px 0 12px}
.hot-topic-block{padding:28px 0;border-top:1px solid #e1e8e3}
.hot-topic-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
.hot-topic-heading h3{font-size:24px;letter-spacing:-.035em;color:#234a3b;margin:0}
.hot-topic-heading>a{color:#b65439;font-size:13px;font-weight:750}
.hot-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hot-topic-card{background:#fff;border:1px solid #e6ebe6;border-radius:12px;padding:22px;box-shadow:0 6px 24px #153b2807}
.hot-topic-card h4{font-size:19px;line-height:1.3;margin:10px 0;color:#234a3b}
.hot-topic-card p{font-size:13px;line-height:1.7;color:#66746c}
.hot-empty-topic{font-size:13px;color:#8a9890;margin:0}
@media(max-width:1100px){.hot-wrap .layout{grid-template-columns:1fr}.hot-wrap .side{display:block}.hot-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.hot-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hot-topic-grid{grid-template-columns:1fr}.hot-latest-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hot-category-grid{grid-template-columns:1fr}.hot-topic-card{padding:18px}}