/*
Theme Name: Newspaper Club Portal V3
Theme URI: https://newspaperclub.org.ua/
Author: Newspaper Club
Description: Editorial news portal with Ukrainian primary language and Russian Polylang version. No comments and no advertising blocks. Features three page promos in header, mixed editorial layouts, sidebar and multi-block footer news.
Version: 3.0.0
Text Domain: newspaper-club-portal-v3
*/

:root{
  --paper:#f5f3ee;
  --paper-2:#ebe7df;
  --ink:#151719;
  --muted:#6b6b67;
  --line:#d8d3ca;
  --card:#fffdf9;
  --accent:#b1261b;
  --accent-2:#173b36;
  --shadow:0 8px 26px rgba(22,22,18,.07);
  --radius:14px;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.58}
body,button,input,select,textarea{font-size:16px}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{display:block;max-width:100%;height:auto}
.container{width:min(calc(100% - 36px),var(--max));margin:0 auto}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.site-header{background:var(--card);border-bottom:3px double var(--ink)}
.masthead{padding:14px 0 9px}
.masthead-row{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:18px;align-items:center}
.masthead-date{font-family:Arial,sans-serif;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.masthead-brand{text-align:center}
.site-title{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:900;letter-spacing:-1.8px;line-height:1}
.site-tagline{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:7px}
.site-branding .site-logo{display:inline-block;margin-right:12px;vertical-align:middle}
.site-logo img,.custom-logo{max-height:58px;width:auto}
.masthead-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.tool-button{border:1px solid var(--line);background:transparent;padding:7px 10px;border-radius:999px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;cursor:pointer}
.tool-button:hover{border-color:var(--accent);color:var(--accent)}
.lang-switcher{display:flex;gap:3px}
.lang-switcher a{padding:7px 8px;border:1px solid var(--line);font-family:Arial,sans-serif;font-size:11px;font-weight:800}
.lang-switcher a.active{background:var(--ink);color:#fff;border-color:var(--ink)}

.main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.main-nav-inner{display:flex;align-items:center;min-height:48px}
.main-menu,.menu{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center;flex-wrap:wrap;width:100%}
.main-menu li,.menu li{margin:0}
.main-menu a,.menu a{display:block;padding:11px 14px;font-family:Arial,sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.main-menu a:hover,.menu a:hover{background:var(--paper-2);color:var(--ink)}
.menu-toggle{display:none}

.search-bar{padding:9px 0;border-bottom:1px solid var(--line);background:var(--paper-2)}
.search-form{display:flex;gap:8px;max-width:760px;margin:0 auto}
.search-form label{flex:1}
.search-field{width:100%;padding:10px 13px;border:1px solid #c8c3b9;background:#fffdf9;border-radius:8px;font-family:Arial,sans-serif}
.search-submit{border:0;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-family:Arial,sans-serif;font-weight:800;cursor:pointer}

.page-strip{padding:18px 0 7px}
.page-strip-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px}
.page-strip-kicker{font-family:Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.page-strip-note{font-family:Arial,sans-serif;font-size:11px;color:var(--muted)}
.page-strip-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:9px}
.page-promo{position:relative;min-height:155px;overflow:hidden;background:var(--accent-2);color:#fff;border-radius:7px}
.page-promo:first-child{min-height:205px}
.page-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56}
.page-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.87))}
.page-promo-content{position:absolute;left:0;right:0;bottom:0;padding:16px;z-index:2}
.page-promo-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#f0d2cb}
.page-promo h2{font-size:22px;line-height:1.12;margin:6px 0 0;color:#fff}
.page-promo:first-child h2{font-size:31px}

.site-main{padding:18px 0 48px}
.news-ticker{border-top:4px solid var(--ink);border-bottom:1px solid var(--line);padding:9px 0;margin-bottom:18px}
.news-ticker-inner{display:flex;gap:12px;align-items:center}
.ticker-label{font-family:Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.ticker-links{display:flex;gap:22px;overflow:hidden;white-space:nowrap;font-size:14px}
.ticker-links a{overflow:hidden;text-overflow:ellipsis}

.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}
.main-column{min-width:0}.sidebar{min-width:0}.sidebar-sticky{position:sticky;top:14px}

.lead-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(260px,.78fr);gap:14px;margin-bottom:25px}
.lead-story{background:var(--ink);color:#fff;position:relative;min-height:470px;overflow:hidden;border-radius:5px}
.lead-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}
.lead-story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.95))}
.lead-story-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px}
.lead-story .story-kicker{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f2d0ca;font-weight:900}
.lead-story h1{font-size:44px;line-height:1.04;letter-spacing:-1px;margin:8px 0 11px;color:#fff}
.lead-story .excerpt{font-size:16px;color:#e1e3e3;max-width:760px;margin:0}
.lead-story .meta{margin-top:10px}
.lead-side{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}
.side-lead-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;background:var(--card);border-top:1px solid var(--line);padding-top:10px}
.side-lead-card:first-child{border-top:0;padding-top:0}
.side-lead-card .thumb{aspect-ratio:1.15;overflow:hidden;border-radius:4px;background:#ded9cf}
.side-lead-card .thumb img{width:100%;height:100%;object-fit:cover}
.side-lead-card h3{font-size:18px;line-height:1.18;margin:4px 0 0}
.side-kicker{font-family:Arial,sans-serif;font-size:10px;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}
.meta{font-family:Arial,sans-serif;font-size:11px;color:var(--muted)}

.section{margin:0 0 28px}
.section-rule{border-top:3px solid var(--ink);padding-top:8px;margin-bottom:12px}
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:end}
.section-title{font-size:25px;margin:0;line-height:1.1}
.section-note,.section-link{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);font-weight:700}
.section-link:hover{color:var(--accent)}

.mosaic{display:grid;grid-template-columns:1.18fr .82fr .82fr;grid-template-rows:205px 205px;gap:10px}
.mosaic-card{position:relative;overflow:hidden;border-radius:5px;background:#2a2b2c;color:#fff;min-height:160px}
.mosaic-card.large{grid-row:1 / span 2}
.mosaic-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:transform .25s ease}
.mosaic-card:hover img{transform:scale(1.035)}
.mosaic-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.92))}
.mosaic-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px}
.mosaic-card h3{font-size:21px;line-height:1.12;margin:5px 0 0;color:#fff}
.mosaic-card.large h3{font-size:30px}

.list-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.editorial-list{display:grid;grid-template-columns:145px minmax(0,1fr);gap:13px;padding:11px 0;border-bottom:1px solid var(--line)}
.editorial-list:first-child{border-top:1px solid var(--line)}
.editorial-list .thumb{aspect-ratio:1.45;overflow:hidden;border-radius:4px;background:var(--paper-2)}
.editorial-list .thumb img{width:100%;height:100%;object-fit:cover}
.editorial-list h3{font-size:19px;line-height:1.18;margin:4px 0 4px}
.editorial-list p{margin:5px 0 0;color:var(--muted);font-size:13px}

.numbered-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;border-top:1px solid var(--line)}
.numbered-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.number{font-family:Arial,sans-serif;font-size:12px;color:var(--accent);font-weight:900;padding-top:2px}
.numbered-item h3{font-size:17px;line-height:1.22;margin:0}

.category-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.category-panel{background:var(--accent-2);color:#fff;border-radius:5px;padding:17px;min-height:110px}
.category-panel h3{margin:0;font-size:18px;line-height:1.1;color:#fff}
.category-panel p{margin:8px 0 0;font-family:Arial,sans-serif;font-size:11px;color:#cad7d2}
.category-panel:hover{background:var(--ink)}

.sidebar .widget{background:var(--card);border-top:3px solid var(--ink);padding:13px 0 15px;margin-bottom:18px}
.widget-title{font-size:18px;margin:0 0 11px;padding:0 1px}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:8px 0;border-top:1px dotted var(--line);font-size:14px}
.widget li:first-child{border-top:0}
.widget a{font-weight:700}.widget a:hover{color:var(--accent)}

.sidebar-news-item{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.sidebar-news-item:first-child{border-top:0;padding-top:0;margin-top:0}
.sidebar-news-item img{width:70px;height:52px;object-fit:cover;border-radius:4px}
.sidebar-news-item a{font-size:13px;line-height:1.25;font-weight:700}
.sidebar-news-item time{display:block;font-family:Arial,sans-serif;color:var(--muted);font-size:10px;margin-top:4px}

.entry-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
.entry-card{background:var(--card);border:1px solid var(--line);padding:25px;border-radius:5px}
.entry-kicker{font-family:Arial,sans-serif;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.entry-title{font-size:48px;line-height:1.02;letter-spacing:-1.3px;margin:8px 0 8px}
.entry-summary{font-size:18px;color:var(--muted);margin:0 0 17px}
.entry-image{margin:0 -25px 22px}
.entry-image img{width:100%;max-height:720px;object-fit:cover}
.entry-content{font-size:18px;line-height:1.84}
.entry-content p{margin:0 0 1.2em}
.entry-content h2,.entry-content h3{line-height:1.15;margin-top:1.6em}
.entry-content blockquote{margin:1.4em 0;padding:15px 18px;border-left:4px solid var(--accent);background:var(--paper-2);font-style:italic}
.entry-content img{margin:1.2em auto}
.share-line{border-top:1px solid var(--line);margin-top:25px;padding-top:12px;font-family:Arial,sans-serif;font-size:11px;color:var(--muted)}

.related-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}
.related-card{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.related-card .thumb{aspect-ratio:1.6;overflow:hidden}
.related-card .thumb img{width:100%;height:100%;object-fit:cover}
.related-card-content{padding:11px}
.related-card h3{margin:0;font-size:17px;line-height:1.2}

.archive-header{border-top:4px solid var(--ink);padding-top:12px;margin-bottom:16px}
.archive-title{font-size:40px;line-height:1.05;margin:0 0 5px}
.archive-description{font-size:16px;color:var(--muted);max-width:850px}
.archive-feed{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.feed-item{display:grid;grid-template-columns:175px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.feed-item .thumb{aspect-ratio:1.5;overflow:hidden;border-radius:4px}
.feed-item .thumb img{width:100%;height:100%;object-fit:cover}
.feed-item h2{margin:4px 0;font-size:22px;line-height:1.15}
.pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--line);background:var(--card);font-family:Arial,sans-serif;font-size:12px;font-weight:800;border-radius:5px}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}

.site-footer{background:#171919;color:#d9d9d4;margin-top:24px}
.footer-stream{border-top:1px solid rgba(255,255,255,.08);padding:23px 0 8px}
.footer-stream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.footer-stream-block{border-top:2px solid #eee;padding-top:9px}
.footer-stream-title{font-size:17px;margin:0 0 7px;color:#fff}
.footer-stream-item{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;padding:9px 0;border-top:1px solid rgba(255,255,255,.09)}
.footer-stream-item:first-of-type{border-top:0}
.footer-stream-item img{width:70px;height:52px;object-fit:cover;border-radius:4px}
.footer-stream-item a{font-size:13px;line-height:1.24;font-weight:700;color:#fff}
.footer-stream-item time{display:block;font-family:Arial,sans-serif;font-size:9px;color:#949890;margin-top:3px}
.footer-main{border-top:1px solid rgba(255,255,255,.09);padding:28px 0}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:24px}
.footer-brand{font-size:27px;font-weight:900;color:#fff;letter-spacing:-.7px}
.footer-desc{font-size:13px;color:#9fa39e;margin:8px 0 0;max-width:330px}
.footer-title{margin:0 0 10px;color:#fff;font-size:13px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.footer-menu,.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer-menu a,.footer-links a{font-family:Arial,sans-serif;font-size:12px;color:#b8bcb6}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:13px 0;font-family:Arial,sans-serif;font-size:10px;color:#878c86}
.footer-bottom-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.not-found{background:var(--card);border-top:4px solid var(--ink);padding:35px;text-align:center}
.not-found h1{font-size:45px;margin:0 0 5px}
.button{display:inline-block;background:var(--ink);color:#fff;padding:10px 14px;border-radius:5px;font-family:Arial,sans-serif;font-size:12px;font-weight:800;margin-top:10px}
.button:hover{color:#fff;background:var(--accent)}

@media (max-width:1080px){
  .masthead-row{grid-template-columns:120px minmax(0,1fr) 150px}
  .site-title{font-size:36px}
  .content-with-sidebar,.entry-layout{grid-template-columns:minmax(0,1fr)}
  .sidebar-sticky{position:static}
  .category-panels{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:800px){
  .container{width:min(calc(100% - 22px),var(--max))}
  .masthead-row{grid-template-columns:1fr auto}
  .masthead-date{display:none}
  .masthead-brand{text-align:left}
  .site-title{font-size:29px}
  .site-tagline{font-size:9px;letter-spacing:.11em}
  .menu-toggle{display:block;border:1px solid var(--line);background:var(--card);padding:8px 11px;border-radius:5px;font-family:Arial,sans-serif;font-weight:800}
  .main-menu,.menu{display:none;flex-direction:column;align-items:stretch;position:relative;padding:6px 0}
  .main-menu.is-open,.menu.is-open{display:flex}
  .main-menu a,.menu a{padding:11px 4px}
  .main-nav-inner{justify-content:flex-end}
  .page-strip-grid{grid-template-columns:1fr 1fr}
  .page-promo:first-child{grid-column:1 / -1}
  .lead-grid{grid-template-columns:1fr}
  .lead-side{grid-template-columns:1fr 1fr 1fr;grid-template-rows:none}
  .side-lead-card{grid-template-columns:1fr;border-top:0;padding-top:0}
  .side-lead-card .thumb{aspect-ratio:1.4}
  .side-lead-card h3{font-size:16px}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px}
  .mosaic-card.large{grid-column:1 / -1;grid-row:auto}
  .mosaic-card.large h3{font-size:25px}
  .archive-feed{grid-template-columns:1fr}
  .footer-stream-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .masthead-tools{gap:4px}
  .tool-button.search-text{display:none}
  .page-strip-grid{grid-template-columns:1fr}
  .page-promo:first-child{grid-column:auto;min-height:175px}
  .page-promo{min-height:145px}
  .news-ticker-inner{align-items:flex-start}
  .ticker-links{gap:13px;display:block;white-space:normal}
  .ticker-links a{display:block;margin:3px 0}
  .lead-story{min-height:390px}
  .lead-story-content{padding:20px}
  .lead-story h1{font-size:33px}
  .lead-side{grid-template-columns:1fr}
  .mosaic{grid-template-columns:1fr;grid-template-rows:auto}
  .mosaic-card,.mosaic-card.large{grid-column:auto;grid-row:auto;min-height:180px}
  .list-grid,.numbered-grid{grid-template-columns:1fr}
  .category-panels{grid-template-columns:1fr 1fr}
  .entry-card{padding:17px}
  .entry-image{margin-left:-17px;margin-right:-17px}
  .entry-title{font-size:33px}
  .entry-content{font-size:16px}
  .related-wall{grid-template-columns:1fr}
  .feed-item{grid-template-columns:115px minmax(0,1fr)}
  .feed-item h2{font-size:18px}
  .footer-grid{grid-template-columns:1fr}
}