/*
Theme Name: The Standard Arena Global Gateway
Theme URI: https://www.thestandardarena.com
Author: The Standard Arena
Author URI: https://www.thestandardarena.co.ke
Description: Mirror edition for thestandardarena.com: the newsroom design of thestandardarena.co.ke - same header, same homepage sections (Breaking, Top Stories, Latest News, Trending News desks, Expert Perspectives, Global South Connections, Stay Ahead), same footer - rendered live from the .co.ke RSS wire with every link opening thestandardarena.co.ke. No posting required. Ships Google ranking / News / Discover compliance out of the box (self-canonical URLs, robots max-image-preview:large, Open Graph + Twitter cards, JSON-LD Organization + WebSite + ItemList, RSS autodiscovery, core sitemaps, self-hosted fonts, zero jQuery).
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-standard-arena-com
Tags: news, blog, one-column, custom-logo, custom-menu, newsroom, magazine
*/

/*
 * The newsroom design system is byte-identical to thestandardarena.co.ke and
 * lives in assets/css/*.css (enqueued in functions.php):
 *   base.css      - design tokens, typography, buttons, forms, utilities
 *   layout.css    - masthead, sticky navbar, drawer, footer
 *   sections.css  - section heads, cards, grids, bands, news desks
 *   fonts.css     - self-hosted Fraunces + Archivo
 * This file only carries the small gateway-specific layer.
 */

/* ---------- Global Gateway badge (wordmark companion) ---------- */
.brand-badge {
	display: inline-flex; align-items: center; margin-left: 12px;
	border: 1px solid var(--sa-gold); color: var(--sa-gold-2);
	font-family: var(--sa-sans); font-size: 0.54rem; font-weight: 700;
	letter-spacing: 0.22em; text-transform: uppercase; white-space: nowrap;
	padding: 4px 9px; border-radius: 999px;
}
@media (max-width: 1140px) {
	.brand-badge { display: none; }
}

/* ---------- TSA monogram placeholder (wire card without an image) ---------- */
.ts-mini-media--ph {
	background: linear-gradient(150deg, var(--sa-navy-3) 0%, var(--sa-navy) 60%, #0A1622 100%);
	display: flex; align-items: center; justify-content: center;
	overflow: hidden;
}
.ts-mini-ph {
	font-family: var(--sa-serif); font-style: italic; font-weight: 600;
	font-size: 1.35rem; letter-spacing: 0.08em; color: var(--sa-gold-2);
	opacity: 0.85;
}