/*
 Theme Name:   Command Education Child
 Description:  Divi 5 child theme for Command Education
 Template:     Divi
 Version:      1.0.0
 Text Domain:  command-education-child
*/

/* --------------------------------------------------------------------------
   Self-hosted fonts (matches design-tokens: IvyPresto Headline/Text, Nexa)
   Files live in fonts/ — TTF sources; use relative URLs from this stylesheet.
   -------------------------------------------------------------------------- */

/* IvyPresto Headline — family name must match Divi / CSS variables */
/* @font-face {
	font-family: "IvyPresto Headline";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-Thin.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-ThinItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-Light.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-LightItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-RegularItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Headline";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/IvyPresto Headline_ttf/IvyprestoHeadline-BoldItalic.ttf") format("truetype");
} */

/* IvyPresto Text */
/* @font-face {
	font-family: "IvyPresto Text";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-Thin.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-ThinItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-Light.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-LightItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-RegularItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "IvyPresto Text";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/IvyPresto Text_ttf/IvyprestoText-BoldItalic.ttf") format("truetype");
} */

/* Nexa — 400 = Regular (matches --font-weight-regular); Book at 500 */
/* @font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-Thin.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 100;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-ThinItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-ExtraLight.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 200;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-ExtraLightItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-Light.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-LightItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-RegularItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-Book.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-BookItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-BoldItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-ExtraBold.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 800;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-ExtraBoldItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-Heavy.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 900;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-HeavyItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: normal;
	font-weight: 950;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-Black.ttf") format("truetype");
}
@font-face {
	font-family: "Nexa";
	font-style: italic;
	font-weight: 950;
	font-display: swap;
	src: url("fonts/Nexa_ttf/Nexa-BlackItalic.ttf") format("truetype");
} */

body {
    overflow-x: hidden;
}

/* 
    A11Y handling & Divi overrides
*/

/* 
    Override focus styling.
    This is a global focus style that is applied to all elements.
    Divi adds the following and we need an override to fix it.
    :focus {
        outline: 0
    }
*/
/* :focus {
    outline: 2px solid;
    outline-offset: 2px;
    mix-blend-mode: difference;
} */



/* WP Forms styling */

/* Container */
div.wpforms-container form.wpforms-form .wpforms-field-container {
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
}

/* Fields */
div.wpforms-container form.wpforms-form .wpforms-field {
    padding: var(--space-sm) 0;
}

/* Labels */
div.wpforms-container form.wpforms-form .wpforms-field-label {
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    font-weight: var(--font-weight-bold);
    color: var(--color-legacy-linen);
    margin-bottom: var(--space-xs);
}

div.wpforms-container form.wpforms-form .wpforms-required-label {
    color: var(--color-legacy-linen);
}

/* Text inputs, email, tel, textarea */
div.wpforms-container form.wpforms-form .wpforms-field input[type="text"],
div.wpforms-container form.wpforms-form .wpforms-field input[type="email"],
div.wpforms-container form.wpforms-form .wpforms-field input[type="tel"],
div.wpforms-container form.wpforms-form .wpforms-field textarea {
    background: transparent;
    border: none;
    border-bottom: var(--border-width-default) solid var(--color-legacy-linen-20);
    border-radius: 0;
    color: var(--color-legacy-linen);
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    font-weight: var(--font-weight-regular);
    padding: var(--space-xs) 0;
    width: 100%;
    outline: none;
    transition: border-color 0.2s ease;
}

div.wpforms-container form.wpforms-form .wpforms-field input[type="text"]:focus,
div.wpforms-container form.wpforms-form .wpforms-field input[type="email"]:focus,
div.wpforms-container form.wpforms-form .wpforms-field input[type="tel"]:focus,
div.wpforms-container form.wpforms-form .wpforms-field textarea:focus {
    border-bottom-color: var(--color-golden-future);
    box-shadow: none;
}

div.wpforms-container form.wpforms-form .wpforms-field input::placeholder,
div.wpforms-container form.wpforms-form .wpforms-field textarea::placeholder {
    color: var(--color-legacy-linen-20);
    /* font-size: var(--text-paragraph-size); */
    opacity: 1;
}

/* Select dropdowns */
div.wpforms-container form.wpforms-form .wpforms-field select {
    background-color: transparent;
    border: none;
    border-bottom: var(--border-width-default) solid var(--color-legacy-linen-20);
    border-radius: 0;
    color: var(--color-legacy-linen);
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    font-weight: var(--font-weight-regular);
    width: 100%;
    outline: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23efe3c7' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

div.wpforms-container form.wpforms-form .wpforms-field select:focus {
    border-bottom-color: var(--color-golden-future);
    box-shadow: none;
}

div.wpforms-container form.wpforms-form .wpforms-field select option {
    background-color: var(--color-command-blue);
    color: var(--color-legacy-linen);
}

/* Textarea */
div.wpforms-container form.wpforms-form .wpforms-field textarea {
    min-height: 100px;
    resize: vertical;
}

/* Field descriptions */
div.wpforms-container form.wpforms-form .wpforms-field-description {
    font-family: var(--font-body);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-line-height);
    color: var(--color-legacy-linen);
    opacity: 0.6;
    margin-top: var(--space-xxs);
}

/* Sublabels (hidden but keeping accessible) */
div.wpforms-container form.wpforms-form .wpforms-field-sublabel {
    color: var(--color-legacy-linen);
    font-size: var(--text-caption-size);
}

div.wpforms-container form.wpforms-form .wpforms-field-checkbox input[type="checkbox"],
div.wpforms-container form.wpforms-form .wpforms-field-radio input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: var(--border-width-default) solid var(--color-legacy-linen);
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
    vertical-align: text-bottom;
    margin-right: var(--space-xxs);
    position: relative;
}

div.wpforms-container form.wpforms-form .wpforms-field-checkbox input[type="checkbox"]:checked {
    background-color: var(--color-golden-future);
}

/* Check mark "icon" */
div.wpforms-container form.wpforms-form .wpforms-field-checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid var(--color-command-blue);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

div.wpforms-container form.wpforms-form .wpforms-field-radio input[type="radio"] {
    border-radius: 50%;
}

div.wpforms-container form.wpforms-form .wpforms-field-radio input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-golden-future);
}

div.wpforms-container form.wpforms-form .wpforms-field-label-inline,
div.wpforms-container form.wpforms-form .wpforms-field-label-inline a {
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    color: var(--color-legacy-linen);
}

div.wpforms-container form.wpforms-form .wpforms-field-label-inline a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

div.wpforms-container form.wpforms-form .wpforms-field-label-inline a:hover {
    color: var(--color-golden-future);
}

/* Phone field (intl-tel-input overrides) */
div.wpforms-container form.wpforms-form .wpforms-field .iti {
    width: 100%;
}

div.wpforms-container form.wpforms-form .wpforms-field .iti__selected-flag {
    background: transparent;
    border: none;
    padding-left: 0;
}

div.wpforms-container form.wpforms-form .wpforms-field .iti__arrow {
    border-top-color: var(--color-legacy-linen);
}

div.wpforms-container form.wpforms-form .wpforms-field .iti__arrow--up {
    border-bottom-color: var(--color-legacy-linen);
}

/* Submit button */
div.wpforms-container form.wpforms-form .wpforms-submit-container {
    padding-top: var(--space-md);
}

div.wpforms-container form.wpforms-form .wpforms-submit-container .wpforms-submit {
    background: transparent;
    border: var(--border-width-default) solid var(--color-legacy-linen);
    border-radius: var(--radius-button);
    color: var(--color-legacy-linen);
    font-family: var(--font-body);
    font-size: var(--text-button-size);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--text-button-letter-spacing);
    text-transform: uppercase;
    padding: var(--button-padding-y) var(--button-padding-x);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

div.wpforms-container form.wpforms-form .wpforms-submit-container .wpforms-submit:hover,
div.wpforms-container form.wpforms-form .wpforms-submit-container .wpforms-submit:focus {
    background-color: var(--color-legacy-linen);
    color: var(--color-command-blue);
}

/* Conditional fields hidden state */
div.wpforms-container form.wpforms-form .wpforms-conditional-hide {
    display: none;
}

div.wpforms-container form.wpforms-form label.wpforms-error {
    color: var(--color-golden-future);
}

div.wpforms-container form.wpforms-form .wpforms-error {
    border-color: var(--color-golden-future) !important;
}

/* --------------------------------------------------------------------------
   HubSpot new embedded forms (form island / React, #hs-form-island-*, .hsfc-*)
   Matches WPForms rules above: linen typography, underline fields, pill CTA.
   Scoped to island roots so other HubSpot widgets are unaffected.
   Docs: https://developers.hubspot.com/docs/cms/start-building/features/forms/forms
   -------------------------------------------------------------------------- */

[id^="hs-form-island-"] {
    /* Global */
    --hsf-global__font-family: var(--font-body);
    --hsf-global__font-size: var(--text-paragraph-size);
    --hsf-global__color: var(--color-legacy-linen);
    --hsf-global-error__color: var(--color-golden-future);

    /* Layout rhythm (aligned with .wpforms-field padding) */
    --hsf-row__horizontal-spacing: var(--space-sm);
    --hsf-row__vertical-spacing: var(--space-sm);
    --hsf-module__vertical-spacing: var(--space-xxs);

    /* Form surface */
    --hsf-background__background-color: transparent;
    --hsf-background__border-width: 0;
    --hsf-background__padding: 0;

    /* Labels */
    --hsf-field-label__font-family: var(--font-body);
    --hsf-field-label__font-size: var(--text-paragraph-size);
    --hsf-field-label__color: var(--color-legacy-linen);
    --hsf-field-label-requiredindicator__color: var(--color-legacy-linen);

    /* Field descriptions / footer */
    --hsf-field-description__font-family: var(--font-body);
    --hsf-field-description__color: var(--color-legacy-linen);
    --hsf-field-footer__font-family: var(--font-body);
    --hsf-field-footer__color: var(--color-legacy-linen);

    /* Text inputs (variables; underline finished in rules below) */
    --hsf-field-input__font-family: var(--font-body);
    --hsf-field-input__color: var(--color-legacy-linen);
    --hsf-field-input__background-color: var(--color-command-blue);
    --hsf-field-input__placeholder-color: var(--color-legacy-linen-20);
    --hsf-field-input__border-color: var(--color-legacy-linen-20);
    --hsf-field-input__border-width: var(--border-width-default);
    --hsf-field-input__border-style: solid;
    --hsf-field-input__border-radius: 0;
    --hsf-field-input__padding: var(--space-xxs) 0 var(--space-xs) 0;

	--hsf-field-dropdown-options__border-radius: var(--radius-card);

    /* Textarea */
    --hsf-field-textarea__font-family: var(--font-body);
    --hsf-field-textarea__color: var(--color-legacy-linen);
    --hsf-field-textarea__background-color: transparent;
    --hsf-field-textarea__placeholder-color: var(--color-legacy-linen-20);
    --hsf-field-textarea__border-color: var(--color-legacy-linen-20);
    --hsf-field-textarea__border-width: var(--border-width-default);
    --hsf-field-textarea__border-style: solid;
    --hsf-field-textarea__border-radius: 0;
    --hsf-field-textarea__padding: var(--space-xs) 0;

    /* Primary actions */
    --hsf-button__font-family: var(--font-body);
    --hsf-button__font-size: var(--text-button-size);
    --hsf-button__color: var(--color-legacy-linen);
    --hsf-button__background-color: transparent;
    --hsf-button__border-radius: var(--radius-button);
    --hsf-button__padding: var(--button-padding-y) var(--button-padding-x);
    --hsf-button__box-shadow: none;

    /* Progress (multi-step) */
    --hsf-progressbar-text__font-family: var(--font-body);
    --hsf-progressbar-text__font-size: var(--text-caption-size);
    --hsf-progressbar-text__color: var(--color-legacy-linen);
    --hsf-progressbar-trackLine__background-color: var(--color-legacy-linen-20);
    --hsf-progressbar-progressLine__background-color: var(--color-golden-future);

    /* Alerts */
    --hsf-erroralert__font-family: var(--font-body);
    --hsf-erroralert__color: var(--color-golden-future);
    --hsf-infoalert__font-family: var(--font-body);
    --hsf-infoalert__color: var(--color-legacy-linen);
}

[id^="hs-form-island-"] [data-hsfc-id=Renderer] .hsfc-Row {
	grid-template-columns: 1fr;
}

/* Underline fields + focus (HubSpot often applies full borders via components) */
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="text"],
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="email"],
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="tel"],
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="url"],
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="number"],
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="search"],
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="date"] {
    background: transparent;
    border: none;
    border-bottom: var(--border-width-default) solid var(--color-legacy-linen-20);
    border-radius: 0;
    color: var(--color-legacy-linen);
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    font-weight: var(--font-weight-regular);
    outline: none;
    padding: var(--space-xxs) 0 var(--space-xs) 0;
    width: 100%;
    box-shadow: none;
    transition: border-color 0.2s ease;
}

[id^="hs-form-island-"] .hsfc-FormWrapper input[type="text"]:focus,
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="email"]:focus,
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="tel"]:focus,
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="url"]:focus,
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="number"]:focus,
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="search"]:focus,
[id^="hs-form-island-"] .hsfc-FormWrapper input[type="date"]:focus {
    border-bottom-color: var(--color-golden-future);
    box-shadow: none;
}

[id^="hs-form-island-"] .hsfc-FormWrapper input::placeholder {
    color: var(--color-legacy-linen-20);
    opacity: 1;
}

[id^="hs-form-island-"] .hsfc-FormWrapper textarea {
    background: transparent;
    border: none;
    border-bottom: var(--border-width-default) solid var(--color-legacy-linen-20);
    border-radius: 0;
    color: var(--color-legacy-linen);
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    font-weight: var(--font-weight-regular);
    min-height: 100px;
    outline: none;
    padding: var(--space-xxs) 0 var(--space-xs) 0;
    resize: vertical;
    width: 100%;
    box-shadow: none;
    transition: border-color 0.2s ease;
}

[id^="hs-form-island-"] .hsfc-FormWrapper textarea:focus {
    border-bottom-color: var(--color-golden-future);
    box-shadow: none;
}

[id^="hs-form-island-"] .hsfc-FormWrapper textarea::placeholder {
    color: var(--color-legacy-linen-20);
    opacity: 1;
}

[id^="hs-form-island-"] .hsfc-FormWrapper select {
    background-color: transparent;
    border: none;
    border-bottom: var(--border-width-default) solid var(--color-legacy-linen-20);
    border-radius: 0;
    color: var(--color-legacy-linen);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    font-weight: var(--font-weight-regular);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23efe3c7' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px;
    padding: var(--space-xxs) 0 var(--space-xs) 0;
    padding-right: 24px;
    width: 100%;
    box-shadow: none;
    transition: border-color 0.2s ease;
}

[id^="hs-form-island-"] .hsfc-DropdownOptions .hsfc-DropdownOptions__Search input[type="text"] {
	padding: var(--space-xxs) var(--space-xs) var(--space-xs) var(--space-xs);
}
[id^="hs-form-island-"] .hsfc-DropdownOptions__List .hsfc-DropdownOptions__List__ListItem {
	padding: var(--space-xs);
}

[id^="hs-form-island-"] .hsfc-FormWrapper select:focus {
    border-bottom-color: var(--color-golden-future);
    box-shadow: none;
}

[id^="hs-form-island-"] .hsfc-FormWrapper select option {
    background-color: var(--color-command-blue);
    color: var(--color-legacy-linen);
}

/* Labels: match WPForms weight/color */
[id^="hs-form-island-"] .hsfc-FormWrapper label,
[id^="hs-form-island-"] .hsfc-FieldLabel {
    font-family: var(--font-body);
    font-size: var(--text-paragraph-size);
    line-height: var(--text-paragraph-line-height);
    font-weight: var(--font-weight-bold);
    color: var(--color-legacy-linen);
}

/* Buttons: outline primary + hover invert (secondary HubSpot buttons stay outlined) */
[id^="hs-form-island-"] .hsfc-FormWrapper button[type="submit"],
[id^="hs-form-island-"] .hsfc-FormWrapper .hsfc-Button,
[id^="hs-form-island-"] .hsfc-FormWrapper button.hsfc-Button {
    background: transparent;
    border: var(--border-width-default) solid var(--color-legacy-linen);
    border-radius: var(--radius-button);
    box-shadow: none;
    color: var(--color-legacy-linen);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--text-button-size);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--text-button-letter-spacing);
    text-transform: uppercase;
    padding: var(--button-padding-y) var(--button-padding-x);
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

[id^="hs-form-island-"] .hsfc-FormWrapper button[type="submit"]:hover,
[id^="hs-form-island-"] .hsfc-FormWrapper button[type="submit"]:focus-visible,
[id^="hs-form-island-"] .hsfc-FormWrapper .hsfc-Button:hover,
[id^="hs-form-island-"] .hsfc-FormWrapper .hsfc-Button:focus-visible,
[id^="hs-form-island-"] .hsfc-FormWrapper button.hsfc-Button:hover,
[id^="hs-form-island-"] .hsfc-FormWrapper button.hsfc-Button:focus-visible {
    background-color: var(--color-legacy-linen);
    color: var(--color-command-blue);
    border-color: var(--color-legacy-linen);
}

/* Step content typography */
[id^="hs-form-island-"] .hsfc-Step__Content {
    font-family: var(--font-body);
    color: var(--color-legacy-linen);
}

/* Focus visibility for keyboard users */
[id^="hs-form-island-"] .hsfc-FormWrapper button:focus-visible {
    outline: 2px solid var(--color-legacy-linen);
    outline-offset: 2px;
}