/*
Theme Name: Play Tester Hub
Theme URI: https://testers.infinityrising.net
Author: Infinity Rising
Author URI: https://infinityrising.net
Description: Gold and blue block theme for Play Tester Hub, the Infinity Rising service at testers.infinityrising.net that recruits and keeps real testers through Google Play's 14-day closed test.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: play-tester-hub
Tags: block-patterns, full-site-editing, custom-colors, one-column, wide-blocks
*/

/* Brand helpers used by the theme's patterns and block styles. */
:root {
	--ir-radius-sm: 6px;
	--ir-radius-md: 12px;
	--ir-radius-lg: 24px;
}

.is-style-ir-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--ir-radius-md);
	box-shadow: var(--wp--preset--shadow--card);
}
.has-navy-background-color .is-style-ir-card,
.is-style-ir-card.has-navy-light-background-color {
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}

.is-style-ir-eyebrow {
	font-size: 13px !important;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-deep);
	margin-bottom: 8px;
}
.has-navy-background-color .is-style-ir-eyebrow,
.has-navy-light-background-color .is-style-ir-eyebrow {
	color: var(--wp--preset--color--gold);
}

.is-style-ir-chip {
	display: inline-block;
	padding: 4px 12px !important;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	background: var(--wp--preset--color--gold-tint);
	color: var(--wp--preset--color--navy);
}

.ir-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--navy);
	font-weight: 800;
	font-size: 17px;
}

/* Links on navy bands */
.has-navy-background-color a:where(:not(.wp-element-button)),
.has-navy-light-background-color a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--blue-soft);
}
.has-navy-background-color a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--white);
}

/* Header */
.ir-header .ir-logo img {
	display: block;
	height: 52px;
	width: auto;
}
.ir-header .wp-block-navigation a { color: var(--wp--preset--color--white); text-decoration: none; }
.ir-header .wp-block-navigation a:hover { color: var(--wp--preset--color--gold); }
.ir-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--white);
}
@media (max-width: 600px) {
	.ir-header .ir-logo img { height: 42px; }
	.ir-header .ir-header-cta { display: none; }
}

.ir-footer a { text-decoration: none; }

/* Progress bar used in the tester status card */
.ir-progress {
	height: 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	overflow: hidden;
}
.ir-progress > span {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: var(--wp--preset--color--gold);
}

/* Form plugins: give common form fields the brand look */
.wp-site-blocks input[type="text"],
.wp-site-blocks input[type="email"],
.wp-site-blocks input[type="url"],
.wp-site-blocks input[type="tel"],
.wp-site-blocks select,
.wp-site-blocks textarea {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--ir-radius-sm);
	padding: 12px 14px;
	font: inherit;
	color: var(--wp--preset--color--navy);
	background: var(--wp--preset--color--white);
}
.wp-site-blocks input:focus,
.wp-site-blocks select:focus,
.wp-site-blocks textarea:focus {
	outline: 2px solid var(--wp--preset--color--blue);
	outline-offset: 1px;
	border-color: var(--wp--preset--color--blue);
}

/* Full-width pages: sections sit flush against each other */
.wp-site-blocks > * + * { margin-block-start: 0; }
main > .wp-block-post-content.alignfull > .alignfull:first-child { margin-top: 0; }
