/*
Theme Name: Get Smart Retirement
Theme URI: https://getsmarttriad.com
Author: Get Smart Retirement Group
Author URI: https://getsmarttriad.com
Description: Custom WordPress theme for Get Smart Retirement Group, converted from the original static HTML/CSS design. Fully editable from the WordPress Dashboard without ACF or any other custom-field plugin.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: getsmart
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* ==========================================================================
   Third-party plugin styling overrides
   These only restyle markup that plugins render into page content — no
   plugin files are edited. Selectors are scoped under .entry-content and
   kept more specific than the plugin's own CSS so they win regardless of
   stylesheet load order.
   ========================================================================== */

/* .bio-inner (page.php) caps width at 72ch for readable prose — right for
   ordinary page text, too narrow for a multi-column plugin grid. Widen it
   only when that grid is actually present, so plain text pages (About,
   etc.) keep their normal reading width. */
.bio-inner:has(.youtube-live-stream-grid) {
	max-width: 100%;
}

/* YouTube Live Stream plugin: [youtube_live_stream] grid, e.g. on /plugin-test/ */
.entry-content .youtube-live-stream-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 8px;
}
.entry-content .youtube-live-stream-grid > h2 {
	width: 100%;
	margin: 0 0 4px;
	font-family: 'Fraunces', serif;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--navy-deep);
}
.entry-content .youtube-live-video {
	flex: 1 1 calc(33.333% - 16px);
	max-width: calc(33.333% - 16px);
	box-sizing: border-box;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 8px 26px 8px 26px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(11, 32, 56, .06);
}
.entry-content .youtube-live-video iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: none;
	border-radius: 0;
}
@media (max-width: 1024px) {
	.entry-content .youtube-live-video {
		flex: 1 1 calc(50% - 12px);
		max-width: calc(50% - 12px);
	}
}
@media (max-width: 700px) {
	.entry-content .youtube-live-video {
		flex: 1 1 100%;
		max-width: 100%;
	}
}