/* ============================================================
   The Edge Wellness — Kadence overrides
   ------------------------------------------------------------
   Resets Kadence default values that conflict with The Edge brand:
   1. 0px border-radius across all blocks/buttons/inputs/cards
   2. Sharp button styles (no rounded pills)
   3. Gravity Forms input reset (0px radius, sharp focus)
   4. Image containers — sharp corners
   ============================================================ */

/* ---- 1. Global 0px border-radius — brand-locked ---- */
:root {
	--global-border-radius: 0;
	--global-rad-sm: 0;
	--global-rad-md: 0;
	--global-rad-lg: 0;
	--global-rad-xl: 0;
}

.wp-block-button__link,
.wp-block-search__button,
.wp-block-file__button,
.kb-button,
.button,
.wp-element-button,
input[type='submit'],
input[type='button'],
button {
	border-radius: 0 !important;
}

/* ---- 2. Form inputs — sharp corners + brand focus ---- */
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='number'],
input[type='password'],
input[type='search'],
textarea,
select {
	border-radius: 0 !important;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
}

input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus,
select:focus {
	border-color: var( --wp--preset--color--brand-orange );
	outline: none;
	box-shadow: 0 0 0 1px var( --wp--preset--color--brand-orange );
}

/* ---- 3. Images + cards — sharp corners ---- */
img,
.wp-block-image img,
.kb-image,
.kadence-image,
.wp-block-cover,
.kb-info-card,
.wp-block-media-text__media img {
	border-radius: 0 !important;
}

/* NOTE: .entry box-shadow + card background is handled in Kadence Customize
   → Content → Content Style: UNBOXED. No CSS override needed. */

/* ---- 4. Kadence Info Box — sharp + reset ---- */
.kb-info-box-wrap,
.kb-info-box-text-wrap {
	border-radius: 0 !important;
}

/* ---- 5. Gravity Forms — sharp brand styling ---- */
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper .gform_button {
	border-radius: 0 !important;
}

.gform_wrapper .gform_button[type='submit'] {
	background: var( --wp--preset--color--brand-orange );
	color: var( --wp--preset--color--brand-white );
	text-transform: uppercase;
	padding: 18px 28px;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.gform_wrapper .gform_button[type='submit']:hover {
	background: #d96414; /* Orange darkened ~10% */
}

.gform_wrapper label,
.gform_wrapper .gfield_label {
	color: var( --brand-ink );
}

/* ---- 6. Remove WordPress button focus pill ---- */
.wp-block-button__link:focus,
.kb-button:focus {
	outline: 2px solid var( --wp--preset--color--brand-orange );
	outline-offset: 2px;
	border-radius: 0 !important;
}

/* ---- 7. Text rendering (NOT font) ----
   All font sizing/weight/family/letter-spacing lives in `theme.json` and
   `sections.css` (utility classes). This file no longer styles fonts —
   keep editor + frontend visually identical by letting theme.json own them. */

/* Never break inside a word — only at whitespace. This is a layout rule,
   not a font rule. */
h1, h2, h3, h4, h5, h6,
.wp-block-kadence-advancedheading,
.kt-adv-heading,
.kadence-advancedheading {
	overflow-wrap: normal;
	word-break: normal;
	hyphens: manual;
	text-wrap: balance;
}

::selection {
	background: var( --brand-orange );
	color: var( --brand-white );
}

/* ============================================================
   Orange highlight (master spec)
   ------------------------------------------------------------
   In master design, <em> inside a heading is repurposed:
   NOT italic, instead orange-highlighted. Body <em> remains italic.

   Use any of these in Gutenberg:
   1. Select text in heading → press Ctrl+I (Italic) → becomes <em> → orange
   2. Wrap text in <em>...</em> via HTML edit mode (works anywhere)
   3. Add CSS class `tew-orange` or `orange` on a block / inline element
   ============================================================ */

/* 1+2. <em> inside any heading = orange highlight, no italic */
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
.wp-block-kadence-advancedheading em,
.kt-adv-heading em {
	font-style: normal;
	color: var( --brand-orange );
}

/* 3. Utility class — works on any inline or block element */
.tew-orange,
.orange,
.is-style-tew-orange {
	color: var( --brand-orange );
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin: 0.5em 0!important;
}