/*
Theme Name: Magic of the Mouse Radio
Theme URI: https://magicofthemouseradio.org
Author: William A. Guerro Sr.
Author URI: https://magicofthemouseradio.org
Description: A block theme for Magic of the Mouse Radio — a student-produced internet radio station. Built as a starter for students to design and build outward from: a full-width player, a show schedule, a segment archive, and story pages. Dark, warm and readable on a phone.
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: magic-of-the-mouse-radio
Tags: blog, one-column, full-site-editing, block-patterns, custom-colors, custom-menu, editor-style, wide-blocks, accessibility-ready
*/

/* Block themes are styled in theme.json. This file carries the theme header
   and a few things theme.json cannot express. Keep additions small and
   commented so students can read it. */

/* Smooth scrolling for on-page anchor links (the player button). */
html { scroll-behavior: smooth; }

/* The station player sits in a Custom HTML block. This keeps the iframe
   from running off the side of a phone screen. */
.mmr-player iframe {
	width: 100%;
	max-width: 100%;
	border: 0;
	display: block;
	border-radius: 10px;
}

/* Skip link — keyboard users press Tab first and land here. */
.skip-link:focus {
	position: fixed;
	top: 1rem;
	left: 1rem;
	z-index: 9999;
	padding: 0.75rem 1.25rem;
	background: #F0C86A;
	color: #0B1026;
	font-weight: 700;
	border-radius: 6px;
}

/* Give every focused element a visible outline. Required for keyboard use. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid #F0C86A;
	outline-offset: 2px;
}

/* The "ON AIR" pill used in the header. */
.mmr-onair {
	display: inline-block;
	padding: 0.25em 0.75em;
	border: 1px solid #F0C86A;
	border-radius: 999px;
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #F0C86A;
}