/* Dad Squad look, applied to Elementor's own markup.
 *
 * The page content is Elementor widgets so the org can edit it, but the styling
 * stays here: condensed display headings, chamfered buttons with a glow, cards
 * with a hairline border, and the gold highlight word. Editing text in Elementor
 * never touches any of this.
 *
 * Tokens (--n-gold, --n-teal, --n-font-display) come from dadsquad-neon.css.
 */

/* ---------- Type ---------------------------------------------------------- */

.elementor-widget-heading .elementor-heading-title {
	font-family: var(--n-font-display, 'Bebas Neue'), sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.05;
}



/* The kickers above a title are small, wide and set in the body face. */
.elementor-widget-heading h6.elementor-heading-title {
	font-family: var(--n-font-sans, 'Inter'), sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.5;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}



/* One word of a title is picked out in gold or teal. */
.elementor-heading-title .hl { color: var(--n-gold, #E4B301); }


.elementor-heading-title .hl-teal { color: var(--n-teal, #1188A0); }



.elementor-widget-text-editor {
	font-family: var(--n-font-sans, 'Inter'), sans-serif;
}



/* ---------- Buttons ------------------------------------------------------- */

.elementor-button {
	border-radius: 0 !important;
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
	font-family: var(--n-font-sans, 'Inter'), sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	transition: transform 0.15s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}



.elementor-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 0 22px var(--n-gold-glow, rgba(228, 179, 1, 0.45));
}



/* The see-through button fills in on hover rather than just glowing. */
.elementor-button[style*="transparent"]:hover,
.elementor-button.is-ghost:hover {
	background-color: var(--n-teal, #1188A0) !important;
	color: #050505 !important;
	box-shadow: 0 0 22px var(--n-teal-glow, rgba(17, 136, 160, 0.45));
}



/* Photos get the same cut corner as everything else. */
.elementor-widget-image img {
	border-radius: 0 !important;
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}



.elementor-widget-icon-list .elementor-icon-list-text {
	font-family: var(--n-font-sans, 'Inter'), sans-serif;
	font-size: 16px;
}



/* ---------- Phones -------------------------------------------------------- */





/* ---------- Glow ---------------------------------------------------------- */

.elementor-heading-title .hl {
	color: var(--n-gold, #E4B301);
	text-shadow: 0 0 16px var(--n-gold-glow, rgba(228, 179, 1, 0.45));
}



.elementor-heading-title .hl-teal {
	color: var(--n-teal, #1188A0);
	text-shadow: 0 0 16px var(--n-teal-glow, rgba(17, 136, 160, 0.45));
}



/* Measured against the original: h1 sits tighter, and titles and ledes were
 * never full bleed, they wrapped in a column about two thirds of the page. */
.elementor-widget-heading h1.elementor-heading-title { line-height: 0.95; }



/* Keep the highlighted words together so a title never breaks mid-phrase. */
.elementor-heading-title .hl,
.elementor-heading-title .hl-teal { white-space: nowrap; }

/* The old theme's body had no line-height set (normal); Hello sets 1.5, which
 * made the promo bar, header and footer a few pixels taller than before. */
.ds-ff-top-promo,
.ds-site-header,
.ds-site-footer { line-height: normal; }