/*
Theme Name: Lord Brynner
Theme URI: https://example.com/lord-brynner
Author: Your Name
Author URI: https://example.com
Description: A custom block-based theme with React Gutenberg blocks.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lord-brynner
Tags: full-site-editing, block-patterns, custom-colors, custom-logo
*/

/* ========================================
   Base Theme Styles
   ======================================== */

html {
	scroll-behavior: smooth;
}

body {
	background-color: #000000;
	color: #ffffff;
	font-family: 'Inter', sans-serif;
}

/* WordPress / Gutenberg buttons */
.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"],
input[type="button"] {
	background-color: #a20f17;
	color: #ffffff;
	border-radius: 0;
	border: none;
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	line-height: 1.5;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #c4121c;
}

/* Links */
a {
	color: #ffffff;
}

a:hover {
	color: #cccccc;
}

/* Core Paragraph Block */
.wp-block-paragraph {
	font-size: 16px;
	line-height: 1.8;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 2.5em;
}

/* Core Heading Block — standardised to match custom block headings */
h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #999999;
	position: relative;
}

h2.wp-block-heading {
	font-size: 20px;
	margin-bottom: 30px;
}

h2.wp-block-heading::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 2px;
	background-color: #d32f2f;
}

/* Navigation styles */
.wp-block-navigation a {
	padding: 0.5rem 1rem;
	transition: all 0.2s ease-in-out;
	border: 2px solid transparent;
}

.wp-block-navigation a:hover,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current-page-item > a {
	border: 2px solid #a20f17;
	color: #ffffff;
}