/*
Theme Name: Midtown BigNews V5
Theme URI: https://midtowntribune.com/
Author: OpenAI
Description: Dense production-ready news block theme for Midtown Tribune / BigNY-style portals.
Requires at least: 6.6
Tested up to: 6.9.4
Requires PHP: 7.4
Version: 1.5.0
License: GPL-2.0-or-later
Text Domain: midtown-bignews-v5
*/

:root {
  --mbn-radius-sm: 12px;
  --mbn-radius-md: 16px;
  --mbn-radius-lg: 22px;
  --mbn-border: 1px solid rgba(16,24,40,.10);
  --mbn-shadow-sm: 0 10px 24px rgba(16,24,40,.05);
}

html { scroll-behavior: smooth; }
body { background: #fff; }
body .wp-site-blocks { min-height: 100vh; }
.wp-site-blocks > * + * { margin-block-start: 0; }

.mbn-breaking-bar {
  background: #bf2217;
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .03em;
}
.mbn-breaking-label {
  display: inline-block;
  background: rgba(0,0,0,.22);
  color: #fff;
  border-radius: 999px;
  padding: .28rem .62rem;
  font-size: .64rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mbn-topbar {
  border-bottom: 1px solid rgba(16,24,40,.08);
  font-size: .82rem;
  background: #fff;
}

.mbn-site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255,255,255,.98);
  backdrop-filter: saturate(160%) blur(12px);
  border-bottom: 1px solid rgba(16,24,40,.08);
}

.mbn-card,
.is-style-mbn-card,
.wp-block-group.is-style-mbn-card,
.wp-block-post.is-style-mbn-card,
.mbn-hero-post .wp-block-post,
.mbn-grid .wp-block-post,
.mbn-video-grid .wp-block-post,
.mbn-stream .wp-block-post,
.mbn-stack .wp-block-post {
  border: var(--mbn-border);
  border-radius: var(--mbn-radius-md);
  box-shadow: var(--mbn-shadow-sm);
  overflow: hidden;
  background: #fff;
  height: 100%;
}

.mbn-soft,
.is-style-mbn-soft {
  border: var(--mbn-border);
  border-radius: var(--mbn-radius-md);
  background: linear-gradient(180deg, rgba(248,250,252,.96), rgba(255,255,255,1));
}

.mbn-hero-post img,
.mbn-grid img,
.mbn-video-grid img,
.mbn-stream img,
.mbn-stack img,
.single .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: auto;
}

.single .wp-block-post-featured-image img {
  border-radius: var(--mbn-radius-lg);
}

.mbn-kicker,
.is-style-mbn-kicker {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  font-size: .66rem;
}
.mbn-kicker::before,
.is-style-mbn-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--wp--preset--color--accent, #c1121f);
}

.mbn-headlines-list,
.mbn-headlines-list ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.mbn-headlines-list {
  counter-reset: mbn-headline;
}
.mbn-headlines-list li {
  padding: .52rem 0 .52rem 1.55rem;
  border-top: 1px solid rgba(16,24,40,.08);
  line-height: 1.15;
  position: relative;
  margin: 0;
}
.mbn-headlines-list li:first-child { border-top: 0; padding-top: .1rem; }
.mbn-headlines-list li::before {
  counter-increment: mbn-headline;
  content: counter(mbn-headline);
  position: absolute;
  left: 0;
  top: .5rem;
  font-size: .72rem;
  font-weight: 900;
  color: var(--wp--preset--color--accent);
}
.mbn-headlines-list a {
  text-decoration: none;
  font-weight: 800;
}
.mbn-headlines-list a:hover { text-decoration: underline; }

.mbn-meta,
.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-post-terms {
  font-size: .8rem;
  color: #667085;
}

.mbn-news-ticker {
  border: var(--mbn-border);
  border-radius: 999px;
  background: #f8fafc;
  padding: .55rem .9rem;
  overflow: hidden;
}
.mbn-news-ticker-dense .wp-block-latest-posts {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.1rem;
  list-style: none;
  padding-left: 0;
  margin: 0;
  min-width: max-content;
}
.mbn-news-ticker-dense .wp-block-latest-posts li {
  margin: 0;
  padding: 0;
  font-size: .8rem;
  position: relative;
  white-space: nowrap;
}
.mbn-news-ticker-dense .wp-block-latest-posts li::after {
  content: "•";
  display: inline-block;
  margin-left: 1.1rem;
  color: var(--wp--preset--color--accent);
}
.mbn-news-ticker-dense .wp-block-latest-posts li:last-child::after { display: none; }
.mbn-news-ticker-dense .wp-block-latest-posts li a {
  text-decoration: none;
  font-weight: 800;
}
.mbn-news-ticker-auto .wp-block-latest-posts {
  animation: mbnTicker 38s linear infinite;
}
.mbn-news-ticker-auto:hover .wp-block-latest-posts { animation-play-state: paused; }
@keyframes mbnTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-20%); }
}

.mbn-hero-shell .wp-block-post-featured-image { margin-bottom: 0; }
.mbn-hero-lead .wp-block-post-title {
  line-height: .96;
  font-size: clamp(2.2rem, 4.8vw, 3.9rem);
  margin-top: .1rem;
  margin-bottom: .4rem;
}
.mbn-hero-lead .wp-block-post-excerpt {
  font-size: 1rem;
  line-height: 1.5;
}
.mbn-tight-card .wp-block-post-title {
  line-height: 1.02;
  margin-top: .1rem;
  margin-bottom: .2rem;
}
.mbn-mini-grid .wp-block-post-title,
.mbn-four-up-grid .wp-block-post-title {
  line-height: 1.06;
  font-size: 1rem;
}
.mbn-sidebar-headlines,
.mbn-sticky-rail,
.mbn-single-sidebar {
  position: sticky;
  top: 108px;
  align-self: start;
}
.mbn-quick-panel .mbn-headlines-list li { padding-top: .42rem; padding-bottom: .42rem; }

.mbn-single-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,340px);
  gap: clamp(20px, 3vw, 36px);
}

.mbn-panel,
.mbn-direct-answer,
.mbn-key-facts,
.mbn-qa-block,
.mbn-video-box {
  border: var(--mbn-border);
  border-radius: var(--mbn-radius-md);
  background: #f8fafc;
  padding: .95rem 1rem;
}
.mbn-mini-panel p,
.mbn-panel p:last-child { margin-bottom: 0; }
.mbn-direct-answer p:last-child,
.mbn-key-facts ul,
.mbn-qa-block dl { margin-bottom: 0; }
.mbn-key-facts ul,
.mbn-panel ul { padding-left: 1.1rem; }
.mbn-key-facts li + li,
.mbn-panel li + li,
.mbn-qa-block div + div { margin-top: .55rem; }

.wp-block-navigation .wp-block-navigation-item__content { font-weight: 800; }
.wp-block-search__button,
.wp-block-button__link,
button,
input[type="submit"] { border-radius: 999px; }

.wp-block-post-template.is-layout-grid { gap: .85rem; }
.mbn-stream .wp-block-post-template { display: grid; gap: 10px; }
.mbn-stream-row {
  border-bottom: 1px solid rgba(16,24,40,.08);
  padding-bottom: 12px;
  margin-bottom: 0;
}
.mbn-stream-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.mbn-stream .wp-block-post-excerpt,
.mbn-dense-grid .wp-block-post-excerpt {
  font-size: .92rem;
  line-height: 1.45;
}

.wp-block-query-pagination { margin-top: 1.5rem; }

@media (max-width: 1180px) {
  .mbn-four-up-grid .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .mbn-sidebar-headlines,
  .mbn-sticky-rail { position: static; }
}

@media (max-width: 980px) {
  .mbn-single-grid { grid-template-columns: 1fr; }
  .mbn-single-sidebar { position: static; }
  .mbn-news-ticker-dense .wp-block-latest-posts {
    display: block;
    animation: none;
    min-width: auto;
  }
  .mbn-news-ticker-dense .wp-block-latest-posts li {
    white-space: normal;
    margin-top: .35rem;
  }
  .mbn-news-ticker-dense .wp-block-latest-posts li::after { display: none; }
}

@media (max-width: 781px) {
  .mbn-hide-mobile { display: none !important; }
  .mbn-site-header { position: static; }
  .mbn-hero-lead .wp-block-post-title { font-size: clamp(1.7rem, 9vw, 2.5rem); }
  .mbn-stream-row { padding-bottom: 10px; }
  .mbn-four-up-grid .wp-block-post-template.is-layout-grid,
  .mbn-mini-grid .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .mbn-four-up-grid .wp-block-post-template.is-layout-grid,
  .mbn-mini-grid .wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr;
  }
}


.mbn-ad-slot {
  border: 1px dashed rgba(16,24,40,.18);
  border-radius: var(--mbn-radius-md);
  padding: 14px;
  background: linear-gradient(180deg, rgba(248,250,252,.96), rgba(255,255,255,1));
}
.mbn-ad-slot .mbn-ad-label {
  display:inline-flex;align-items:center;gap:.35rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.64rem;color:#667085;margin-bottom:.45rem;
}
.mbn-ad-slot .mbn-ad-label::before {content:"";width:7px;height:7px;border-radius:999px;background:var(--wp--preset--color--accent,#c1121f);}
.mbn-ad-slot .mbn-ad-placeholder {font-size:.88rem;color:#667085;line-height:1.45;}
.mbn-video-module iframe {width:100%;min-height:220px;border:0;border-radius:18px;}
.mbn-video-module img {display:block;width:100%;height:auto;border-radius:18px;}
.mbn-video-module .mbn-video-title{font-size:1.15rem;line-height:1.12;font-weight:800;margin:.7rem 0 .35rem;}
.mbn-direct-answer p:last-child,.mbn-key-facts ul:last-child,.mbn-qa-block .mbn-qa-list:last-child{margin-bottom:0;}
.mbn-key-facts ul{padding-left:1.1rem;}
.mbn-key-facts li{margin:.35rem 0;}
.mbn-qa-item{padding:.6rem 0;border-top:1px solid rgba(16,24,40,.08);} 
.mbn-qa-item:first-child{border-top:0;padding-top:0;}
.mbn-sponsor-note{font-size:.76rem;color:#667085;}
.mbn-headlines-list li a{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
@media (max-width: 1024px){
  .mbn-single-grid{grid-template-columns:minmax(0,1fr)}
  .mbn-sidebar-headlines,.mbn-sticky-rail,.mbn-single-sidebar{position:static;top:auto}
}