:root { --mkau-header-h: 66px; }

/* Clear the fixed .site-header on every page */
body { padding-top: var(--mkau-header-h); }
.admin-bar .site-header { top: 32px; }
@media (max-width:782px){ .admin-bar .site-header { top: 46px; } body { padding-top: calc(var(--mkau-header-h) + 0px); } }

/* Header nav */
.main-nav-list { display:flex; align-items:center; gap:1.6rem; list-style:none; margin:0; padding:0; }
.main-nav-list a { color:var(--text-primary); font-weight:500; font-size:.9375rem; }
.main-nav-list a:hover { color:var(--red-primary); }
@media (max-width:768px){ .main-nav { display:none; } }

/* Missing-plugin notice */
.mkau-core-warning { background:#3a0d0d; color:#ffd9d9; border-bottom:1px solid var(--red-primary); padding:.6rem 1rem; font-size:.85rem; text-align:center; }

/* Archive header */
.mkau-archive { width:min(1400px,100%); margin:0 auto; }
.mkau-archive-header { width:min(1240px,calc(100% - 2rem)); margin:2rem auto; padding:clamp(1.5rem,4vw,3rem);
	border:1px solid var(--border); border-radius:24px;
	background:radial-gradient(circle at top left, var(--red-subtle), transparent 40%), var(--bg-card); }
.mkau-archive-title { font-size:clamp(2rem,5vw,3.6rem); line-height:1; letter-spacing:-.04em; }
.mkau-archive-description { margin-top:.75rem; color:var(--text-muted); max-width:760px; }
.mkau-empty { color:var(--text-muted); padding:2rem 0; }

/* Pagination */
.mkau-pagination { margin:2.5rem 0; display:flex; justify-content:center; }
.mkau-pagination .page-numbers { display:inline-flex; min-width:42px; height:42px; align-items:center; justify-content:center;
	padding:0 .6rem; margin:0 .2rem; border:1px solid var(--border); border-radius:10px; color:var(--text-primary); }
.mkau-pagination .page-numbers.current, .mkau-pagination .page-numbers:hover { background:var(--red-primary); border-color:transparent; color:#fff; }

/* Card score badge sizing */
.card-rating .rating { width:auto; height:auto; line-height:1; border-radius:8px; background:rgba(0,0,0,.85); padding:.35rem .55rem; font-size:.95rem; text-shadow:none; }

/* Carousel dots */
.carousel-dots { position:absolute; bottom:1.25rem; left:50%; transform:translateX(-50%); display:flex; gap:.5rem; z-index:3; }
.carousel-dots .carousel-dot { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.4); cursor:pointer; }
.carousel-dots .carousel-dot.active { background:var(--red-primary); }

/* Entry content typography */
.mkau-entry-content { color:var(--text-secondary); font-size:1.06rem; line-height:1.8; }
.mkau-entry-content > * { margin-bottom:1.2rem; }
.mkau-entry-content h2,.mkau-entry-content h3,.mkau-entry-content h4 { color:var(--text-primary); line-height:1.15; margin-top:2rem; }
.mkau-entry-content a { color:var(--red-primary); text-decoration:underline; text-underline-offset:.2em; }
.mkau-entry-content img { max-width:100%; height:auto; border-radius:12px; }
.mkau-entry-content blockquote { margin:1.5rem 0; padding:1rem 1.25rem; border-left:4px solid var(--red-primary); background:var(--red-subtle); border-radius:0 12px 12px 0; }
.mkau-entry-content ul,.mkau-entry-content ol { padding-left:1.4rem; }
.alignwide { max-width:min(1180px,100%); } .alignfull { width:100%; }
.wp-caption,.gallery-caption { color:var(--text-faint); font-size:.85rem; }

/* Chips */
.mkau-chip-row { display:flex; flex-wrap:wrap; gap:.45rem; }
.mkau-chip { display:inline-flex; align-items:center; padding:.3rem .7rem; border:1px solid var(--red-border); border-radius:999px;
	background:var(--red-subtle); color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.mkau-tags { margin-top:1.5rem; }

/* Widgets */
.mkau-widget { padding:1.25rem; border:1px solid var(--border); border-radius:18px; background:var(--bg-card); margin-bottom:1.25rem; }
.mkau-widget-title { font-size:.95rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.9rem; color:var(--text-primary); }
.mkau-widget ul { list-style:none; margin:0; padding:0; }
.mkau-widget li { margin-bottom:.6rem; } .mkau-widget a { color:var(--text-secondary); } .mkau-widget a:hover { color:var(--red-primary); }


/* ===== Hero (homepage) — flex slide carousel (matches mkau-2026.js translateX) ===== */
.hero-section { position:relative; overflow:hidden; }
.hero-carousel { display:flex; transition:transform .6s ease; will-change:transform; }
.hero-slide { position:relative; flex:0 0 100%; min-width:100%; min-height:clamp(360px,48vw,620px);
	background-size:cover; background-position:center; opacity:1; }
.hero-slide::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.88)); }
.hero-content { position:absolute; left:0; right:0; bottom:0; z-index:2; width:min(1560px,100%); margin:0 auto; padding:clamp(1.5rem,5vw,3.5rem); }
.hero-tag { display:inline-block; padding:.4rem 1rem; border-radius:999px; font-size:.8rem; font-weight:800; letter-spacing:.04em;
	text-transform:uppercase; color:#fff; background:linear-gradient(135deg, var(--red-dark), var(--red-primary)); margin-bottom:1rem; }
.hero-title { color:#fff; font-size:clamp(2rem,5.5vw,4.5rem); line-height:1; letter-spacing:-.04em; margin-bottom:1rem; text-wrap:balance; }
.hero-description { color:rgba(255,255,255,.82); max-width:640px; margin-bottom:1.5rem; font-size:1.06rem; }
.hero-buttons { display:flex; gap:1rem; flex-wrap:wrap; }

/* ===== Phase 4: wider layout + widget zones ===== */
/* Use more of the screen on large displays */
.header-container,
.container,
.footer-container { max-width: 1560px; }

/* Denser card grids on wide screens */
@media (min-width:1500px){
  .grid-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
}

/* Wider single post / review reading area */
.mkau-review-grid { width: min(1560px, calc(100% - 2rem)); grid-template-columns: minmax(0,1fr) 340px; }
.mkau-page-grid   { width: min(1100px, calc(100% - 2rem)); }

/* Homepage "Community & Streams" widget row */
.mkau-community-row { margin-top: 1rem; }
.mkau-widget-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 1.5rem;
  align-items: start;
}
.mkau-widget-grid .mkau-widget { margin-bottom: 0; }

/* Footer widget columns */
.footer-widgets {
  width: min(1560px, calc(100% - 2rem));
  margin: 0 auto 2.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--border);
}
.footer-widget-col .mkau-widget { background: transparent; border: none; padding: 0; }

/* Keep embedded plugin widgets (Discord/Twitch/Instagram iframes) inside their cells */
.mkau-widget-grid iframe,
.footer-widgets iframe,
.mkau-widget iframe,
.mkau-widget img { max-width: 100%; }


/* Uniform community/stream boxes — equal height, top-aligned content */
.mkau-widget-grid { align-items: stretch; }
.mkau-widget-grid > .mkau-widget { height: 100%; display: flex; flex-direction: column; }


/* ===== Centered header (logo top, nav below) ===== */
:root { --mkau-header-h: 0px; }
.site-header { position:static; z-index:1000;
	background:rgba(10,10,10,.96); backdrop-filter:blur(12px); border-bottom:1px solid var(--red-border, rgba(230,50,50,.3)); }
.header-bar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem;
	max-width:1560px; margin:0 auto; padding:.55rem 2rem; }
.header-spacer { grid-column:1; }
.site-branding { grid-column:2; text-align:center; }
.site-branding img, .site-branding .custom-logo, .site-branding .custom-logo-link { max-height:120px; width:auto; height:auto; display:block; margin:0 auto; }
.header-bar .header-actions { grid-column:3; justify-self:end; }
.site-header .main-nav { display:flex; justify-content:center; padding:.1rem 1rem .55rem; }
.site-header .main-nav-list { justify-content:center; flex-wrap:wrap; }
@media (max-width:768px){
	:root { --mkau-header-h: 0px; }
	.site-header .main-nav { display:none; }
	.site-branding img, .site-branding .custom-logo { max-height:88px; }
}

/* ===== Affiliate / ad slots ===== */
.mkau-ad { text-align:center; }
.mkau-ad::before { content:"Affiliate"; display:block; font-size:.62rem; letter-spacing:.14em;
	text-transform:uppercase; opacity:.45; margin-bottom:.3rem; }
.mkau-ad img { max-width:100%; height:auto; display:inline-block; border-radius:8px; }
.mkau-ad-item { display:block; }

/* Leaderboard: reserved height so the page doesn't jump (CLS) */
.mkau-ad--leaderboard { margin:2rem auto 0; min-height:90px; }
.mkau-ad--leaderboard img { aspect-ratio:728/90; object-fit:contain; }

/* Grid card: sits inside .grid-3, matches card footprint */
.mkau-ad--card { display:flex; flex-direction:column; justify-content:center; align-items:center;
	min-height:280px; padding:1rem; }
.mkau-ad--card img { object-fit:contain; max-height:100%; }

/* In-content 300x250-ish slot */
.mkau-ad--content { margin:2rem auto; min-height:250px; }

@media (max-width:768px){
	.mkau-ad--leaderboard { min-height:0; }
}

/* ===== Mobile menu (class-toggled; header is static so it must be the anchor) ===== */
@media (max-width:768px){
	.site-header { position:relative; }
	.site-header .main-nav.open { display:flex; position:absolute; top:100%; left:0; right:0;
		z-index:1200; background:var(--bg-card, #141414); backdrop-filter:blur(12px);
		border-bottom:1px solid var(--red-border, rgba(230,50,50,.3));
		box-shadow:0 12px 24px rgba(0,0,0,.25);
		padding:1rem 1.5rem 1.25rem; }
	.site-header .main-nav.open a { color:var(--text-primary, #fff); }
	.site-header .main-nav.open .main-nav-list { flex-direction:column; align-items:center; gap:.9rem; width:100%; }
	.site-header .main-nav.open a { font-size:1.05rem; padding:.35rem 0; display:block; }
}

/* ===== Fail-safe reveal: fade-in must never leave content invisible ===== */
.fade-in { opacity:1; transform:none; animation:mkauFadeUp .6s ease both; }
@keyframes mkauFadeUp { from { opacity:0; transform:translateY(20px); } }
@media (prefers-reduced-motion: reduce) { .fade-in { animation:none; } }