/*
Theme Name: EVGB Racing
Theme URI: https://evgbracing.co.uk
Template: twentytwentyfive
Author: EVGB Racing
Author URI: https://evgbracing.co.uk
Description: Dark-Glass child theme of Twenty Twenty-Five for EVGB Racing (evgbracing.co.uk) — restyles WordPress member pages (login, register/checkout, account, value-board landing) to match the Pure Tracer board aesthetic. Self-contained, no external requests. Value tracking, not tips. 18+.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evgb-racing
Tags: dark, one-column, block-styles, full-site-editing, custom-colors, custom-menu
*/

/*
 * Most styling is delivered via theme.json (design tokens, colors, typography,
 * elements, blocks). This stylesheet holds supplementary CSS that theme.json
 * cannot express cleanly: the layered radial-gradient site background and
 * on-brand styling for Paid Member Subscriptions (PMS) shortcode pages
 * (login / register / checkout / account). No external requests — system
 * fonts and local CSS only.
 */

/* ---- Dark-Glass layered site background ---------------------------------- */
body.wp-site-blocks,
body {
	background-color: #0a0f1b;
	background-image:
		radial-gradient(1200px 700px at 12% -8%, #1b2a4a, transparent 60%),
		radial-gradient(1000px 620px at 92% 4%, #2a1c3e, transparent 55%),
		radial-gradient(900px 700px at 78% 108%, #123433, transparent 55%),
		linear-gradient(160deg, #080d17, #0b1220 55%, #0a0f1b);
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #e7edf6;
}

/* ---- Paid Member Subscriptions (PMS) shortcode pages --------------------- */
/*
 * These target the markup PMS outputs on login / register / account /
 * subscription-plan pages so they inherit the Dark-Glass look. Pure CSS,
 * no behaviour changes.
 */
.pms-form,
form.pms_form,
.pms-account,
.pms-profile-form,
.pms-subscription-plan {
	background: rgba(20, 29, 48, 0.5);
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	backdrop-filter: blur(16px) saturate(150%);
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 14px;
	padding: 1.75rem;
	color: #e7edf6;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}

.pms-form label,
form.pms_form label,
.pms-account label {
	color: #e7edf6;
	font-weight: 600;
}

.pms-form input[type="text"],
.pms-form input[type="email"],
.pms-form input[type="password"],
.pms-form input[type="number"],
.pms-form input[type="tel"],
.pms-form select,
.pms-form textarea,
form.pms_form input[type="text"],
form.pms_form input[type="email"],
form.pms_form input[type="password"],
form.pms_form input[type="number"],
form.pms_form select,
form.pms_form textarea,
.pms-account input[type="text"],
.pms-account input[type="email"],
.pms-account input[type="password"],
.pms-account select,
.pms-account textarea {
	background: #0f1622;
	border: 1px solid #2e3a52;
	border-radius: 10px;
	color: #e7edf6;
	padding: 0.6rem 0.75rem;
}

.pms-form input::placeholder,
form.pms_form input::placeholder,
.pms-account input::placeholder {
	color: #9aa6b8;
}

.pms-form input:focus,
form.pms_form input:focus,
.pms-account input:focus,
.pms-form select:focus,
.pms-form textarea:focus {
	outline: none;
	border-color: #e6c489;
	box-shadow: 0 0 0 2px rgba(230, 196, 137, 0.35);
}

/* PMS buttons — gold, dark text, to match the board's action buttons */
.pms-form input[type="submit"],
.pms-form button[type="submit"],
form.pms_form input[type="submit"],
form.pms_form button,
.pms-account input[type="submit"],
.pms-account button,
.pms-subscription-plan .pms-subscribe-button,
a.pms-subscribe-button {
	background: #e6c489;
	color: #1a1200;
	border: none;
	border-radius: 10px;
	font-weight: 700;
	padding: 0.65rem 1.25rem;
	cursor: pointer;
	transition: filter 0.15s ease;
}

.pms-form input[type="submit"]:hover,
.pms-form button[type="submit"]:hover,
form.pms_form button:hover,
.pms-account button:hover,
a.pms-subscribe-button:hover {
	filter: brightness(1.08);
}

.pms-form a,
form.pms_form a,
.pms-account a,
.pms-subscription-plan a {
	color: #9ec5ff;
}

.pms-form a:hover,
form.pms_form a:hover,
.pms-account a:hover {
	color: #e6c489;
}

/* PMS status / error / success messaging */
.pms-error,
.pms-message.pms-error {
	color: #f5897d;
}

.pms-success,
.pms-message.pms-success {
	color: #57e39a;
}

/* Subscription plan cards as glass tiles */
.pms-subscription-plan {
	margin-bottom: 1.25rem;
}

.pms-subscription-plan .pms-subscription-plan-name,
.pms-subscription-plan h3 {
	color: #e6c489;
}

/* WordPress default login form (wp-login.php lives outside the block theme,
   but the [wp-login] style hooks below cover any embedded login block) */
.wp-block-loginout a {
	color: #9ec5ff;
}

/* Stripe card field (iframe = dark text) -> light field so it is readable on the dark form */
.StripeElement,.pms-stripe-card-element,#pms-stripe-card-element,.pms-payment-details .StripeElement,.pms-field-payment-details .StripeElement{
  background:#ffffff !important; color:#111 !important;
  border:1px solid #2e3a52 !important; border-radius:8px !important; padding:12px !important;
}