﻿.umbraco-forms-field-wrapper select {
    max-width: 400px !important;
    padding: 5px;
    display: block;
    width: 95%;
    background-color: #faf8f4;
    border: 1px solid #d5d7da;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px #0a0d120d;
    width: 100%;
    max-width: 500px;
}



    /* Focus */
    .umbraco-forms-field-wrapper select:focus {
        border-color: var(--color-primary, #4f7381);
        box-shadow: 0 0 0 3px rgba(79, 115, 129, 0.15);
    }

    /* Options */
    .umbraco-forms-field-wrapper select option {
        color: var(--color-ink, #4F7382);
        background-color: #ffffff;
        font-family: var(--font-sans, "IBM Plex Sans Arabic", sans-serif);
    }

/* RTL Support */
[dir="rtl"] .umbraco-forms-field-wrapper select {
    direction: rtl;
    text-align: right;
    background-position: left 16px center;
    padding-left: 44px;
    padding-right: 16px;
}

/* Disabled */
.umbraco-forms-field-wrapper select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--color-primary-50, #eef3f4);
}

/* Validation */
.umbraco-forms-field-wrapper select.input-validation-error,
.umbraco-forms-field-wrapper select[aria-invalid="true"] {
    border-color: var(--color-accent, #eb6c4f);
}

.join-form .radiobuttonlist, .join-form .checkboxlist, .join-form .umbraco-forms-field .radiobuttonlist-horizontal {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: var(--form-gap-sm) var(--form-gap-xl);
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Target this specific Umbraco radio group */
.contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    width: 100%;
    direction: rtl;
    justify-content: flex-start;
}

    /* Each option */
    .contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"] > div {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: 6px;
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    /* Radio circle */
    .contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"] input[type="radio"] {
        appearance: auto;
        -webkit-appearance: radio;
        width: 16px;
        height: 16px;
        min-width: 16px;
        margin: 0;
        padding: 0;
        accent-color: #4f7382;
        cursor: pointer;
    }

.umbraco-forms-form fieldset {
    padding: 1em 0 0 !important;
    margin: 0 0 1em !important;
}

.umbraco-forms-form .radiobuttonlist {
    float: none !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 0 !important;
    margin: 0;
    list-style: none;
}

/* Label */
.contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"] label {
    margin: 0;
    padding: 0;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #4f7382;
    cursor: pointer;
}

/* Arabic */
html:lang(ar) .contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"],
html[dir="rtl"] .contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"] {
    direction: rtl;
}

/* English */
html:lang(en) .contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"],
html[dir="ltr"] .contact-form .radiobuttonlist[data-umb="ec21b51a-bd88-4b41-bee0-b73fdc32b51b"] {
    direction: ltr;
}

.umbraco-forms-legend {
    font-weight: 400 !important;
}




.umbraco-forms-field.checkbox > .umbraco-forms-label {
    display: none;
}
 
