/*
Theme Name: verso-media-2026
Text Domain: verso-media-2026
Description: A lightweight, mobile-first custom theme for Verso Media with consistent widths, typography, spacing and section styling across Radio, Blogs, Books, Quizzes and archive content. Built to work cleanly with Verso Data Hub shortcodes and minimise presentation plugins and legacy CSS.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Header fallback: the production theme must not depend on Tailwind utility generation. */
.site-header{position:relative;z-index:30;background:#111719;border-bottom:1px solid rgba(255,255,255,.18)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.site-brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}
.site-brand-emblem{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;flex:0 0 42px;background:#c98a32;color:#111719;font-family:Georgia,"Times New Roman",serif;transform:rotate(-3deg)}
.site-brand-copy{display:grid;line-height:1.05}.site-brand-copy strong{color:#fff;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.site-brand-copy small{margin-top:.25rem;color:#d7b16d;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.site-nav>nav>ul{display:flex;align-items:center;gap:1.35rem;margin:0;padding:0;list-style:none}.site-nav>nav>ul>li{position:relative;margin:0;padding:0;list-style:none}.site-nav a{color:#f4f1e9;font-weight:750;font-size:.78rem;letter-spacing:.035em;text-decoration:none;text-transform:uppercase}.site-nav a:hover{color:#d7b16d}
.site-nav .sub-menu{display:none;position:absolute;z-index:100;top:100%;left:-.8rem;min-width:14rem;margin:0;padding:.55rem 0;list-style:none;background:#111719;border-top:3px solid #c98a32;box-shadow:0 14px 28px rgba(0,0,0,.28)}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:block}.site-nav .sub-menu a{display:block;padding:.65rem .85rem;white-space:nowrap}
.menu-button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.25);border-radius:.35rem;color:#fff}.mobile-menu-panel{background:#111719!important}.mobile-menu-panel a{color:#f4f1e9!important}.mobile-menu-panel .sub-menu{display:block!important;position:static!important;margin:.25rem 0 .35rem .65rem!important;padding-left:.65rem!important;border-left:2px solid #c98a32!important;box-shadow:none!important}
@media(min-width:768px){.hidden.md\:block{display:block!important}.mobile-menu.md\:hidden{display:none!important}}
@media(max-width:767px){.hidden.md\:block{display:none!important}.mobile-menu.md\:hidden{display:block!important}.header-inner{min-height:72px}.site-brand-copy small{display:none}}