@import '_content/Elixir.Web.UI/Elixir.Web.UI.0j37y6wuwi.bundle.scp.css';

/* /Components/Contact/ContactSection.razor.rz.scp.css */
.contact-section[b-zgfta8eco0] { background: var(--color-surface); padding-block: clamp(var(--space-12), 10vw, 6rem); }
.contact-section__grid[b-zgfta8eco0] { display: grid; gap: clamp(var(--space-8), 7vw, var(--space-16)); min-inline-size: 0; }
.contact-section__intro[b-zgfta8eco0] { min-inline-size: 0; }
.contact-section__intro p:not(.eyebrow)[b-zgfta8eco0] { color: var(--color-muted); max-width: 34rem; }
.contact-details[b-zgfta8eco0] { display: grid; gap: var(--space-4); margin: var(--space-8) 0 0; }
.contact-details div[b-zgfta8eco0] { border-top: 1px solid var(--color-border); padding-top: var(--space-3); }
.contact-details dt[b-zgfta8eco0] { color: var(--color-muted); font-size: .8rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.contact-details dd[b-zgfta8eco0] { font-size: 1.05rem; margin: .15rem 0 0; }

.contact-form[b-zgfta8eco0] { background: var(--color-paper); border: 1px solid rgb(0 0 0 / 12%); box-shadow: 0 1.4rem 3.2rem rgb(0 0 0 / 9%); display: grid; gap: clamp(var(--space-5), 3vw, var(--space-7)); inline-size: 100%; min-inline-size: 0; padding: clamp(var(--space-6), 5vw, var(--space-8)); }
.contact-form__heading[b-zgfta8eco0] { border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-5); }
.contact-form__heading h3[b-zgfta8eco0] { font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -.025em; margin-bottom: var(--space-2); }
.contact-form__heading p:last-child[b-zgfta8eco0] { color: var(--color-muted); font-size: .95rem; margin-bottom: 0; }

.contact-form__fields[b-zgfta8eco0] { border: 0; display: grid; gap: var(--space-5); grid-template-columns: minmax(0, 1fr); inline-size: 100%; margin: 0; min-inline-size: 0; padding: 0; }
.form-field[b-zgfta8eco0] { align-content: start; display: grid; gap: .45rem; min-inline-size: 0; }
.form-field label[b-zgfta8eco0] { font-weight: 750; line-height: 1.35; }
.form-field__required[b-zgfta8eco0] { color: #a4241d; }
.form-field__optional[b-zgfta8eco0] { color: var(--color-muted); font-size: .9em; font-weight: 500; }
.form-field__control[b-zgfta8eco0] { min-inline-size: 0; position: relative; }
.form-field:has(textarea)[b-zgfta8eco0] { grid-column: 1 / -1; }

/* InputText / InputTextArea render without this component's scope attribute. */
.form-field__control[b-zgfta8eco0]  input,
.form-field__control[b-zgfta8eco0]  textarea {
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: .35rem;
    box-sizing: border-box;
    color: var(--color-ink);
    display: block;
    font: inherit;
    inline-size: 100%;
    min-block-size: 2.85rem;
    min-inline-size: 0;
    padding: .7rem .8rem;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.form-field__control[b-zgfta8eco0]  textarea { min-block-size: 13rem; resize: vertical; }
.form-field__control[b-zgfta8eco0]  input:focus,
.form-field__control[b-zgfta8eco0]  textarea:focus { border-color: var(--color-brand-deep); box-shadow: 0 0 0 3px rgb(255 196 81 / 48%); outline: 0; }
.form-field--error .form-field__control[b-zgfta8eco0]  input,
.form-field--error .form-field__control[b-zgfta8eco0]  textarea { background: #fff8ea; border-color: #a4241d; }
.form-field--error .form-field__control[b-zgfta8eco0]  input:focus,
.form-field--error .form-field__control[b-zgfta8eco0]  textarea:focus { border-color: #a4241d; box-shadow: 0 0 0 3px rgb(164 36 29 / 18%); outline: 0; }

.form-field__tooltip[b-zgfta8eco0] {
    inset-inline: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + .4rem);
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease;
    z-index: 6;
}
.form-field__tooltip--error[b-zgfta8eco0] {
    background: #7a160f;
    border-radius: .45rem;
    box-shadow: 0 .45rem 1rem rgb(0 0 0 / 18%);
    color: #fff;
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.4;
    padding: .5rem .7rem;
    text-align: left;
}
.form-field__tooltip--error[b-zgfta8eco0]::before {
    background: inherit;
    block-size: .55rem;
    border-inline-start: 1px solid rgb(255 255 255 / 12%);
    border-block-start: 1px solid rgb(255 255 255 / 12%);
    content: "";
    inline-size: .55rem;
    inset-block-start: -.28rem;
    inset-inline-start: 1rem;
    position: absolute;
    transform: rotate(45deg);
}
.form-field__tooltip--below[b-zgfta8eco0] { top: calc(100% + .55rem); }
.form-field--error:focus-within .form-field__control[b-zgfta8eco0] { margin-block-end: 2.1rem; }
.form-field--error:focus-within .form-field__tooltip--error[b-zgfta8eco0] {
    opacity: 1;
    transform: translateY(0);
}

.contact-form__actions[b-zgfta8eco0] { border-top: 1px solid var(--color-border); display: grid; gap: var(--space-5); min-inline-size: 0; padding-top: var(--space-5); }
.contact-form__verification[b-zgfta8eco0] { display: grid; gap: var(--space-2); max-inline-size: 20rem; min-inline-size: 0; }
.contact-form__verification .form-field__control[b-zgfta8eco0] { margin-block-end: 0; }
.contact-form__verification--error .form-field__control[b-zgfta8eco0]  iframe { outline: 2px solid #a4241d; outline-offset: 2px; }
.contact-form__verification--error:focus-within .form-field__control[b-zgfta8eco0] { margin-block-end: 2.1rem; }
.contact-form__verification--error:focus-within .form-field__tooltip--error[b-zgfta8eco0] { opacity: 1; transform: translateY(0); }
.contact-form__submit[b-zgfta8eco0] { align-items: start; display: grid; gap: var(--space-2); min-inline-size: 0; }
.contact-form__send-button[b-zgfta8eco0] { background: #161616; border: 1px solid #161616; color: #fff; cursor: pointer; font-weight: 800; justify-self: start; min-block-size: 2.7rem; padding: .55rem 1.25rem; }
.contact-form__send-button:hover[b-zgfta8eco0] { background: var(--color-brand); border-color: var(--color-brand); color: #171717; }
.contact-form__send-button:focus-visible[b-zgfta8eco0] { outline-color: var(--color-brand-deep); }
.contact-form__submit > p[b-zgfta8eco0] { color: var(--color-muted); font-size: .9rem; margin: 0; }

.contact-form__feedback.form-status[b-zgfta8eco0] {
    align-items: flex-start;
    border: 1px solid transparent;
    border-radius: .75rem;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr);
    inline-size: 100%;
    margin-block: var(--space-5) 0;
    margin-inline: 0;
    padding: 1rem 1.1rem;
}
.contact-form__feedback.form-status:focus[b-zgfta8eco0] { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.form-status__icon[b-zgfta8eco0] { block-size: 1.5rem; border-radius: 50%; display: block; flex-shrink: 0; inline-size: 1.5rem; position: relative; }
.form-status__content[b-zgfta8eco0] { display: block; line-height: 1.45; min-inline-size: 0; }
.form-status__content strong[b-zgfta8eco0] { display: block; font-size: 1rem; }
.form-status__message[b-zgfta8eco0] { color: inherit; display: block; margin-block-start: .2rem; opacity: .92; }
.form-status--success[b-zgfta8eco0] { background: #eef8ee; border-color: #9edcb6; color: #075b2d; }
.form-status__icon--success[b-zgfta8eco0] { background: #0b6b34; }
.form-status__icon--success[b-zgfta8eco0]::after { border: solid #fff; border-width: 0 .14rem .14rem 0; block-size: .65rem; content: ""; inline-size: .32rem; inset: .31rem .55rem; position: absolute; transform: rotate(45deg); }
.form-status--error[b-zgfta8eco0] { background: #fff5f3; border-color: #e4a9a2; color: #751810; }
.form-status__icon--error[b-zgfta8eco0] { background: #a4241d; }
.form-status__icon--error[b-zgfta8eco0]::before, .form-status__icon--error[b-zgfta8eco0]::after { background: #fff; block-size: .14rem; content: ""; inline-size: .72rem; inset: .68rem .39rem; position: absolute; transform: rotate(45deg); }
.form-status__icon--error[b-zgfta8eco0]::after { transform: rotate(-45deg); }

@media (min-width: 36rem) {
    .contact-form__fields[b-zgfta8eco0] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .contact-form__actions[b-zgfta8eco0] { align-items: end; grid-template-columns: minmax(0, 1fr) auto; }
}

@media (min-width: 55rem) {
    .contact-section__grid[b-zgfta8eco0] { align-items: start; grid-template-columns: minmax(16rem, .82fr) minmax(0, 1.18fr); }
}

@media (max-width: 35.99rem) {
    .contact-form__send-button[b-zgfta8eco0] { inline-size: 100%; }
}

@media (max-width: 30rem) {
    .contact-form[b-zgfta8eco0] { padding: var(--space-5); }
    .form-field__tooltip[b-zgfta8eco0] { font-size: .78rem; }
}