/*
 * divi-overrides.css — Squad Website Theme Divi reskin.
 *
 * Light, surgical overrides so Divi Builder content adopts the brand. Every
 * rule is scoped under body.squad-v4 so deactivating the child fully restores
 * Divi's defaults, and nothing leaks into wp-admin or the Visual Builder UI.
 * Specificity is kept low (no !important) so per-module styles set in the
 * Builder still win — this restyles defaults, it does not seize control.
 *
 * Loaded last in the enqueue chain. Consumes the --squad-* tokens.
 *
 * @author Al Amin Ahamed
 * @since  4.0.0
 */

/* ---- Body type ----------------------------------------------------- */
body.squad-v4 {
	font-family: var(--squad-font);
	font-weight: var(--squad-fw-medium);
	color: var(--squad-ink);
}

/* ---- Headings ------------------------------------------------------ */
body.squad-v4 h1,
body.squad-v4 h2,
body.squad-v4 h3,
body.squad-v4 h4,
body.squad-v4 h5,
body.squad-v4 h6 {
	font-family: var(--squad-font);
	font-weight: var(--squad-fw-extrabold);
	letter-spacing: var(--squad-ls-tight);
}

/* ---- Brand link colour (content links only; chrome sets its own) --- */
body.squad-v4 .et_pb_text a,
body.squad-v4 .et_pb_module a:not(.et_pb_button):not(.et_pb_promo_button) {
	color: var(--squad-violet);
}

/* ---- Divi default button → brand pill ------------------------------ */
body.squad-v4 .et_pb_button {
	font-family: var(--squad-font);
	font-weight: var(--squad-fw-bold);
	font-size: 0.95rem;
	letter-spacing: -0.01em;
	color: var(--squad-white);
	background: var(--squad-grad-stem);
	border: 1px solid transparent;
	border-radius: var(--squad-radius-pill);
	padding: 13px 28px;
	box-shadow: var(--squad-shadow-violet);
	transition: transform 0.25s var(--squad-ease), box-shadow 0.25s var(--squad-ease),
		background 0.25s var(--squad-ease);
}

body.squad-v4 .et_pb_button:hover {
	color: var(--squad-white);
	background: var(--squad-grad-brand);
	transform: translateY(-2px);
	box-shadow: var(--squad-shadow-violet-hover);
	padding: 13px 28px;
}

/* Divi appends an arrow icon via ::after on hover; keep it tidy on the pill. */
body.squad-v4 .et_pb_button::after {
	color: var(--squad-white);
}

/* ---- Selection accent ---------------------------------------------- */
body.squad-v4 ::selection {
	background: var(--squad-violet);
	color: var(--squad-white);
}