/**
 * Component: Fluent Forms
 *
 */



.frm-fluent-form > fieldset > :where(.ff-field_container, .ff-el-group) + * {
    margin-block-start: var(--wp--preset--spacing--fixed-1-25);
}

.frm-fluent-form .ff-t-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
    gap: var(--wp--preset--spacing--fixed-1-25);
}

.fluentform .ff-el-group {
    margin-block-end: initial;
}

.ff-el-input--label {
    color: var(--wp--preset--color--base-1-700);
    font-weight: var(--wp--custom--font--weight--semibold);
}

.ff-el-form-check-label {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.ff-el-form-check {
    margin-block-start: 0.75em;
}

.ff-el-form-check-label > :first-child {
    display: inline-block;
    min-width: 1rem;
    height: auto;
    aspect-ratio: 1 / 1;
    margin-block-start: 0.5rem;
}

.basse-custom-select .ff-el-input--content {
    position: relative;
}

.basse-custom-select .ff-el-input--content::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 12 10" fill="none" stroke="currentcolor" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg>');
    display: grid;
    place-items: center;
    position: absolute;
    inset: 0 0.75rem 0 auto;
    pointer-events: none;
}

.basse-custom-select .ff-el-input--content > select {
    padding-block: var(--wp--preset--spacing--fluid-0-5-step-0-75);
    padding-inline-end: var(--wp--preset--spacing--fluid-3-step-3-5);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.basse-radio-selection .ff-el-form-check-label {
    background-color: var(--wp--preset--color--base-1-100);
    padding: 0.25em 0.75em;
    border-radius: 0.25em;
    cursor: pointer;
}

.basse-radio-selection .ff-el-form-check-label:is(:hover,:focus,:focus-visible,:focus-within),
.basse-radio-selection .ff_item_selected .ff-el-form-check-label{
    color: var(--wp--preset--color--primary-1-800);
    background-color: var(--wp--preset--color--primary-1-200);
}

.basse-radio-selection .ff-el-form-check-label :is(:focus,:focus-visible) {
    outline: none;
}

.basse-radio-selection .ff-el-form-check-label .ff-el-form-check-radio {
    position: absolute;
    opacity: 0;
}

.ff-el-input--label:where(.ff-el-is-required.asterisk-left):not(.is-no-asterisk) label::before {
    color: #ff6154;
    content: "*";
    margin-right: 4px;
}

.ff-el-input--label:where(.ff-el-is-required.asterisk-right):not(.is-no-asterisk) label::after {
    color: #ff6154;
    content: "*";
    margin-left: 4px;
}

.ff-el-is-error .ff-el-form-control {
    border-color: #f56c6c;
}

.fluentform .ff-el-is-error .text-danger {
    font-size: var(--wp--preset--font-size--body-xxs);
    margin-top: 0.25rem;
}

.fluentform .text-danger {
    color: #f56c6c;
}