/*
Theme Name: REEID Astra Child
Theme URI: https://reeid.com/
Description: REEID presentation and Gutenberg editor styles for Astra.
Author: REEID
Author URI: https://reeid.com/
Template: astra
Version: 1.0.0
Text Domain: reeid-astra-child
*/

/* REEID WHY SECTION START */

.reeid-home-v2-experience {
	background:
		radial-gradient(
			circle at 88% 10%,
			rgba(177, 64, 70, 0.09),
			transparent 34%
		),
		#151515 !important;
}

.reeid-home-v2-experience
.reeid-ds-section-title {
	max-width: 960px !important;
}

.reeid-home-v2-experience
.reeid-ds-section-lead {
	max-width: 850px !important;
}

.reeid-ds-why-grid {
	gap: 18px !important;
	margin-top: 52px !important;
	align-items: stretch !important;
}

.reeid-ds-why-grid
> .wp-block-column {
	display: flex;
	min-width: 0;
}

.reeid-ds-why-card {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 330px;
	margin: 0 !important;
	padding:
		32px
		clamp(26px, 3vw, 36px)
		36px !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.055),
			rgba(255, 255, 255, 0.015)
		),
		#191919 !important;
	border:
		1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px !important;
	box-shadow:
		0 24px 58px rgba(0, 0, 0, 0.18);
	transition:
		transform 180ms ease,
		border-color 180ms ease,
		background-color 180ms ease;
}

.reeid-ds-why-card::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background:
		linear-gradient(
			90deg,
			#b14046,
			rgba(213, 84, 91, 0.25),
			transparent
		);
}

.reeid-ds-why-index {
	display: inline-flex;
	width: 38px;
	height: 32px;
	margin: 0 0 64px !important;
	align-items: center;
	justify-content: center;
	color: #e38b90 !important;
	background: rgba(177, 64, 70, 0.10);
	border:
		1px solid rgba(210, 83, 90, 0.30);
	border-radius: 6px;
	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		monospace;
	font-size: 0.78rem !important;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
}

.reeid-ds-why-title {
	margin: 0 0 16px !important;
	color: #ffffff !important;
	font-size:
		clamp(
			1.42rem,
			2vw,
			1.72rem
		) !important;
	font-weight: 500 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.14 !important;
}

.reeid-ds-why-copy {
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.64) !important;
	font-size: 0.98rem !important;
	line-height: 1.65 !important;
}

@media (hover: hover) and (pointer: fine) {
	.reeid-ds-why-card:hover {
		border-color:
			rgba(213, 84, 91, 0.34) !important;
		transform: translateY(-3px);
	}
}

@media (max-width: 781px) {
	.reeid-ds-why-grid {
		margin-top: 38px !important;
	}

	.reeid-ds-why-card {
		min-height: 0;
	}

	.reeid-ds-why-index {
		margin-bottom: 34px !important;
	}
}

/* REEID WHY SECTION END */

/* REEID WHY ICONS START */

.reeid-ds-why-icon {
	display: grid;
	width: 46px;
	height: 46px;
	margin: 0 0 54px !important;
	place-items: center;
	background:
		rgba(177, 64, 70, 0.10) !important;
	border:
		1px solid rgba(210, 83, 90, 0.30) !important;
	border-radius: 9px !important;
}

.reeid-ds-why-icon::before {
	content: "";
	display: block;
	width: 23px;
	height: 23px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.reeid-ds-why-icon--production::before {
	background-image:
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23e38b90'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m12%203%209%205-9%205-9-5%209-5Z'/%3E%3Cpath%20d='m3%2012%209%205%209-5'/%3E%3Cpath%20d='m3%2016%209%205%209-5'/%3E%3C/svg%3E");
}

.reeid-ds-why-icon--website::before {
	background-image:
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23e38b90'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4'%20width='18'%20height='16'%20rx='2'/%3E%3Cpath%20d='M3%208h18'/%3E%3Cpath%20d='m8%2013%202%202-2%202'/%3E%3Cpath%20d='M13%2017h3'/%3E%3C/svg%3E");
}

.reeid-ds-why-icon--control::before {
	background-image:
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23e38b90'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%206h7M15%206h5M4%2012h3M11%2012h9M4%2018h9M17%2018h3'/%3E%3Ccircle%20cx='13'%20cy='6'%20r='2'/%3E%3Ccircle%20cx='9'%20cy='12'%20r='2'/%3E%3Ccircle%20cx='15'%20cy='18'%20r='2'/%3E%3C/svg%3E");
}

@media (max-width: 781px) {
	.reeid-ds-why-icon {
		margin-bottom: 34px !important;
	}
}

/* REEID WHY ICONS END */

/* REEID WHY EDITOR ICON FIX START */

.reeid-ds-why-icon {
	box-sizing: border-box;
	padding: 0 !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

/* REEID WHY EDITOR ICON FIX END */

/* REEID FINAL CTA COMPONENT START */

.reeid-ds-final-cta {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(
			circle at 12% 22%,
			rgba(177, 64, 70, 0.18),
			transparent 38%
		),
		radial-gradient(
			circle at 88% 78%,
			rgba(177, 64, 70, 0.08),
			transparent 32%
		),
		#101010 !important;
}

.reeid-ds-final-layout {
	gap: clamp(48px, 7vw, 92px) !important;
	align-items: center !important;
	margin: 0 !important;
}

.reeid-ds-final-layout
> .wp-block-column {
	min-width: 0;
	margin: 0 !important;
}

.reeid-ds-final-copy
.reeid-ds-section-title {
	max-width: 740px !important;
	font-size:
		clamp(
			2.75rem,
			4.65vw,
			4.65rem
		) !important;
	line-height: 1.02 !important;
}

.reeid-ds-final-copy
.reeid-ds-section-lead {
	max-width: 690px !important;
	margin:
		26px
		0
		0 !important;
}

.reeid-ds-final-buttons {
	margin-top: 34px !important;
}

.reeid-ds-final-panel {
	position: relative;
	overflow: hidden;
	margin: 0 !important;
	padding:
		clamp(
			30px,
			4vw,
			46px
		) !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.065),
			rgba(255, 255, 255, 0.018)
		),
		#191919 !important;
	border:
		1px solid rgba(255, 255, 255, 0.14) !important;
	border-radius: 16px !important;
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.30);
}

.reeid-ds-final-panel::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background:
		linear-gradient(
			90deg,
			#b14046,
			rgba(213, 84, 91, 0.35),
			transparent
		);
}

.reeid-ds-final-panel-label {
	margin: 0 0 22px !important;
	color: #e38b90 !important;
	font-size: 0.75rem !important;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.4 !important;
	text-transform: uppercase;
}

.reeid-ds-final-panel-title {
	margin: 0 0 26px !important;
	color: #ffffff !important;
	font-size:
		clamp(
			1.65rem,
			2.4vw,
			2.25rem
		) !important;
	font-weight: 500 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.14 !important;
}

.reeid-ds-final-points {
	display: grid;
	gap: 16px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.reeid-ds-final-points
li {
	position: relative;
	margin: 0 !important;
	padding-left: 28px;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 0.96rem;
	line-height: 1.55;
}

.reeid-ds-final-points
li::before {
	content: "";
	position: absolute;
	top: 0.55em;
	left: 1px;
	width: 10px;
	height: 10px;
	background: rgba(177, 64, 70, 0.18);
	border:
		1px solid rgba(213, 84, 91, 0.62);
	border-radius: 3px;
}

.reeid-ds-final-note {
	margin:
		28px
		0
		0 !important;
	padding-top: 22px;
	color: rgba(255, 255, 255, 0.56) !important;
	border-top:
		1px solid rgba(255, 255, 255, 0.11);
	font-size: 0.9rem !important;
	line-height: 1.55 !important;
}

@media (max-width: 781px) {
	.reeid-ds-final-layout {
		gap: 38px !important;
	}

	.reeid-ds-final-copy,
	.reeid-ds-final-side {
		flex-basis: 100% !important;
	}

	.reeid-ds-final-copy
	.reeid-ds-section-title {
		font-size:
			clamp(
				2.45rem,
				10vw,
				3.65rem
			) !important;
	}
}

/* REEID FINAL CTA COMPONENT END */