/*
Theme Name: Board Infinity Child
Template: kadence
Version: 2.0.2
*/

/* ============================================================
   BRAND KIT ENFORCEMENT
   Kadence ships its own button/control CSS that outranks
   theme.json, so the Ant Design tokens from the designer's
   config are re-asserted here. Values come from theme.json
   (settings.custom / settings.color) with the brand-kit hex as
   a fallback, so this file never becomes a second source of truth.
   Ref: Final config.json - borderRadius 10, borderRadiusSM 8,
   fontWeightStrong 600, Button.*Shadow none, Input.activeShadow.
   ============================================================ */

/* --- Typeface: Inter, per the Figma export ---
   Kadence's CSS reads its own --global-*-font-family variables, which beat
   theme.json's styles.typography.fontFamily. Redefining the variables here
   puts Inter on the whole site (chrome included) rather than fighting each
   selector. The @font-face itself is registered in theme.json as a single
   variable woff2 covering weights 100-900. */
:root {
	--global-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--global-heading-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--global-primary-nav-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- Buttons: radius 10, weight 600, no shadow (Button.primaryShadow/defaultShadow "none") --- */
.wp-block-button__link,
.wp-element-button,
.kb-button,
button:not(.menu-toggle-open):not(.menu-toggle-close):not(.drawer-toggle),
input[type="submit"],
input[type="button"] {
	border-radius: var(--wp--custom--radius--md, 10px);
	font-weight: var(--wp--custom--font-weight-strong, 600);
	box-shadow: none;
}

/* --- Default (secondary) button per Button.default* tokens ---
   Kadence prints its outline-button colours in kadence-global-inline-css,
   which lands after any enqueued stylesheet, so colour and background need
   !important here. Everything else wins on cascade order alone. */
body .wp-block-button.is-style-outline > .wp-block-button__link {
	border-width: 1px;
	border-color: var(--wp--preset--color--border, #D9D9D9);
	color: var(--wp--preset--color--text, #262626) !important;
	background-color: var(--wp--preset--color--surface, #FFFFFF) !important;
}

body .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--muted, #BFBFBF);
	background-color: var(--wp--preset--color--surface-alt, #FAFAFA) !important;
	color: var(--wp--preset--color--text, #262626) !important;
}

body .wp-block-button.is-style-outline > .wp-block-button__link:active {
	border-color: var(--wp--preset--color--muted, #BFBFBF);
	background-color: var(--wp--preset--color--border-secondary, #F5F5F5) !important;
}

/* On the primary-coloured bands a white-filled secondary button reads as a
   second primary action, so keep it a true ghost button there. */
body .has-primary-background-color .wp-block-button.is-style-outline > .wp-block-button__link {
	color: #FFFFFF !important;
	border-color: rgba(255, 255, 255, 0.55);
	background-color: transparent !important;
}

body .has-primary-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	color: #FFFFFF !important;
	border-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.12) !important;
}

/* --- Focus ring: Input.activeShadow "0 0 0 3px #C2E0FF", controlOutlineWidth 3 --- */
:where(a, button, input, select, textarea, .wp-block-button__link):focus-visible {
	outline: 2px solid transparent;
	outline-offset: 2px;
	box-shadow: var(--wp--custom--focus-ring, 0 0 0 3px #C2E0FF);
}

/* --- Inputs: radius 8 (borderRadiusSM), border + hover/active per Input tokens --- */
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
select,
textarea {
	border-radius: var(--wp--custom--radius--sm, 8px);
	border: 1px solid var(--wp--preset--color--border, #D9D9D9);
}

input:not([type="submit"]):not([type="button"]):hover,
select:hover,
textarea:hover {
	border-color: var(--wp--preset--color--muted, #BFBFBF);
}

input:not([type="submit"]):not([type="button"]):focus,
select:focus,
textarea:focus {
	border-color: var(--wp--preset--color--primary, #148AFF);
}

/* --- Checkbox radius 4 (Checkbox.borderRadiusSM) --- */
input[type="checkbox"] { border-radius: 4px; }

/* --- Cards: Card.colorBorderSecondary #D9D9D9 + the kit's base shadow --- */
.bi-card,
.entry-content .wp-block-group.has-border-color {
	box-shadow: var(--wp--custom--shadow--base, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1));
}

/* --- Tags/pills: Tag.borderRadiusSM 26 --- */
.bi-pill { border-radius: var(--wp--custom--radius--pill, 26px); }