/*
Theme Name: Songs Kung-fu Academy
Theme URI: https://songskungfu.com
Author: Song's Kung-fu Academy
Description: Starter block theme for Song's Kung-fu Academy — dark martial-arts styling ported from the legacy site.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
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: songs-kungfu
Tags: one-column, custom-colors, custom-menu, featured-images, full-site-editing, block-styles
*/

/* Background overlay for readability over the silhouette photo. */
body {
	background-attachment: fixed;
	background-image: url("assets/silhouette_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
}

body::before {
	background: linear-gradient(
		180deg,
		rgba(42, 51, 60, 0.72) 0%,
		rgba(42, 51, 60, 0.88) 100%
	);
	content: "";
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: -1;
}

/* Main content column — legacy #content padding and width. */
.skfa-main {
	padding-inline: clamp(1rem, 4vw, 2rem);
	text-align: justify;
}

.skfa-main > .entry-content,
.skfa-main > .wp-block-post-content {
	text-align: justify;
}

.skfa-main h1,
.skfa-main h2,
.skfa-main h3,
.skfa-main h4,
.skfa-main h5,
.skfa-main h6 {
	text-align: left;
}

/* Migrated table styling (class schedule, etc.). */
.entry-content table,
.wp-block-post-content table {
	background-color: var(--wp--preset--color--panel);
	border-collapse: collapse;
	margin: 1.5rem 0;
	width: 100%;
}

.entry-content table th,
.entry-content table td,
.wp-block-post-content table th,
.wp-block-post-content table td {
	border: 1px solid rgba(236, 233, 215, 0.15);
	padding: 0.5rem 0.75rem;
}

.entry-content table thead th,
.wp-block-post-content table thead th {
	background-color: var(--wp--preset--color--panel-dark);
	font-family: var(--wp--preset--font-family--signika);
}

.entry-content table tbody tr:nth-child(even),
.wp-block-post-content table tbody tr:nth-child(even) {
	background-color: var(--wp--preset--color--panel-dark);
}

/* Legacy .alert blocks in migrated content. */
.entry-content .alert,
.wp-block-post-content .alert {
	background-color: var(--wp--preset--color--accent);
	border-radius: 5px;
	color: #fff;
	padding: 0.75rem 1rem;
}

/* Navigation — Signika, light links like the legacy navbar. */
.wp-block-navigation {
	font-family: var(--wp--preset--font-family--signika);
	font-weight: 600;
	letter-spacing: 0.02em;
}

.wp-block-navigation .wp-block-navigation-item__content {
	color: var(--wp--preset--color--contrast);
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--link-hover);
}

.wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--panel) !important;
	border: 1px solid rgba(236, 233, 215, 0.12);
	border-radius: 4px;
	padding: 0.25rem 0;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 0.9rem;
}

/* Mobile nav overlay. */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base) !important;
}

/* Semi-transparent panels from legacy .light-bubble. */
.light-bubble,
.entry-content .light-bubble {
	background-color: rgba(255, 255, 255, 0.12);
	border-radius: 15px;
	margin: 0.5rem;
	padding: 0.75rem;
}