/*
Theme Name: Bukovyna Online Portal V6.3 Clean News
Theme URI: https://bukovyna.online/
Author: OpenAI
Description: Clean regional news portal with strong homepage, right sidebar and mobile-first layout.
Version: 6.3.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, responsive
*/

:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#161b26;
  --muted:#667085;
  --line:#e5e7eb;
  --accent:#0b57d0;
  --accent-dark:#083b8d;
  --dark:#0f172a;
  --max:1280px;
  --radius:18px;
  --shadow:0 14px 40px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.screen-reader-text{position:absolute;left:-9999px}

.topbar{background:var(--dark);color:#dbe4ff;font-size:.9rem}
.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:8px 0}
.topbar-badge{font-weight:700;letter-spacing:.04em}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{max-height:58px;width:auto}
.brand-text{min-width:0}
.brand-title{display:block;font-size:1.35rem;font-weight:800;line-height:1.1}
.brand-subtitle{font-size:.93rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-tools{display:flex;align-items:center;gap:14px}
.header-search{width:min(360px,42vw)}
.searchform{display:flex;align-items:center;gap:8px}
.search-field{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;font-size:1rem}
.search-submit,.btn{height:44px;padding:0 16px;border-radius:12px;border:0;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
.btn--dark{background:var(--dark)}
.btn--ghost{background:#eef2ff;color:var(--dark)}
.nav-row{background:#fff;border-top:1px solid var(--line)}
.nav-row-inner{display:flex;align-items:center;gap:20px}
.primary-nav ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.primary-nav li{position:relative}
.primary-nav a{display:block;padding:12px 14px;border-radius:12px;font-weight:700;color:#1f2937}
.primary-nav a:hover{background:#f3f4f6;color:var(--accent-dark)}
.primary-nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);z-index:40}
.primary-nav li:hover>.sub-menu{display:block}
.primary-nav .sub-menu a{padding:10px 12px;font-weight:600}
.nav-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--dark)}
.mobile-menu{background:#fff;border-top:1px solid var(--line)}
.mobile-menu__inner{padding:16px 0 20px}
.mobile-search{margin-bottom:14px}
.mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mobile-menu a{display:block;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);font-weight:700}
.mobile-menu .sub-menu{margin-top:8px;padding-left:14px}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:24px 0 36px}
.maincol{min-width:0}
.sidebar{display:flex;flex-direction:column;gap:18px}
.page-home .layout--home{align-items:start}

.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:20px;margin-bottom:26px}
.hero-main{overflow:hidden}
.hero-main__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hero-main__body{padding:18px 20px 22px}
.post-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-dark);font-weight:800;font-size:.84rem;text-transform:uppercase;letter-spacing:.04em}
.hero-main__title{font-size:2rem;line-height:1.15;margin:10px 0 12px}
.hero-main__excerpt{font-size:1.06rem;color:#344054;margin:0}
.single-lead{font-size:1.12rem;line-height:1.75;color:#0f172a;margin:18px 0 0;padding:14px 18px;border-left:4px solid var(--accent);background:linear-gradient(180deg,#f8fafc 0%,#eef5ff 100%);border-radius:12px;box-shadow:0 1px 0 rgba(15,23,42,.04)}
@media (max-width:768px){.single-lead{font-size:1.03rem;padding:12px 14px;border-radius:10px}}
.hero-side{display:grid;gap:14px}
.hero-side__item{display:grid;grid-template-columns:150px minmax(0,1fr);overflow:hidden}
.hero-side__thumb img{width:100%;height:100%;min-height:100%;object-fit:cover}
.hero-side__body{padding:14px}
.hero-side__title{font-size:1rem;line-height:1.3;margin:6px 0 0}

.section-block{margin-top:28px}
.section-block--split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.section-head h2{margin:0;font-size:1.4rem;line-height:1.2}
.section-head a{color:var(--accent-dark);font-weight:700}
.cards-grid{display:grid;gap:18px}
.cards-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.news-card{overflow:hidden}
.news-card__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.news-card__body{padding:14px 16px 18px}
.news-card__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:.88rem;margin-bottom:8px}
.news-card__title{font-size:1.12rem;line-height:1.28;margin:0 0 8px}
.news-card__excerpt{margin:0;color:#475467;font-size:.96rem}

.widget{padding:18px}
.widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.widget-head h3,.widget-title{margin:0;font-size:1.15rem}
.social-grid{display:grid;grid-template-columns:1fr;gap:12px}
.social-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);box-shadow:var(--shadow)}
.social-card:hover{transform:translateY(-1px)}
.social-card__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#e9eef8;color:#0f172a;font-weight:800;font-size:1.1rem;flex:0 0 42px}
.social-card__body{display:flex;flex-direction:column;gap:2px}
.social-card__body strong{font-size:1rem;line-height:1.1}
.social-card__body small{color:var(--muted);font-size:.84rem}
.social-card--telegram .social-card__icon{background:#e5f3ff;color:#0a66c2}
.social-card--facebook .social-card__icon{background:#e8f0ff;color:#1b4ed8}
.social-card--youtube .social-card__icon{background:#ffe9e9;color:#c62828}
.popular-grid,.list-stack{display:grid;gap:14px}
.popular-card{overflow:hidden;border:1px solid var(--line);border-radius:14px}
.popular-card__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.popular-card__body{padding:12px 14px 16px}
.popular-card__title{margin:6px 0 0;font-size:1rem;line-height:1.3}
.bukovyna-today-widget .popular-card__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.bukovyna-today-widget .popular-card__body{padding:12px 14px 16px}

.mini-post{padding-bottom:12px;border-bottom:1px solid var(--line)}
.mini-post:last-child{padding-bottom:0;border-bottom:0}
.mini-post--media{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.mini-post__thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.mini-post__title{display:block;font-weight:700;line-height:1.35}
.mini-post__meta{font-size:.84rem;color:var(--muted);margin-top:4px}
.list-stack.compact .mini-post{padding:0 0 10px}
.tagcloud{display:flex;flex-wrap:wrap;gap:10px}
.tagcloud a{display:inline-flex;padding:9px 12px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);font-weight:700;font-size:.92rem}

.single-article{padding:0;background:transparent;border:0;box-shadow:none}
.single-header{padding:6px 0 18px}
.single-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:.92rem;margin-bottom:8px}
.single-title{font-size:2.4rem;line-height:1.12;margin:0 0 12px}
.single-hero{margin:0 0 18px;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--line)}
.single-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.single-hero figcaption{padding:10px 14px;font-size:.9rem;color:var(--muted);border-top:1px solid var(--line)}
.content{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px;box-shadow:var(--shadow)}
.content > *:first-child{margin-top:0}
.content img{width:100%;height:auto;border-radius:16px}
.content p,.content li{font-size:1.06rem}
.related-posts{margin-top:28px}

.site-footer{margin-top:24px;background:var(--dark);color:#e5edff}
.footer-inner{padding:30px 0}
.cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.footer-bottom{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:.92rem;color:#bfd0ff}
.footer-inner a{color:#fff}

.cookie-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#111827;color:#fff;border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.25)}
.cookie-consent__text{max-width:780px}
.cookie-consent__actions{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width: 1199px){
  .layout,.section-block--split{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width: 1080px){
  .cards-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 991px){
  .site-header{position:static}
  .header-search,.nav-row{display:none}
  .nav-toggle{display:flex}
  .layout,.section-block--split,.hero-grid,.cols{grid-template-columns:1fr}
  .sidebar{order:2}
}
@media (max-width: 680px){
  .container{padding:0 12px}
  .topbar-inner,.header-main,.section-head,.cookie-consent{align-items:flex-start;flex-direction:column}
  .header-main{padding:12px 0}
  .brand{align-items:flex-start}
  .brand img{max-height:48px}
  .brand-title{font-size:1.18rem}
  .single-title{font-size:1.8rem}
  .hero-main__title{font-size:1.5rem}
  .hero-side__item{grid-template-columns:1fr}
  .hero-side__thumb img{aspect-ratio:16/9}
  .cards-grid--three{grid-template-columns:1fr}
  .content{padding:18px}
  .cookie-consent{left:12px;right:12px;bottom:12px}
}


.archive-hero{padding:22px 24px;margin-bottom:18px}
.archive-hero__title{margin:8px 0 10px;font-size:2rem;line-height:1.15}
.archive-hero__desc,.archive-hero__note{margin:0;color:#475467;font-size:1rem}
.archive-hero__note{margin-top:10px}
.archive-grid{margin-top:0}
.archive-pagination{margin:18px 0 0}
.archive-pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}
.archive-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700}
.archive-pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}

.cookie-consent[hidden]{display:none !important}
.cookie-consent{pointer-events:auto;z-index:9999}
.cookie-consent .btn{position:relative;z-index:2}

.fab-report{position:fixed;right:18px;bottom:88px;z-index:9998;display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border-radius:999px;background:linear-gradient(135deg,#d32f2f 0%,#ef4444 100%);color:#fff;box-shadow:0 18px 36px rgba(0,0,0,.22);font-weight:800;letter-spacing:.01em;transition:transform .2s ease, box-shadow .2s ease}
.fab-report:hover{color:#fff;transform:translateY(-2px);box-shadow:0 22px 44px rgba(0,0,0,.28)}
.fab-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.16);font-size:1rem}
.fab-text{white-space:nowrap}

@media (max-width: 680px){
  .archive-hero{padding:18px}
  .archive-hero__title{font-size:1.55rem}
  .fab-report{right:12px;left:12px;bottom:84px;justify-content:center;padding:14px 16px}
}

.fab-report--pulse{animation:bukPulse 2.2s infinite}
@keyframes bukPulse{0%{box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 0 0 rgba(239,68,68,.35)}70%{box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 0 16px rgba(239,68,68,0)}100%{box-shadow:0 18px 36px rgba(0,0,0,.22),0 0 0 0 rgba(239,68,68,0)}}
.archive-hero{padding:18px 22px}
.archive-hero__desc:empty{display:none}
.related-posts .section-head{margin-bottom:16px}
.related-posts .section-head h2{font-size:1.32rem}


/* Responsive embeds inside article */
.single-article .content iframe,
.single-article .content video,
.single-article .content embed,
.single-article .content object,
.single-article .content .wp-video,
.single-article .content .wp-block-embed,
.single-article .content .wp-block-video,
.single-article .content .wp-block-embed__wrapper,
.single-article .content .wp-block-embed__wrapper iframe {
  display:block;
  width:100% !important;
  max-width:100% !important;
}
.single-article .content iframe,
.single-article .content .wp-block-embed__wrapper iframe {
  aspect-ratio:16/9;
  min-height:320px;
  height:auto !important;
  border:0;
}
.single-article .content video,
.single-article .content .wp-video {
  height:auto !important;
}
@media (max-width: 767px) {
  .single-article .content iframe,
  .single-article .content .wp-block-embed__wrapper iframe {
    min-height:220px;
  }
}