/**
 * Rastify Gears — RFQ Page styles (hero section).
 * The form itself is styled by rastify-core plugin CSS.
 *
 * @package rastify-gears
 */

/* =====================================================
   RFQ HERO
===================================================== */

body.page-template-page-start-building,
body.page-template-page-request-a-quote,
.rg-start-building-page,
.rg-rfq-page {
	background-color: #08080A !important;
	color: #ffffff;
}

/* =====================================================
   RFQ HERO
===================================================== */

.rg-rfq-hero {
	padding-block: clamp(4rem, 7vw, 6rem);
	background: #0A0A0E;
	background: linear-gradient(180deg, #070709 0%, #0E0F14 100%);
	color: var(--wp--preset--color--white);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	position: relative;
}

.rg-rfq-hero__inner {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	max-width: 68rem;
	margin-inline: auto;
	padding-inline: clamp(1.25rem, 4vw, 2.5rem);
}

.rg-rfq-hero .rg-eyebrow {
	color: var(--wp--preset--color--red);
	margin-bottom: 0;
}

.rg-rfq-hero__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.25rem, 4.5vw, 3.75rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.08;
	color: var(--wp--preset--color--white);
	margin: 0;
}

.rg-rfq-hero__lede {
	font-size: clamp(1rem, 1.4vw, 1.15rem);
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.65;
	max-width: 65ch;
	margin: 0;
}

.rg-rfq-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
	padding-top: 0.75rem;
}

.rg-rfq-hero__meta .rg-meta-tag {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
}

/* =====================================================
   RFQ PAGE OVERALL
===================================================== */

.rg-rfq-section {
	padding: 0 !important;
	background-color: #08080A !important;
}