/*
Theme Name: Bukovyna Online Portal V5 Clean
Theme URI: https://bukovyna.online/
Author: ChatGPT
Description: Two-column desktop news theme inspired by Ukrainska Pravda layout (clean, readable), adapted to bukovyna.online hubs, mobile-first, Discover-friendly single with featured image. Listing cards without thumbnails.
Version: 7.4.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPLv2 or later
Text Domain: bukovyna-online-modern
Tags: news, blog, two-columns, custom-menu, featured-images, translation-ready, responsive
*/

:root{
  --bg:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e5e7eb;
  --card:#ffffff;
  --accent:#0b5ed7;
  --danger:#dc2626;
  --max:1180px;
  --radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit; text-decoration:none}
a:hover{color:var(--accent); text-decoration:underline}
img{max-width:100%; height:auto}
.container{max-width:var(--max); margin:0 auto; padding:0 14px}
@media(min-width:740px){ .container{padding:0 18px} }

.small{font-size:.93rem; color:var(--muted)}
hr{border:0; border-top:1px solid var(--line); margin:18px 0}

.badge{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.78rem; letter-spacing:.02em;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  background:#fff;
}
.badge.hot{border-color:rgba(220,38,38,.25); color:var(--danger)}
.badge.menu{border-color:var(--line); color:var(--muted)}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px; padding:9px 12px; border-radius:10px;
  background:var(--accent);
  border:1px solid var(--accent);
  color:#fff;
}
.btn:hover{filter:brightness(1.05); text-decoration:none}
.btn.secondary{
  background:#fff;
  border:1px solid var(--line);
  color:var(--text);
}

/* Header */
.site-header{
  position:sticky; top:0; z-index:120;
  background-image: url('assets/ua-pattern.svg');
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 800px 120px;
  background:linear-gradient(180deg, rgba(11,94,215,.10) 0%, rgba(255,255,255,1) 45%, rgba(220,38,38,.06) 100%);
  border-bottom:1px solid var(--line);
  box-shadow: 0 8px 24px rgba(17,24,39,.06);
}
.topbar{
  background:linear-gradient(90deg, rgba(11,94,215,.04), rgba(220,38,38,.03));
  border-bottom:1px solid var(--line);
  font-size:.86rem;
  color:var(--muted);
}
.topbar .topbar-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 0;
  gap:10px;
}
.header-inner{
  min-height:64px;
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 0;
  gap:12px;
}
.brand{
  display:flex; align-items:center; gap:12px;
}
.brand img{height:44px; width:auto; display:block}
/* Logo aspect ratio fix */
.brand img,
.custom-logo{
  height:44px !important;
  width:auto !important;
  max-width:260px;
  object-fit:contain;
  display:block;
}

.brand .brand-text{display:flex; flex-direction:column; gap:2px}
.brand .brand-text a{font-weight:800; letter-spacing:.02em; font-size:1.02rem}
.brand .tagline{font-size:.82rem; color:var(--muted)}
.nav-toggle{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px;
  border-radius:10px; border:1px solid var(--line);
  background:#fff; color:var(--text)
}
.primary-nav{display:none}
.primary-nav ul{list-style:none; margin:0; padding:0; display:flex; gap:8px; flex-wrap:wrap}
.primary-nav a{padding:8px 10px; border-radius:10px}
.primary-nav a:hover{background:#f3f4f6; text-decoration:none}

/* Dropdown menu (desktop) */
.primary-nav li{position:relative}
.primary-nav .sub-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:8px;
  margin-top:6px;
  z-index:200;
}
.primary-nav .sub-menu li{width:100%}
.primary-nav .sub-menu a{
  display:block;
  padding:10px 10px;
  border-radius:8px;
  white-space:nowrap;
}
.primary-nav li:hover > .sub-menu,
.primary-nav li:focus-within > .sub-menu{display:block}

.search-wrap{display:none}
.search-wrap form{display:flex; align-items:center; gap:8px}
.search-wrap input[type="search"]{
  width:220px; max-width:48vw;
  padding:9px 10px; border-radius:10px;
  border:1px solid var(--line);
  background:#fff; color:var(--text);
}
.search-wrap button{
  padding:9px 10px; border-radius:10px;
  border:1px solid var(--line);
  background:#fff; color:var(--text);
  cursor:pointer;
}
.mobile-menu{display:none; border-top:1px solid var(--line); padding:12px 0}
.mobile-menu ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px}
.mobile-menu a{padding:10px 12px; border-radius:10px; background:#fff; border:1px solid var(--line)}
.mobile-menu a:hover{background:#f3f4f6; text-decoration:none}
@media(min-width:980px){
  .nav-toggle{display:none}
  .primary-nav{display:block}
  .search-wrap{display:block}
  .mobile-menu{display:none !important}
}

/* Two-column layout (Pravda-like) */
.layout{
  display:grid;
  gap:18px;
  grid-template-columns: 1fr;
  margin-top:14px;
}
@media(min-width:980px){
  .layout{
    grid-template-columns: 1.65fr .85fr;
    align-items:start;
  }
}
.maincol{}
.sidebar{}

/* Lists */
.section-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 10px}
.section-head h2{margin:0; font-size:1.12rem}
.section-head a{color:var(--muted); font-size:.92rem}
.section-head a:hover{color:var(--accent)}

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:12px;
}
.card h3{margin:6px 0 6px; line-height:1.25; font-size:1.02rem}
.meta{display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:var(--muted); font-size:.86rem}
.meta a{color:var(--muted)}
.meta a:hover{color:var(--accent)}
.excerpt{color:var(--muted); margin:8px 0 0}

/* Thumbnails on listings (announces) */
.thumb{display:block; margin:10px 0 10px;}
.thumb img{width:100%; height:auto; border-radius:10px;}

/* Hero */
.hero-card{
  padding:14px;
  border-radius:var(--radius);
  background:#fff;
  border:1px solid var(--line);
}
.hero-card h1{line-height:1.12; margin:10px 0; font-size:1.55rem}
@media(min-width:740px){ .hero-card h1{font-size:1.85rem} }
.hero-card .lead{color:var(--muted); font-size:1.02rem}
.hero-card .actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}

/* Ticker */
.ticker ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.ticker li a{
  display:flex; gap:10px; align-items:flex-start;
  padding:10px 10px; border-radius:10px;
  border:1px solid var(--line);
  background:#fff;
}
.ticker li a:hover{background:#f9fafb; text-decoration:none}
.ticker time{color:var(--muted); font-size:.82rem; white-space:nowrap; margin-top:1px}

/* Sidebar widgets */
.widget h3{margin:0 0 10px; font-size:1rem}
.widget ul{margin:0; padding-left:18px}
.widget a{color:var(--text)}
.widget a:hover{color:var(--accent)}

/* Single (featured image ON) */
.single-wrap{max-width:860px; margin:0 auto; padding:16px 12px}
@media(min-width:740px){ .single-wrap{padding:20px 16px} }
.single-wrap h1{line-height:1.12; font-size:1.65rem; margin:8px 0}
@media(min-width:740px){ .single-wrap h1{font-size:2.1rem} }
.single-meta{display:flex; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:.92rem; margin:10px 0 12px}
.single-meta a{color:var(--muted)}
.single-meta a:hover{color:var(--accent)}
.single-lead{color:var(--muted); font-size:1.06rem; margin:12px 0}
.content p{margin:0 0 14px}
.content h2, .content h3{margin:22px 0 10px; line-height:1.2}
.content ul, .content ol{margin:0 0 16px 22px}
.content blockquote{
  margin:18px 0; padding:14px 16px;
  border-left:3px solid var(--accent);
  background:#f3f7ff;
  border-radius:10px;
}

/* Footer */
.site-footer{margin-top:30px; border-top:1px solid var(--line); background:#fff}
.footer-inner{padding:22px 0; display:grid; gap:14px}
.footer-inner .cols{display:grid; gap:14px; grid-template-columns:1fr}
@media(min-width:900px){ .footer-inner .cols{grid-template-columns:1.3fr 1fr 1fr} }
.footer-inner a{color:var(--muted)}
.footer-inner a:hover{color:var(--accent)}
.footer-bottom{padding:14px 0; color:var(--muted); font-size:.86rem; border-top:1px solid var(--line)}

/* WP */
.screen-reader-text{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}


/* Smaller left-aligned thumbnails in article previews */
.card{display:block; overflow:hidden}
.thumb{
  float:left;
  width:120px;
  min-width:120px;
  margin:6px 12px 6px 0;
}
.thumb img{
  width:120px;
  height:80px;
  object-fit:cover;
  border-radius:8px;
}

/* Clear float after card */
.card::after{content:"";display:block;clear:both}

/* Full article images always 100% width */
.content img{
  width:100% !important;
  height:auto !important;
  display:block;
  margin:14px 0;
  border-radius:10px;
}


/* Compact mobile feed (UP-like) */
@media(max-width:520px){
  .card{padding:10px}
  .thumb{
    width:92px;
    min-width:92px;
    margin:6px 10px 6px 0;
  }
  .thumb{aspect-ratio:16/9}
  .thumb img{border-radius:8px}
  .card h3{font-size:.98rem; line-height:1.22}
  .excerpt{display:none} /* compact like mobile news feeds */
  .meta{gap:8px; font-size:.82rem}
}


/* Sidebar fresh news with thumbnails */
.side-news{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.side-link{display:flex; gap:10px; align-items:flex-start}
.side-thumbwrap{flex:0 0 92px}
.side-thumb{width:92px; height:auto; display:block; border-radius:8px}
.side-title{font-size:.95rem; line-height:1.25; color:var(--text)}
.side-link:hover{text-decoration:none}
.side-link:hover .side-title{color:var(--accent)}

/* Homepage slider */
.slider{padding:12px; background:linear-gradient(135deg, rgba(11,94,215,.06), rgba(220,38,38,.04)); border:1px solid rgba(17,24,39,.08)}
.slider-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px}
.slider-head h2{margin:0; font-size:1.06rem}
.slider-dots{display:flex; gap:6px; align-items:center}
.slider-dots .dot{
  width:9px; height:9px; border-radius:999px;
  border:1px solid var(--line); background:#fff; cursor:pointer;
}
.slider-dots .dot.active{background:var(--accent); border-color:var(--accent)}
.slider-viewport{position:relative}
.slide{border:1px solid rgba(17,24,39,.10); border-radius:12px; overflow:visible; background:#fff}
.slide-link{display:block}
.slide-media{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.slide-media.noimg{background:#f3f4f6}
.slide-body{padding:12px}
.slide-body h3{margin:8px 0 6px; font-size:1.12rem; line-height:1.2}
.slide-body .excerpt{margin:0; color:var(--muted)}
.slider-nav{display:flex; gap:10px; justify-content:flex-end; margin-top:10px}


/* Watermark logo overlay (bigger + almost solid) */
.slide-media .wm{
  position:absolute;
  right:10px;
  bottom:10px;
  width:6%; /* +120% approx from original 5% */
  min-width:36px;
  max-width:72px;
  aspect-ratio:1/1;
  background-image:url('../assets/logo.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  opacity:.85; /* almost non transparent */
  pointer-events:none;
  filter:none;
}


@media(max-width:520px){
  .slider-nav{justify-content:space-between}
  .slide-body h3{font-size:1.02rem}
  .slide-body .excerpt{display:none}
}


/* Sticky sidebar */
@media(min-width:980px){
.sidebar{position:sticky; top:90px}
}

/* Stronger pastel gradients */
.site-header{background:linear-gradient(180deg,#ffffff,#f2f6ff)}
.slider{background:linear-gradient(135deg,#eef4ff,#fff4f4)}

/* Brand without title text */
.brand{gap:0}

.mgid-under-article{margin:30px 0;padding:10px 0;border-top:1px solid var(--line)}


/* Sidebar layout hardening */
.layout{align-items:start}
@media(min-width:980px){
  .sidebar{
    align-self:start;
    position:sticky;
    top:110px; /* below sticky header */
    padding:0; /* avoid breaking inner cards */
    background:transparent; /* gradients go on a wrapper card */
    border-radius:0;
  }
}
/* Soft pastel wrapper for sidebar content without affecting layout */
.sidebar > .card:first-child{
  background:linear-gradient(180deg,#ffffff,#f7faff);
}


/* Floating report button */
.fab-report{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(11,94,215,.92), rgba(11,94,215,.78));
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  box-shadow: 0 12px 28px rgba(17,24,39,.18);
  text-decoration:none;
}
.fab-report:hover{filter:brightness(1.04); text-decoration:none; color:#fff}
.fab-icon{
  width:34px; height:34px;
  border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.18);
  font-weight:700;
}
.fab-text{font-weight:700; font-size:.95rem; letter-spacing:.01em}

/* Mobile: compact pill */
@media(max-width:520px){
  .fab-report{
    right:12px;
    bottom:12px;
    padding:11px 12px;
  }
  .fab-text{display:none;}
  .fab-icon{width:40px; height:40px; font-size:1.05rem}
}


/* Social CTA block */
.social-cta{padding:14px}
.social-cta-list{display:flex; flex-direction:column; gap:10px}
.social-btn{
  display:flex; align-items:center; gap:12px;
  padding:14px 16px;
  border-radius:12px;
  text-decoration:none; font-weight:700;
  border:1px solid rgba(17,24,39,.12);
  transition:.15s ease;
}
.social-btn .ico{
  width:34px; height:34px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.25);
}
.social-btn:hover{transform:translateY(-1px); box-shadow:0 8px 18px rgba(17,24,39,.15)}

/* brand colors */
.social-btn.tg{background:linear-gradient(135deg,#2AABEE,#229ED9); color:#fff}
.social-btn.fb{background:linear-gradient(135deg,#1877F2,#166FE5); color:#fff}
.social-btn.yt{background:linear-gradient(135deg,#FF0033,#cc0029); color:#fff}

/* mobile */
@media(max-width:520px){
  .social-btn{padding:13px 14px; font-size:.95rem}
}


/* Header hardening against layout shifts (ads/overlays) */
.site-header{
  contain: layout paint;
  isolation: isolate;
}

/* Sidebar subtle highlight (pastel) */
.sidebar .card{
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,250,255,1) 100%);
}


/* Dropdown menu should overlay content */
.site-header{z-index:9990;}
.header-inner{position:relative; z-index:9991; overflow:visible;}
.nav{position:relative; z-index:9992; overflow:visible;}
.nav ul{overflow:visible;}
.nav li{position:relative;}
.nav .sub-menu{
  position:absolute;
  left:0;
  top:100%;
  z-index:9999;
}


/* ===== Ukrainian bold header + slider accent ===== */
:root{
  --ua-blue:#0b4aa2;
  --ua-blue2:#1b74d1;
  --ua-yellow:#ffd400;
  --ua-yellow2:#ffb703;
}

.site-header{
  background:
    linear-gradient(90deg, rgba(11,74,162,.98) 0%, rgba(27,116,209,.98) 48%, rgba(255,212,0,.96) 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 10px, rgba(255,255,255,0) 10px 22px);
  border-bottom: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.site-header a, .site-header .nav a{
  color: #fff;
}
.site-header a:hover{opacity:.92}

.site-header .nav a{
  font-weight: 800;
  letter-spacing: .02em;
}

.site-header .nav .sub-menu a{
  color:#111;
  font-weight: 700;
}

/* Logo nicer on contrast */
.site-header .site-logo img{
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.25));
}

/* Slider accent (pastel but more contrast) */
.hero, .slider, .slideshow, .home-hero, .top-slider, .featured-slider{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}
.hero:before, .slider:before, .slideshow:before, .home-hero:before, .top-slider:before, .featured-slider:before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(11,74,162,.18) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,.38) 100%),
              linear-gradient(90deg, rgba(255,212,0,.08) 0%, rgba(255,255,255,0) 50%, rgba(255,212,0,.10) 100%);
  pointer-events:none;
}
.hero * , .slider * , .slideshow * , .home-hero * , .top-slider * , .featured-slider *{position:relative; z-index:1;}

/* Ukrainian ornament header */
.site-header{
 background:
 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><rect width="120" height="120" fill="%230b4aa2"/><path d="M0 60h120M60 0v120" stroke="%23ffd400" stroke-width="6" opacity=".35"/></svg>') repeat,
 linear-gradient(#0b4aa2,#0b4aa2);
 color:#fff;
}
.buk-related{margin-top:30px;border-top:3px solid #ffd400;padding-top:15px}
.buk-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.buk-related-item{display:flex;gap:10px;align-items:center;text-decoration:none}
.buk-related-item img{width:80px;height:60px;object-fit:cover}



/* Carpathian semi-transparent header (more realistic layered mountains) */
.site-header{
  background:
    linear-gradient(180deg, rgba(10,18,28,.38) 0%, rgba(10,18,28,.18) 60%, rgba(10,18,28,.28) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 420"><defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="%23215fa8"/><stop offset=".65" stop-color="%230b2d4d"/><stop offset="1" stop-color="%2309192a"/></linearGradient><linearGradient id="mist" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="%23ffffff" stop-opacity=".18"/><stop offset="1" stop-color="%23ffffff" stop-opacity="0"/></linearGradient></defs><rect width="1600" height="420" fill="url(%23sky)"/><path d="M0 310 C140 260 260 270 380 230 C520 180 660 210 780 170 C930 120 1080 170 1220 140 C1380 110 1490 180 1600 210 V420 H0Z" fill="%23061b30" opacity=".95"/><path d="M0 340 C170 300 310 320 430 285 C590 235 720 265 860 225 C1030 170 1180 230 1320 205 C1460 180 1540 215 1600 230 V420 H0Z" fill="%230a2b4a" opacity=".85"/><path d="M0 375 C220 345 360 360 520 335 C700 305 820 330 980 305 C1160 275 1310 305 1460 295 C1535 290 1575 294 1600 298 V420 H0Z" fill="%231a6fbf" opacity=".55"/><rect width="1600" height="420" fill="url(%23mist)"/></svg>') center/cover no-repeat;
  backdrop-filter: blur(6px);
  color:#fff;
}
.site-header a{color:#fff}


/* Last 24 hours block */
.buk-last24{margin:18px 0 26px; background:rgba(255,255,255,.92); border:1px solid rgba(0,0,0,.08); border-radius:14px; overflow:hidden}
.buk-last24-head{padding:12px 14px; background:linear-gradient(90deg, rgba(11,74,162,.10), rgba(255,212,0,.10)); border-bottom:1px solid rgba(0,0,0,.06)}
.buk-last24-head h2{margin:0; font-size:18px; font-weight:900}
.buk-last24-list{display:flex; flex-direction:column}
.buk-last24-item{display:grid; grid-template-columns: 64px 1fr auto; gap:10px; align-items:center; padding:10px 12px; text-decoration:none}
.buk-last24-item:hover{background:rgba(0,0,0,.04)}
.buk-last24-thumb img{width:64px; height:44px; object-fit:cover; border-radius:10px}
.buk-last24-title{font-weight:800; color:#111; line-height:1.15}
.buk-last24-time{font-size:12px; color:rgba(0,0,0,.62); font-weight:700}
@media (max-width: 600px){
  .buk-last24-item{grid-template-columns: 56px 1fr; }
  .buk-last24-time{display:none}
  .buk-last24-thumb img{width:56px; height:40px}
}

/* Top topics chips */
.buk-top-topics{margin:14px 0 22px; background:rgba(255,255,255,.92); border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:12px 14px}
.buk-top-topics h2{margin:0 0 10px; font-size:18px; font-weight:900}
.buk-top-topics-list{display:flex; flex-wrap:wrap; gap:8px}
.buk-topic-chip{display:inline-flex; align-items:center; padding:8px 10px; border-radius:999px; border:1px solid rgba(0,0,0,.10); text-decoration:none; font-weight:800}
.buk-topic-chip:hover{background:rgba(0,0,0,.05)}


/* ==== Lightweight CLS fixes (no perf hooks) ==== */
.post-card-thumb img,
.buk-last24-thumb img{
  aspect-ratio: 16 / 9;
}
.site-header .site-logo img{
  width:auto;
  max-height:56px;
}
@media (max-width: 600px){
  .site-header .site-logo img{ max-height:46px; }
}



/* ===== Sidebar: Bukovyna fresh block (compact) ===== */
.side-news{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.side-item{margin:0}
.side-link{display:flex; gap:10px; align-items:flex-start}
.side-thumbwrap{flex:0 0 96px; width:96px; border-radius:10px; overflow:hidden; background:#f1f5f9}
.side-thumb{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover}
.side-title{display:block; font-weight:700; line-height:1.2}
.side-meta{display:block; margin-top:4px; font-size:.82rem; color:var(--muted)}

/* ===== Mobile menu readability ===== */
.mobile-menu{
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(8px);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px;
}
.mobile-menu a{color:var(--text) !important}
.mobile-menu a:hover{background:rgba(0,0,0,.04)}
.mobile-menu .sub-menu{background:transparent}
.mobile-menu .sub-menu a{opacity:.95}


/* ===== Portal V5.1 polish ===== */
.maincol > .portal-section:first-of-type{margin-top:0}
.portal-hero-card,
.portal-top-list,
.sidebar .card,
.sidebar .widget{border-radius:14px}
.portal-hero-body{padding-top:2px}
.portal-hero-body .actions{margin-top:14px}
.portal-hero-body .btn{min-height:42px}
.portal-section .section-head{margin-bottom:12px}
.grid,
.portal-grid,
.portal-top-items,
.portal-live-list,
.portal-hromady-grid{align-items:start}
.portal-hromady-grid a{transition:.15s ease}
.portal-hromady-grid a:hover{transform:translateY(-1px);text-decoration:none;background:#f9fafb}
.portal-top-item{padding:0 0 12px;border-bottom:1px solid var(--line)}
.portal-top-item:last-child{padding-bottom:0;border-bottom:0}
.portal-live-item strong a{line-height:1.28}
.portal-live-item .small{margin-top:4px}
.sidebar h3{line-height:1.2}
.sidebar .social-cta h3{margin-bottom:12px}
.sidebar .social-cta-list{display:grid;gap:10px}
.sidebar .social-btn{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font-weight:700}
.sidebar .social-btn .ico{width:34px;height:34px;border-radius:999px;background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center}
.sidebar .tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.sidebar .tagcloud a{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}
.sidebar .widget .side-news,
.sidebar .widget .wpp-list{margin:0;padding:0;list-style:none}
.sidebar .widget .side-item,
.sidebar .widget li{padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.sidebar .widget .side-item:last-child,
.sidebar .widget li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.sidebar .widget .side-title{font-weight:700;line-height:1.24}
.sidebar .widget .side-meta{display:block;margin-top:4px;color:var(--muted);font-size:.82rem}
.content > *:first-child{margin-top:0}
.content figure{margin:18px 0}
.content img{border-radius:12px}
.content iframe{max-width:100%}
.content h2,.content h3{line-height:1.18;margin-top:26px}
.content p{line-height:1.7}
.mgid-under-article{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:979px){
  .portal-top{grid-template-columns:1fr}
  .layout{gap:18px}
  .portal-hero-thumb{margin:-18px -18px 12px}
}
@media(max-width:739px){
  .container{padding-left:14px;padding-right:14px}
  .portal-hero-body h1{font-size:1.52rem}
  .portal-top-item{grid-template-columns:88px 1fr;gap:10px}
  .portal-top-item-thumb img{width:88px;height:58px}
  .portal-live-item{padding:10px}
  .portal-live-item time{min-width:42px}
  .portal-hromady-grid{grid-template-columns:repeat(2,1fr)}
  .sidebar .sticky-mgid{position:static}
}

.single-sharebar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.single-sharebar a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}


/* ===== Portal V5.2 refinement ===== */
.site-header,
header.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px}
.site-branding{display:flex;align-items:center;gap:12px;min-width:0}
.site-branding img{max-height:42px;width:auto}
.site-title{font-size:1.25rem;font-weight:800;line-height:1.05;margin:0}
.site-tagline{font-size:.82rem;color:var(--muted);margin:0}
.primary-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.primary-nav a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;font-weight:700}
.primary-nav .current-menu-item > a,.primary-nav a:hover{background:#f3f4f6;text-decoration:none}
.breaking-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:12px;margin:14px 0 0}
.breaking-bar strong{color:var(--danger);white-space:nowrap}
.portal-hero-card{border-radius:16px}
.portal-hero-thumb img{aspect-ratio:16/9;object-fit:cover}
.portal-hero-body{padding:2px 0 2px}
.portal-hero-body h1{font-size:2.15rem;line-height:1.03;letter-spacing:-.02em}
.portal-top-list{padding:16px}
.portal-top-list .section-head{margin-bottom:10px}
.portal-top-items{gap:14px}
.portal-top-item-thumb img{width:118px;height:78px}
.portal-top-item h3{font-size:1.03rem}
.portal-section{margin-top:22px}
.portal-section .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.portal-section .section-head h2{margin:0}
.portal-live-list{gap:12px}
.portal-live-item{border-radius:12px;padding:12px 14px}
.portal-live-item .small{line-height:1.45}
.portal-hromady-grid a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}
.grid .card{height:100%}
.grid .card .thumb img,
.grid .card img{aspect-ratio:16/9;object-fit:cover}
.grid .card h3{line-height:1.24}
.sidebar .card,.sidebar .widget{border-radius:16px}
.sidebar .widget h3{margin:0 0 12px}
.sidebar .social-cta{padding:16px}
.sidebar .social-btn:hover{background:#fafafa;text-decoration:none}
.sidebar .sticky-mgid{top:84px}
.single-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.9rem}
.single-sharebar a:hover{text-decoration:none;background:#fafafa}
.content blockquote{margin:20px 0;padding:14px 16px;border-left:4px solid var(--danger);background:#fafafa;border-radius:0 10px 10px 0}
.content ul,.content ol{padding-left:22px}
.content table{width:100%;display:block;overflow:auto}
.content .wp-block-image img{aspect-ratio:auto}
.footer-widgets,.site-footer{margin-top:28px}

@media(max-width:1199px){
  .portal-hero-body h1{font-size:1.92rem}
}
@media(max-width:979px){
  .site-header .wrap{min-height:60px}
  .primary-nav{gap:6px}
  .primary-nav a{padding:8px 10px;font-size:.93rem}
}
@media(max-width:739px){
  .site-header{position:static}
  .site-header .wrap{flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:12px}
  .primary-nav{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}
  .portal-hero-body h1{font-size:1.62rem}
  .portal-top-list{padding:14px}
  .portal-top-item-thumb img{width:92px;height:62px}
  .breaking-bar{padding:10px 12px;overflow:auto}
}


/* ===== Portal V5.3 refinement ===== */
.single-sharebar{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:14px 0 18px;
}
@media(min-width:740px){
  .single-sharebar{grid-template-columns:repeat(3,1fr);}
}
.single-sharebar .share-btn{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  font-weight:700;
  text-decoration:none;
}
.single-sharebar .share-btn:hover{text-decoration:none;background:#fafafa}
.single-sharebar .share-ico{
  width:36px;height:36px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;background:#f3f4f6;flex:0 0 36px;
}
.single-sharebar .tg .share-ico{background:#e0f2fe}
.single-sharebar .fb .share-ico{background:#e8edff}
.single-sharebar .vb .share-ico{background:#ede9fe}

.sidebar .card,
.sidebar .widget{
  border-radius:16px;
  overflow:hidden;
}
.sidebar .card > h3,
.sidebar .widget > h3{
  margin:0;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:#fafbfc;
}
.sidebar .sidebar-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:#fafbfc;
}
.sidebar .sidebar-title-row h3{
  margin:0;
  line-height:1.2;
}
.sidebar .sidebar-title-row span{
  font-size:.78rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.sidebar .social-cta-list{padding:14px 16px}
.sidebar .tagcloud{padding:14px 16px}

.sidebar .widget .side-news,
.sidebar .widget .wpp-list,
.sidebar .widget ul{
  padding:14px 16px;
  margin:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.sidebar .widget .side-item,
.sidebar .widget li{
  margin:0;
  padding:0 0 14px;
  border-bottom:1px solid var(--line);
}
.sidebar .widget .side-item:last-child,
.sidebar .widget li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.sidebar .widget .side-link{
  display:block;
  text-decoration:none;
}
.sidebar .widget .side-thumbwrap,
.sidebar .widget .side-thumbwrap img{
  display:block;
  width:100%;
}
.sidebar .widget .side-thumbwrap img,
.sidebar .widget .side-thumb{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:12px;
}
.sidebar .widget .side-title{
  display:block;
  margin-top:10px;
  font-weight:800;
  line-height:1.25;
}
.sidebar .widget .side-meta{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:.82rem;
}
.sidebar .social-btn{
  min-height:48px;
}

/* ===== V5.4 sidebar + share icons ===== */

.single-sharebar.icons{
display:flex;
gap:10px;
margin:16px 0 22px;
}

.single-sharebar.icons .share-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:999px;
border:1px solid var(--line);
background:#fff;
color:#111;
transition:.15s;
}

.single-sharebar.icons .share-icon:hover{
background:#f5f5f5;
}

.single-sharebar.icons .tg{color:#1d9bf0}
.single-sharebar.icons .fb{color:#1877f2}
.single-sharebar.icons .vb{color:#7c4dff}

/* sidebar cards full image */
.sidebar .widget .side-link{
display:block;
}

.sidebar .widget .side-thumbwrap img,
.sidebar .widget .side-thumb{
width:100%;
height:auto;
aspect-ratio:16/9;
object-fit:cover;
border-radius:12px;
}

.sidebar .widget .side-title{
display:block;
margin-top:10px;
font-weight:800;
line-height:1.25;
font-size:0.98rem;
}

.sidebar .widget .side-meta{
margin-top:4px;
font-size:.82rem;
color:var(--muted);
}


/* ===== Portal V6 homepage ===== */
.v6-top-layout{display:grid;gap:16px}
@media(min-width:1100px){.v6-top-layout{grid-template-columns:1.2fr .8fr}}
.v6-hero-card{overflow:hidden;border-radius:18px}
.v6-hero-thumb{display:block}
.v6-hero-thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.v6-hero-body{padding:16px 18px 18px}
.v6-hero-body h1{font-size:2.2rem;line-height:1.03;letter-spacing:-.02em;margin:10px 0}
.v6-top-col{padding:16px}
.v6-top-list{display:grid;gap:14px}
.v6-top-item{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--line)}
.v6-top-item:last-child{padding-bottom:0;border-bottom:0}
.v6-top-thumb img{width:110px;height:74px;object-fit:cover;border-radius:10px;display:block}
.v6-top-item h3{margin:4px 0 0;font-size:1rem;line-height:1.22}
.v6-ribbon{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:stretch;margin-top:18px}
.v6-ribbon-label{display:flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;background:#d71920;color:#fff;font-weight:800;letter-spacing:.04em}
.v6-ribbon-items{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:980px){.v6-ribbon-items{grid-template-columns:repeat(3,1fr)}}
.v6-ribbon-link{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none}
.v6-ribbon-link .time{color:var(--danger);font-weight:800;min-width:42px}
.v6-ribbon-link .title{font-weight:700;line-height:1.24}
.v6-hromady a{min-height:52px;font-size:1rem}
.v6-grid-main{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:740px){.v6-grid-main{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1140px){.v6-grid-main{grid-template-columns:repeat(4,1fr)}}
.v6-three-col{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:980px){.v6-three-col{grid-template-columns:repeat(3,1fr)}}
.v6-subtitle{margin:0 0 10px;font-size:1.1rem}
.v6-stack{display:grid;gap:12px}
.v6-stack .card{height:100%}
.v6-grid-secondary{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:740px){.v6-grid-secondary{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1140px){.v6-grid-secondary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:739px){
  .v6-hero-body h1{font-size:1.7rem}
  .v6-top-item{grid-template-columns:92px 1fr;gap:10px}
  .v6-top-thumb img{width:92px;height:62px}
  .v6-ribbon{grid-template-columns:1fr}
}


/* ===== V6.1 slider + sidebar fixes ===== */

.v61-slider-track{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:12px;
}

@media(max-width:980px){
.v61-slider-track{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.v61-slider-track{grid-template-columns:1fr;}
}

.v61-slide-thumb img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:12px;
}

.v61-slide-title{
margin-top:8px;
font-size:1.05rem;
line-height:1.25;
}

/* sidebar full width thumbnails */
.sidebar .widget .side-thumbwrap img,
.sidebar .widget .side-thumb{
width:100%;
height:auto;
aspect-ratio:16/9;
object-fit:cover;
border-radius:12px;
}

.sidebar .widget .side-link{
display:block;
}

.sidebar .widget .side-title{
margin-top:10px;
display:block;
font-weight:800;
}

/* video full width */
.content iframe,
.content video,
.content .wp-block-embed iframe{
width:100% !important;
max-width:100% !important;
aspect-ratio:16/9;
height:auto;
}


/* ===== V6.2 discover layout ===== */
.v62-slider{margin-top:18px}
.v62-slider-shell{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
}
.v62-slider-viewport{
  overflow:hidden;
  border-radius:18px;
}
.v62-slider-track{
  display:flex;
  transition:transform .45s ease;
  will-change:transform;
}
.v62-slide{
  flex:0 0 100%;
  padding:0 0;
}
@media(min-width:700px){
  .v62-slide{flex-basis:50%}
}
@media(min-width:1100px){
  .v62-slide{flex-basis:33.3333%}
}
.v62-slide{padding-right:14px; box-sizing:border-box;}
.v62-slide:last-child{padding-right:0}
.v62-slide-thumb{
  display:block;
  background:#eef2f7;
}
.v62-slide-thumb img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  border-radius:16px;
}
.v62-slide-body{padding:10px 2px 0}
.v62-slide-title{
  margin:8px 0 0;
  font-size:1.06rem;
  line-height:1.22;
}
.v62-slider-nav{
  width:42px;
  height:42px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
}
.v62-slider-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:12px;
}
.v62-dot{
  width:9px;
  height:9px;
  border:0;
  border-radius:999px;
  background:#d1d5db;
  padding:0;
}
.v62-dot.active{background:#111827}

/* LIVE ribbon clearer */
.v6-ribbon-link{min-height:74px}
.v6-ribbon-link .title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Main block in two columns */
.v62-grid-main{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
@media(min-width:840px){
  .v62-grid-main{grid-template-columns:repeat(2,1fr)}
}
.v62-grid-main .card .excerpt,
.v62-grid-main .card p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Discover cards a bit punchier */
.v62-grid-main .card h3,
.v6-grid-secondary .card h3,
.v6-stack .card h3{
  font-size:1.06rem;
  line-height:1.2;
}
.v62-grid-main .card img,
.v6-grid-secondary .card img,
.v6-stack .card img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Sidebar image cards full width */
.sidebar .widget .side-news,
.sidebar .widget .wpp-list,
.sidebar .widget ul{
  display:grid;
  gap:16px;
}
.sidebar .widget .side-link{
  display:block !important;
}
.sidebar .widget .side-thumbwrap,
.sidebar .widget .side-thumbwrap img,
.sidebar .widget .side-thumb{
  display:block;
  width:100% !important;
  max-width:100%;
  height:auto !important;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:14px;
}
.sidebar .widget .side-title{
  display:block;
  margin-top:10px;
  font-weight:800;
  line-height:1.24;
  font-size:1rem;
}
.sidebar .widget .side-meta{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.82rem;
}

/* Embedded video full width */
.content iframe,
.content video,
.content .wp-block-embed iframe,
.content .wp-block-video video,
.content embed,
.content object{
  display:block;
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:16/9;
  border:0;
}

/* Small performance-oriented visual trim */
img{height:auto}
.v6-hero-thumb img,
.v62-slide-thumb img,
.sidebar .widget .side-thumb,
.sidebar .widget .side-thumbwrap img{
  image-rendering:auto;
}

@media(max-width:699px){
  .v62-slider-shell{
    grid-template-columns:1fr;
  }
  .v62-slider-nav{
    display:none;
  }
  .v62-slide{padding-right:0}
}


/* ===== V6.3 live look polish ===== */

/* Header / menu */
.site-header,
header.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:72px;
}
.site-branding{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.site-branding img{max-height:42px;width:auto}
.menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-weight:800;
}
.primary-nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.primary-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  font-weight:700;
}
.primary-nav a:hover,
.primary-nav .current-menu-item > a{
  background:#f3f4f6;
  text-decoration:none;
}

/* Sidebar cards: enforce full-width thumbnails in Popular / New today */
.sidebar .widget .side-news,
.sidebar .widget .wpp-list,
.sidebar .widget ul{
  display:grid !important;
  gap:16px;
  padding:14px 16px !important;
}
.sidebar .widget .side-link{
  display:block !important;
  width:100% !important;
}
.sidebar .widget .side-thumbwrap{
  display:block !important;
  width:100% !important;
  margin:0 0 10px !important;
}
.sidebar .widget .side-thumbwrap img,
.sidebar .widget .side-thumb{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  object-fit:cover !important;
  border-radius:14px !important;
}
.sidebar .widget .side-title{
  display:block !important;
  width:100%;
  margin-top:0 !important;
  font-size:1rem;
  font-weight:800;
  line-height:1.24;
}
.sidebar .widget .side-meta{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:.82rem;
}

/* Homepage cards closer to bukovyna.online */
.v6-hero-body h1{
  font-size:2.05rem;
  line-height:1.03;
}
.v6-top-col{
  padding:14px 16px;
}
.v6-top-list{
  gap:12px;
}
.v6-top-item{
  grid-template-columns:96px 1fr;
  gap:10px;
  padding-bottom:12px;
}
.v6-top-thumb img{
  width:96px;
  height:64px;
  border-radius:10px;
}
.v6-top-item h3{
  font-size:.98rem;
  line-height:1.22;
}
.v62-grid-main .card,
.v6-grid-secondary .card,
.v6-stack .card{
  overflow:hidden;
  border-radius:16px;
}
.v62-grid-main .card h3,
.v6-grid-secondary .card h3,
.v6-stack .card h3{
  font-size:1.02rem;
  line-height:1.2;
}
.v62-grid-main .card .excerpt,
.v62-grid-main .card p{
  font-size:.93rem;
}

/* Live ribbon */
.v6-ribbon-link{
  min-height:72px;
  border-radius:14px;
}
.v6-ribbon-link .time{
  min-width:42px;
}

/* Mobile */
@media(max-width:979px){
  .menu-toggle{display:inline-flex}
  .primary-nav{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding-top:12px;
  }
  .primary-nav.is-open{display:flex}
  .site-header .wrap{
    flex-wrap:wrap;
    min-height:64px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .primary-nav a{
    justify-content:flex-start;
    border-radius:12px;
    background:#fff;
    border:1px solid var(--line);
    min-height:44px;
    padding:0 14px;
  }
}
@media(max-width:739px){
  .v6-hero-body h1{font-size:1.68rem}
  .v6-top-item{grid-template-columns:88px 1fr}
  .v6-top-thumb img{width:88px;height:58px}
}


/* ===== V6.4 exact sidebar patch ===== */
.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sidebar-box__title{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  background:#fafbfc;
  font-weight:800;
  line-height:1.2;
}
.sidebar-list--cards{
  display:grid;
  gap:16px;
  padding:14px 16px;
}
.sidebar-item--card{
  display:block;
  padding:0 0 16px;
  border-bottom:1px solid var(--line);
}
.sidebar-item--card:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.sidebar-thumb--full{
  display:block;
  width:100%;
  margin:0 0 10px;
}
.sidebar-thumb--full img{
  display:block;
  width:100%;
  min-width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:14px;
}
.sidebar-link--title{
  display:block;
  font-weight:800;
  line-height:1.24;
  font-size:1rem;
  text-decoration:none;
}
.sidebar-meta{
  margin-top:6px;
  color:var(--muted);
  font-size:.82rem;
}


/* ===== V6.7 sidebar order, no-dup, mobile polish ===== */
.sidebar{
  display:grid;
  gap:16px;
}
.sidebar > *{
  min-width:0;
}
.sidebar .social-cta-list{
  display:grid;
  gap:10px;
  padding:14px 16px;
}
.sidebar .social-btn{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  text-decoration:none;
  font-weight:700;
}
.sidebar .social-btn .ico{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f6;
  flex:0 0 34px;
}
.sidebar .sticky-mgid{
  position:sticky;
  top:84px;
}
@media (max-width: 979px){
  .layout{
    gap:18px;
  }
  .sidebar{
    gap:14px;
  }
  .sidebar .sticky-mgid{
    position:static;
    top:auto;
  }
}
@media (max-width: 739px){
  .container{
    padding-left:14px;
    padding-right:14px;
  }
  .sidebar .sidebar-box__title,
  .sidebar .sidebar-title-row{
    padding:12px 14px;
  }
  .sidebar .sidebar-list--cards,
  .sidebar .widget ul,
  .sidebar .widget .side-news,
  .sidebar .widget .wpp-list{
    padding:12px 14px !important;
    gap:14px;
  }
  .sidebar-thumb--full img,
  .sidebar .widget .side-thumbwrap img,
  .sidebar .widget .side-thumb{
    border-radius:12px;
  }
  .sidebar-link--title,
  .sidebar .widget .side-title{
    font-size:.98rem;
    line-height:1.25;
  }
  .single-sharebar.icons{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .single-sharebar.icons .share-icon{
    width:40px;
    height:40px;
  }
  .v6-hero-body h1{
    font-size:1.62rem;
  }
  .v6-ribbon-link{
    min-height:auto;
    padding:10px 12px;
  }
  .v62-slider-shell{
    gap:8px;
  }
}



/* ===== V6.8 UI fixes ===== */

/* restore social button colors */
.social-btn.tg{background:#229ED9;color:#fff}
.social-btn.fb{background:#1877F2;color:#fff}
.social-btn.yt{background:#FF0000;color:#fff}

.social-btn.tg .ico{background:rgba(255,255,255,.15);color:#fff}
.social-btn.fb .ico{background:rgba(255,255,255,.15);color:#fff}
.social-btn.yt .ico{background:rgba(255,255,255,.15);color:#fff}

/* Головне зараз cards like sidebar */
.v6-top-list{
display:grid;
grid-template-columns:1fr;
gap:16px;
}

.v68-card{
display:block;
border-bottom:1px solid var(--line);
padding-bottom:14px;
}

.v68-thumb{
display:block;
width:100%;
margin-bottom:8px;
}

.v68-thumb img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:12px;
}

.v68-title{
font-size:1rem;
line-height:1.25;
font-weight:800;
margin:0;
}

/* mobile symmetry */
@media(max-width:740px){
.v6-top-col{padding:12px}
.v68-title{font-size:.98rem}
}


/* ===== V7 final newsroom polish ===== */

/* Hero with overlay headline */
.v6-hero-card{
  position:relative;
  overflow:hidden;
  min-height:0;
}
.v6-hero-thumb{
  position:relative;
}
.v6-hero-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.22) 38%, rgba(0,0,0,.78) 100%);
}
.v7-hero-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:20px 22px 22px;
  color:#fff;
  z-index:2;
}
.v7-hero-overlay .meta{
  color:rgba(255,255,255,.92);
}
.v7-hero-overlay .badge.menu{
  background:rgba(255,255,255,.14);
  color:#fff;
  border-color:rgba(255,255,255,.2);
  backdrop-filter:blur(6px);
}
.v7-hero-overlay h1{
  margin:10px 0 8px;
  font-size:2.25rem;
  line-height:1.02;
  letter-spacing:-.02em;
}
.v7-hero-overlay h1 a,
.v7-hero-overlay .lead{
  color:#fff;
}
.v7-hero-overlay .lead{
  margin:0;
  max-width:80%;
  opacity:.96;
}

/* TERMINOVO block */
.v7-urgent-block{
  margin-top:18px;
}
.v7-urgent-block .section-head h2{
  color:#b91c1c;
}
.v7-urgent-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
@media(min-width:740px){
  .v7-urgent-grid{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1140px){
  .v7-urgent-grid{grid-template-columns:repeat(4,1fr);}
}
.v7-urgent-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  height:100%;
}
.v7-urgent-thumb img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.v7-urgent-body{
  padding:12px 14px 14px;
}
.v7-urgent-body h3{
  margin:6px 0 0;
  font-size:1rem;
  line-height:1.22;
}

/* LIVE ribbon more newsroom */
.v6-ribbon{
  margin-top:18px;
}
.v6-ribbon-label{
  background:#111827;
  color:#fff;
  border-radius:14px;
}
.v6-ribbon-link{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 4px 14px rgba(17,24,39,.03);
}

/* Discover cards like major media */
.v62-grid-main .card,
.v6-grid-secondary .card,
.v6-stack .card{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(17,24,39,.05);
}
.v62-grid-main .card img,
.v6-grid-secondary .card img,
.v6-stack .card img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.v62-grid-main .card h3,
.v6-grid-secondary .card h3,
.v6-stack .card h3{
  font-size:1.08rem;
  line-height:1.18;
}
.v62-grid-main .card .excerpt,
.v6-grid-secondary .card .excerpt,
.v6-stack .card .excerpt,
.v62-grid-main .card p,
.v6-grid-secondary .card p,
.v6-stack .card p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--muted);
}

/* Better mobile */
@media(max-width:979px){
  .v7-hero-overlay{
    padding:16px 16px 18px;
  }
  .v7-hero-overlay h1{
    font-size:1.8rem;
  }
  .v7-hero-overlay .lead{
    max-width:100%;
  }
}
@media(max-width:739px){
  .v7-hero-overlay h1{
    font-size:1.52rem;
  }
  .v7-urgent-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V7.1 hero symmetry fix ===== */
.v6-top-layout{
  display:grid;
  gap:18px;
  align-items:stretch;
}
@media(min-width:1100px){
  .v6-top-layout{
    grid-template-columns:minmax(0, 1.45fr) minmax(320px, .55fr);
  }
}
.v6-hero-col,
.v6-top-col{
  min-width:0;
}
.v6-hero-card{
  height:100%;
  min-height:520px;
  border-radius:18px;
}
.v6-hero-thumb{
  height:100%;
}
.v6-hero-thumb img{
  width:100%;
  height:100%;
  min-height:520px;
  aspect-ratio:auto;
  object-fit:cover;
  display:block;
}
.v7-hero-overlay{
  padding:24px 24px 24px;
}
.v7-hero-overlay h1{
  font-size:2.45rem;
  line-height:1.02;
  max-width:88%;
}
.v7-hero-overlay .lead{
  max-width:72%;
}
.v6-top-col{
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
.v6-top-list{
  flex:1 1 auto;
}
@media(max-width:1199px){
  .v6-hero-card{min-height:460px}
  .v6-hero-thumb img{min-height:460px}
  .v7-hero-overlay h1{font-size:2.1rem;max-width:92%}
  .v7-hero-overlay .lead{max-width:85%}
}
@media(max-width:979px){
  .v6-top-layout{
    grid-template-columns:1fr;
  }
  .v6-hero-card{
    min-height:0;
  }
  .v6-hero-thumb img{
    min-height:0;
    aspect-ratio:16/9;
  }
  .v7-hero-overlay{
    padding:18px 18px 18px;
  }
}
@media(max-width:739px){
  .v7-hero-overlay h1{
    font-size:1.62rem;
    max-width:100%;
  }
  .v7-hero-overlay .lead{
    max-width:100%;
  }
}


/* ===== V7.2 menu restore fix ===== */
.primary-nav{
  display:flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.primary-nav ul{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:0;
}
.primary-nav li{
  margin:0;
  padding:0;
  list-style:none;
}
.primary-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  font-weight:700;
}
.menu-toggle{
  display:none;
}
@media(max-width:979px){
  .menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 14px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    font-weight:800;
  }
  .primary-nav{
    display:none !important;
    width:100%;
  }
  .primary-nav.is-open{
    display:block !important;
  }
  .primary-nav ul{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    width:100%;
    padding-top:12px;
  }
  .primary-nav a{
    justify-content:flex-start;
    border-radius:12px;
    background:#fff;
    border:1px solid var(--line);
    min-height:44px;
    padding:0 14px;
  }
}


/* ===== V7.3 hard menu fix ===== */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:72px;
}
.site-branding{
  display:flex;
  align-items:center;
  min-width:0;
}
.site-logo-link,
.site-logo-link:hover{
  display:flex;
  align-items:center;
  text-decoration:none;
}
.site-branding .custom-logo{
  max-height:46px;
  width:auto;
  height:auto;
}
.site-title{
  font-size:1.25rem;
  font-weight:800;
  color:var(--text);
}
.primary-nav{
  display:block !important;
  margin-left:auto;
}
.primary-menu{
  display:flex !important;
  align-items:center;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}
.primary-menu li{
  list-style:none;
  margin:0;
  padding:0;
}
.primary-menu a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.primary-menu a:hover,
.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a{
  background:#f3f4f6;
}
.menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-weight:800;
}
@media(max-width:979px){
  .site-header .wrap{
    flex-wrap:wrap;
    min-height:64px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .menu-toggle{
    display:inline-flex;
  }
  .primary-nav{
    display:none !important;
    width:100%;
    margin-left:0;
  }
  .primary-nav.is-open{
    display:block !important;
  }
  .primary-menu{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    gap:8px;
    padding-top:12px;
  }
  .primary-menu a{
    justify-content:flex-start;
    min-height:44px;
    padding:0 14px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
  }
}


/* ===== V7.4 menu text color fix ===== */
.site-header,
.site-header a,
.site-header .site-title,
.site-header .primary-nav,
.site-header .primary-nav a,
.site-header .primary-menu a,
.site-header .menu-item a,
.site-header .current-menu-item > a,
.site-header .current_page_item > a{
  color:#111827 !important;
}

.site-header .primary-menu a:hover,
.site-header .current-menu-item > a,
.site-header .current_page_item > a{
  color:#111827 !important;
  background:#f3f4f6;
}

@media(max-width:979px){
  .site-header .primary-menu a{
    color:#111827 !important;
    background:#fff;
  }
}