/**
 * Nabd ElHayat — Owner Dashboard
 * Frontend dashboard styles.
 */

/* ========================================
   Phone and WhatsApp Fields
   ======================================== */

input[name="branch_phone"],
input[name="branch_whatsapp"],
.nabd-phone-field,
.nabd-phone-field input {
    direction: ltr !important;
    text-align: right !important;
    unicode-bidi: isolate !important;
}


/* =========================================================
   Owner Dashboard — Doctor Image Upload
   Field: doctor_image
   Size: 180 × 180
   ========================================================= */

/* Main upload placeholder */
[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__content {
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    max-width: 180px !important;
    max-height: 180px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;
    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;

    background-size:
        34px 3px,
        3px 34px !important;

    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover */
[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* Preview container */
[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Individual uploaded file wrapper */
[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Uploaded doctor image */
[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center top !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* Remove + graphic after image is selected */
[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}


/* Loader */
[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}



/* =========================================================
   Doctor Form — Basic Information Row
   ========================================================= */

.wp-block-columns.nabd-basic-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    align-items: flex-start !important;
}

/* Each column takes half */
.wp-block-columns.nabd-basic-row
> .jet-sm-gb-wrapper {
    flex: 1 1 0 !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
}

/* Inner Gutenberg column fills its wrapper */
.wp-block-columns.nabd-basic-row
> .jet-sm-gb-wrapper
.wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

/* JetForm field fills the available width */
.wp-block-columns.nabd-basic-row
.jet-form-builder-row,
.wp-block-columns.nabd-basic-row
.jet-form-builder__field-wrap,
.wp-block-columns.nabd-basic-row
.jet-form-builder__field {
    width: 100% !important;
    max-width: 100% !important;
}

/* Mobile */
@media (max-width: 767px) {

    .wp-block-columns.nabd-basic-row {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .wp-block-columns.nabd-basic-row
    > .jet-sm-gb-wrapper {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   Doctor Form — Professional Information Row
   ========================================================= */

/* Main Columns block */
.wp-block-columns.nabd-professional-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    align-items: flex-start !important;
}

/* سنوات الخبرة */
.wp-block-columns.nabd-professional-row
> .jet-sm-gb-wrapper:nth-child(1) {
    flex: 0 0 20% !important;
    width: 20% !important;
    max-width: 20% !important;
    min-width: 0 !important;
}

/* البريد الإلكتروني */
.wp-block-columns.nabd-professional-row
> .jet-sm-gb-wrapper:nth-child(2) {
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;
    min-width: 0 !important;
}

/* رقم الهاتف */
.wp-block-columns.nabd-professional-row
> .jet-sm-gb-wrapper:nth-child(3) {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Inner Gutenberg columns must fill their wrapper */
.wp-block-columns.nabd-professional-row
> .jet-sm-gb-wrapper
> .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

/* JetForm fields fill the available column */
.wp-block-columns.nabd-professional-row
.jet-form-builder-row,
.wp-block-columns.nabd-professional-row
.jet-form-builder__field-wrap,
.wp-block-columns.nabd-professional-row
.jet-form-builder__field {
    width: 100% !important;
    max-width: 100% !important;
}

/* Mobile */
@media (max-width: 767px) {

    .wp-block-columns.nabd-professional-row {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .wp-block-columns.nabd-professional-row
    > .jet-sm-gb-wrapper {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================
   Owner Dashboard — Form Section Separator
   ========================================= */

.nabd-form-separator {

    margin: -10px 0 44px auto !important;

    border: 0 !important;
    border-top: 1px solid rgba(9, 47, 107, 0.18) !important;

    opacity: 1 !important;
}


/* =========================================
   Owner Dashboard — Medium Fields
   ========================================= */

.nabd-field-medium {
    width: 35% !important;
    max-width: 420px !important;
}

/* Make the actual input fill its wrapper */
.nabd-field-medium .jet-form-builder__field,
.nabd-field-medium input,
.nabd-field-medium textarea,
.nabd-field-medium select {
    width: 100% !important;
    max-width: 100% !important;
}

/* Mobile */
@media (max-width: 767px) {
    .nabd-field-medium {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.nabd-field-small {
    width: 35% !important;
    max-width: 220px !important;
}

/* Make the actual input fill its wrapper */
.nabd-field-small .jet-form-builder__field,
.nabd-field-small input,
.nabd-field-small textarea,
.nabd-field-small select {
    width: 100% !important;
    max-width: 100% !important;
}

/* Mobile */
@media (max-width: 767px) {
    .nabd-field-medium {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   Owner Dashboard — Certificates Gallery Upload
   Field: _certificates
   ========================================================= */


/* =========================================================
   Main Upload Area
   ========================================================= */

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__content {
    width: 600px !important;
    max-width: 100% !important;
    min-height: 130px !important;

    position: relative !important;
    box-sizing: border-box !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background: #FFFFFF !important;

    overflow: hidden !important;
    cursor: pointer !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover */

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* =========================================================
   Empty Slots / Preview Grid
   ========================================================= */

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    min-height: 126px !important;

    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;
    padding: 10px !important;

    box-sizing: border-box !important;

    background-color: #FFFFFF !important;

    /*
     * Five + placeholders remain visible.
     * Uploaded previews sit above them and cover
     * only their corresponding occupied slots.
     */
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 38V62M38 50H62' fill='none' stroke='%23092F6B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),
        repeating-linear-gradient(
            to right,
            transparent 0,
            transparent calc(20% - 1px),
            #D6E1F0 calc(20% - 1px),
            #D6E1F0 20%
        );

    background-size:
        20% 100%,
        100% 68% !important;

    background-position:
        right center,
        center !important;

    background-repeat:
        repeat-x,
        no-repeat !important;
}


/* =========================================================
   Uploaded Certificate Slot
   Exactly 5 certificates per row
   ========================================================= */

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__file {
    width: calc((100% - 40px) / 5) !important;
    max-width: calc((100% - 40px) / 5) !important;
    flex: 0 0 calc((100% - 40px) / 5) !important;

    height: 106px !important;
    min-height: 106px !important;

    position: relative !important;
    z-index: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 8px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* =========================================================
   Certificate Preview Image
   ========================================================= */

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 90px !important;
    max-width: 100% !important;
    max-height: 90px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 1px solid #D6E1F0 !important;
    border-radius: 10px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* =========================================================
   Loader
   ========================================================= */

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;

    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   Responsive — Mobile
   ========================================================= */

@media (max-width: 767px) {

    [data-update-field-name="_certificates"]
    .jet-form-builder-file-upload__content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /*
     * 3 certificates per row on mobile
     */
    [data-update-field-name="_certificates"]
    .jet-form-builder-file-upload__file {
        width: calc((100% - 20px) / 3) !important;
        max-width: calc((100% - 20px) / 3) !important;
        flex: 0 0 calc((100% - 20px) / 3) !important;

        height: 101px !important;
        min-height: 101px !important;
    }

    [data-update-field-name="_certificates"]
    .jet-form-builder-file-upload__file img {
        height: 85px !important;
        max-height: 85px !important;
    }
}




/* =========================================================
   Owner Dashboard — Page Intro Decoration
   ========================================================= */

.nabd-dashboard-page-intro {
    position: relative !important;
    overflow: hidden !important;
}

/* Keep real content above decoration */
.nabd-dashboard-page-intro > * {
    position: relative;
    z-index: 2;
}

/* Large blue ring */
.nabd-dashboard-page-intro::before {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    left: -70px;
    top: -115px;

    border: 34px solid rgba(9, 47, 107, 0.035);
    border-radius: 50%;

    box-sizing: border-box;
    pointer-events: none;

    z-index: 0;
}

/* Small red ring */
.nabd-dashboard-page-intro::after {
    content: "";
    position: absolute;

    width: 150px;
    height: 150px;

    left: 90px;
    bottom: -70px;

    border: 24px solid rgba(227, 30, 36, 0.04);
    border-radius: 50%;

    box-sizing: border-box;
    pointer-events: none;
    z-index: 0;
}


/* =========================================================
   Owner Dashboard — JetForm Section Headings
   ========================================================= */

.jet-form-builder-row.field-type-heading-field
.jet-form-builder__heading {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;

    padding-right: 0;
}

/* Small red accent */
.jet-form-builder-row.field-type-heading-field
.jet-form-builder__heading::before {
    content: "";
    display: block;

    width: 22px;
    height: 2px;
    flex: 0 0 22px;

    background: #E31E24;
    border-radius: 2px;

    pointer-events: none;
}


/* =========================================
   Owner Dashboard — Required Mark
   ========================================= */

.jet-form-builder__required {
    color: #E31E24 !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    display: inline-block;
    margin-right: 3px !important;

    line-height: 1;
    vertical-align: middle;
}


/* =========================================
   Owner Dashboard — Form Field Focus
   ========================================= */

.jet-form-builder-row input:not([type="file"]):focus,
.jet-form-builder-row select:focus,
.jet-form-builder-row textarea:focus {
    border-color: #2F6FD0 !important;
    box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.08) !important;
    outline: none !important;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.jet-form-builder-row input:not([type="file"]),
.jet-form-builder-row select,
.jet-form-builder-row textarea {
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}


/* =========================================================
   Owner Dashboard — End of Form Section
   ========================================================= */

.nabd-form-separator-end {
    width: 100% !important;

    margin-top: 100px !important;
    margin-bottom: 0px !important;

    border: 0 !important;
    border-top: 1px solid rgba(227, 30, 36, 0.20) !important;
    opacity: 1 !important;
}


/* =========================================================
   Owner Dashboard — Checkbox Grid
   ========================================================= */

.jet-form-builder__fields-group.checkradio-wrap {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px 20px !important;
    width: 100% !important;
}

.jet-form-builder__field-wrap.checkboxes-wrap.checkradio-wrap {
    width: 100% !important;
    margin: 0 !important;
}

.jet-form-builder__field-label.for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100%;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .jet-form-builder__fields-group.checkradio-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .jet-form-builder__fields-group.checkradio-wrap {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}


/* =========================================================
   Owner Dashboard — Checkbox Group Titles
   ========================================================= */

fieldset.field-type-checkbox-field > legend.jet-form-builder__label {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #092F6B !important;

    display: flex !important;
    align-items: center;
    gap: 8px;

    margin-bottom: 16px !important;
    padding: 0 !important;
}

/* Small group marker */
fieldset.field-type-checkbox-field > legend.jet-form-builder__label::before {
    content: "";
    width: 5px;
    height: 5px;
    flex: 0 0 5px;

    background: #2F6FD0;
    border-radius: 50%;
}


/* =========================================================
   Owner Dashboard — Checkbox Groups Vertical Spacing
   ========================================================= */

.jet-sm-gb-wrapper:has(fieldset.field-type-checkbox-field) {
    margin-bottom: 60px !important;
}



/* =========================================================
   Owner Dashboard — Doctor Visibility Control
   ========================================================= */

fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__fields-group {
    display: flex !important;
    gap: 12px !important;
    width: auto !important;
    margin-top: 14px !important;
}

/* Each option */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
    width: auto !important;
    margin: 0 !important;
}

/* Option card */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-label.for-radio {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-width: 112px;
    min-height: 44px;

    padding: 10px 16px !important;

    background: #FFFFFF;
    border: 1px solid #D6E1F0;
    border-radius: 10px;

    color: #26364A;
    cursor: pointer;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

/* Hide native radio */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-label.for-radio > input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none;
}

/* Keep the JetForm circle but make it smaller */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-label.for-radio > span::before {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;

    border: 1px solid #9FB3CC !important;
    background: #FFFFFF !important;
}

/* Selected card */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked) {
    border-color: #2F6FD0 !important;
    background: rgba(47, 111, 208, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.07);
    color: #092F6B !important;
}

/* Selected radio dot */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked)
> span::before {
    border-color: #2F6FD0 !important;
    background:
        radial-gradient(
            circle,
            #2F6FD0 0 4px,
            #FFFFFF 4.5px
        ) !important;
}

/* Hover */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-label.for-radio:hover {
    border-color: #9ABAE8;
}

/* Mobile */
@media (max-width: 767px) {
    fieldset[data-update-field-name="doctor_visibility"]
    .jet-form-builder__fields-group {
        width: 100% !important;
    }

    fieldset[data-update-field-name="doctor_visibility"]
    .jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
        flex: 1 1 0 !important;
    }

    fieldset[data-update-field-name="doctor_visibility"]
    .jet-form-builder__field-label.for-radio {
        width: 100%;
        min-width: 0;
    }
    
}

/* Doctor Visibility — Option Order */

fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__fields-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

/* إخفاء */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(1) {
    order: 2 !important;
}

/* ظهور */
fieldset[data-update-field-name="doctor_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(2) {
    order: 1 !important;
}





/* =========================================================
   Owner Dashboard — Reviews Visibility Control
========================================================= */


/* Options group */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__fields-group {
    display: flex !important;
    flex-direction: row !important;

    justify-content: flex-start !important;

    gap: 12px !important;

    width: auto !important;

    margin-top: 14px !important;
}


/* Each option wrapper */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
    width: auto !important;

    margin: 0 !important;
}


/* Option card */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-label.for-radio {
    position: relative;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    min-width: 112px;
    min-height: 44px;

    padding: 10px 16px !important;

    background: #FFFFFF;

    border: 1px solid #D6E1F0;
    border-radius: 10px;

    color: #26364A;

    cursor: pointer;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}


/* Hide native radio */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-label.for-radio > input[type="radio"] {
    position: absolute !important;

    opacity: 0 !important;

    pointer-events: none;
}


/* Custom small radio circle */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-label.for-radio > span::before {
    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    margin: 0 !important;

    border: 1px solid #9FB3CC !important;

    background: #FFFFFF !important;
}


/* Selected card */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-label.for-radio:has(
    input[type="radio"]:checked
) {
    border-color: #2F6FD0 !important;

    background: rgba(47, 111, 208, 0.06) !important;

    box-shadow:
        0 0 0 3px rgba(47, 111, 208, 0.07);

    color: #092F6B !important;
}


/* Selected radio dot */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-label.for-radio:has(
    input[type="radio"]:checked
) > span::before {
    border-color: #2F6FD0 !important;

    background:
        radial-gradient(
            circle,
            #2F6FD0 0 4px,
            #FFFFFF 4.5px
        ) !important;
}


/* Hover */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-label.for-radio:hover {
    border-color: #9ABAE8;
}


/* =========================================================
   Reviews Visibility — Option Order
========================================================= */

/* إخفاء */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(1) {
    order: 2 !important;
}


/* ظهور */
fieldset[data-update-field-name="reviews_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(2) {
    order: 1 !important;
}


/* =========================================================
   Mobile
========================================================= */

@media (max-width: 767px) {

    fieldset[data-update-field-name="reviews_visibility"]
    .jet-form-builder__fields-group {
        width: 100% !important;
    }


    fieldset[data-update-field-name="reviews_visibility"]
    .jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
        flex: 1 1 0 !important;
    }


    fieldset[data-update-field-name="reviews_visibility"]
    .jet-form-builder__field-label.for-radio {
        width: 100% !important;

        min-width: 0 !important;
    }
}







/* =========================================================
   Owner Dashboard — Department Main Image Upload
   Field: department_thumbnail
   Size: 240 × 160
   ========================================================= */

/* Main upload placeholder */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__content {
    width: 240px !important;
    height: 160px !important;
    min-width: 240px !important;
    min-height: 160px !important;
    max-width: 240px !important;
    max-height: 160px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;
    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;

    background-size:
        34px 3px,
        3px 34px !important;

    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* Files container */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Uploaded file wrapper */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Uploaded main image */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* Remove + after selecting image */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}


/* Loader */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}

/* =========================================================
   Owner Dashboard — Department Mobile Banner Upload
   Field: mobile_banner
   ========================================================= */

/* Main upload placeholder */
[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__content {
    width: 180px !important;
    height: 260px !important;
    min-width: 180px !important;
    min-height: 260px !important;
    max-width: 180px !important;
    max-height: 260px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;
    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;
    background-size:
        34px 3px,
        3px 34px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover */
[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* Files container */
[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Individual uploaded file wrapper */
[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Uploaded mobile image */
[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* Hide the + graphic after an image is selected */
[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}


/* Loader */
[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}

/* =========================================================
   Owner Dashboard — Department Icon Upload
   Field: departments_iconn
   ========================================================= */

/* Main icon upload placeholder */
[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__content {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;
    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;
    background-size:
        28px 2px,
        2px 28px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover */
[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* Files container */
[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Individual uploaded file wrapper */
[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Uploaded icon */
[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 88px !important;
    height: 88px !important;
    max-width: 88px !important;
    max-height: 88px !important;

    margin: auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* Remove + graphic when icon exists */
[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}


/* Loader */
[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   Owner Dashboard — Department Visibility Control
   Field: department_visibility
   ========================================================= */

/* Options container */
[data-update-field-name="department_visibility"]
.jet-form-builder__fields-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;

    gap: 12px !important;
    width: auto !important;

    margin-top: 14px !important;
}


/* Each option wrapper */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
    width: auto !important;
    margin: 0 !important;
}


/* Option card */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-label.for-radio {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    min-width: 112px !important;
    min-height: 44px !important;

    padding: 10px 16px !important;

    background: #FFFFFF !important;
    border: 1px solid #D6E1F0 !important;
    border-radius: 10px !important;

    color: #26364A !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}


/* Hide native radio */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-label.for-radio > input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* Text + custom radio circle */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-label.for-radio > span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}


[data-update-field-name="department_visibility"]
.jet-form-builder__field-label.for-radio > span::before {
    content: "" !important;

    display: inline-block !important;

    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    margin: 0 !important;

    border: 1px solid #9FB3CC !important;
    border-radius: 50% !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* Selected card */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked) {
    border-color: #2F6FD0 !important;
    background: rgba(47, 111, 208, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.07) !important;

    color: #092F6B !important;
}


/* Selected dot */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked)
> span::before {
    border-color: #2F6FD0 !important;

    background:
        radial-gradient(
            circle,
            #2F6FD0 0 4px,
            #FFFFFF 4.5px
        ) !important;
}


/* Hover */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-label.for-radio:hover {
    border-color: #9ABAE8 !important;
}


/* =========================================================
   Order: ظهور أولاً ثم إخفاء
   ========================================================= */

/* إخفاء */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(1) {
    order: 2 !important;
}

/* ظهور */
[data-update-field-name="department_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(2) {
    order: 1 !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    [data-update-field-name="department_visibility"]
    .jet-form-builder__fields-group {
        width: 100% !important;
        gap: 10px !important;
    }

    [data-update-field-name="department_visibility"]
    .jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
        flex: 1 1 0 !important;
    }

    [data-update-field-name="department_visibility"]
    .jet-form-builder__field-label.for-radio {
        width: 100% !important;
        min-width: 0 !important;
    }
}



/* =========================================================
   Owner Dashboard — Department Checkbox Group Titles
   Field: department_branches
   ========================================================= */

/* Group title */
[data-update-field-name="department_branches"].field-type-checkbox-field
> .jet-form-builder__label
> .jet-form-builder__label-text {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #092F6B !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin-bottom: 16px !important;
    padding: 0 !important;
}

/* Small blue marker */
[data-update-field-name="department_branches"].field-type-checkbox-field
> .jet-form-builder__label
> .jet-form-builder__label-text::before {
    content: "" !important;

    width: 5px !important;
    height: 5px !important;
    flex: 0 0 5px !important;

    background: #2F6FD0 !important;
    border-radius: 50% !important;
}


/* =========================================================
   Owner Dashboard — Department Checkbox Group Spacing
   ========================================================= */

.jet-sm-gb-wrapper:has(
    [data-update-field-name="department_branches"].field-type-checkbox-field
) {
    margin-bottom: 60px !important;
}



/* =========================================================
   Owner Dashboard — Service Main Image Upload
   Field: service_thumbnail
   Size: 240 × 160
   ========================================================= */

/* Main upload placeholder */
[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__content {
    width: 240px !important;
    height: 160px !important;
    min-width: 240px !important;
    min-height: 160px !important;
    max-width: 240px !important;
    max-height: 160px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;
    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;

    background-size:
        34px 3px,
        3px 34px !important;

    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

/* Hover */
[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}

/* Files container */
[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Uploaded file wrapper */
[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Uploaded main image */
[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}

/* Remove + after selecting image */
[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}

/* Loader */
[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   Owner Dashboard — Service Icon Upload
   Field: service_icon
   ========================================================= */

/* Main icon upload placeholder */
[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__content {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;
    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;

    background-size:
        28px 2px,
        2px 28px !important;

    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

/* Hover */
[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}

/* Files container */
[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Individual uploaded file wrapper */
[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Uploaded icon */
[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 88px !important;
    height: 88px !important;
    max-width: 88px !important;
    max-height: 88px !important;

    margin: auto !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: transparent !important;

    box-sizing: border-box !important;
}

/* Remove + graphic when icon exists */
[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}

/* Loader */
[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}






/* =========================================================
   Owner Dashboard — Service Visibility Control
   Field: service_visibility
   ========================================================= */

/* Options container */
[data-update-field-name="service_visibility"]
.jet-form-builder__fields-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;

    gap: 12px !important;
    width: auto !important;

    margin-top: 14px !important;
}

/* Each option wrapper */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
    width: auto !important;
    margin: 0 !important;
}

/* Option card */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-label.for-radio {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    min-width: 112px !important;
    min-height: 44px !important;

    padding: 10px 16px !important;

    background: #FFFFFF !important;
    border: 1px solid #D6E1F0 !important;
    border-radius: 10px !important;

    color: #26364A !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

/* Hide native radio */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-label.for-radio > input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Text + custom radio circle */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-label.for-radio > span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

[data-update-field-name="service_visibility"]
.jet-form-builder__field-label.for-radio > span::before {
    content: "" !important;

    display: inline-block !important;

    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    margin: 0 !important;

    border: 1px solid #9FB3CC !important;
    border-radius: 50% !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}

/* Selected card */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked) {
    border-color: #2F6FD0 !important;
    background: rgba(47, 111, 208, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.07) !important;

    color: #092F6B !important;
}

/* Selected dot */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked)
> span::before {
    border-color: #2F6FD0 !important;

    background:
        radial-gradient(
            circle,
            #2F6FD0 0 4px,
            #FFFFFF 4.5px
        ) !important;
}

/* Hover */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-label.for-radio:hover {
    border-color: #9ABAE8 !important;
}


/* =========================================================
   Order
   عام أولاً ثم للحجز فقط
   ========================================================= */

/* عام */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(1) {
    order: 1 !important;
}

/* للحجز فقط */
[data-update-field-name="service_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(2) {
    order: 2 !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    [data-update-field-name="service_visibility"]
    .jet-form-builder__fields-group {
        width: 100% !important;
        gap: 10px !important;
    }

    [data-update-field-name="service_visibility"]
    .jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
        flex: 1 1 0 !important;
    }

    [data-update-field-name="service_visibility"]
    .jet-form-builder__field-label.for-radio {
        width: 100% !important;
        min-width: 0 !important;
    }
}



/* =========================================================
   Owner Dashboard — Service Checkbox Group Titles
   Same Style as Doctors
   ========================================================= */

/* Group title */
[data-update-field-name="service_departments"].field-type-checkbox-field
> .jet-form-builder__label
> .jet-form-builder__label-text,

[data-update-field-name="service_doctors"].field-type-checkbox-field
> .jet-form-builder__label
> .jet-form-builder__label-text {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #092F6B !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin-bottom: 16px !important;
    padding: 0 !important;
}

/* Small group marker */
[data-update-field-name="service_departments"].field-type-checkbox-field
> .jet-form-builder__label
> .jet-form-builder__label-text::before,

[data-update-field-name="service_doctors"].field-type-checkbox-field
> .jet-form-builder__label
> .jet-form-builder__label-text::before {
    content: "" !important;

    width: 5px !important;
    height: 5px !important;
    flex: 0 0 5px !important;

    background: #2F6FD0 !important;
    border-radius: 50% !important;
}


/* =========================================================
   Owner Dashboard — Service Checkbox Groups Vertical Spacing
   ========================================================= */

.jet-sm-gb-wrapper:has(
    [data-update-field-name="service_departments"].field-type-checkbox-field
),
.jet-sm-gb-wrapper:has(
    [data-update-field-name="service_doctors"].field-type-checkbox-field
) {
    margin-bottom: 60px !important;
}






/* =========================================================
   Owner Dashboard — Branch Main Image Upload
   Field: branch_thumbnail
   Size: 240 × 160
   ========================================================= */

/* Main upload placeholder */
[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__content {
    width: 240px !important;
    height: 160px !important;
    min-width: 240px !important;
    min-height: 160px !important;
    max-width: 240px !important;
    max-height: 160px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;
    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;

    background-size:
        34px 3px,
        3px 34px !important;

    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

/* Hover */
[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}

/* Files container */
[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Uploaded file wrapper */
[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Uploaded main image */
[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}

/* Remove + after selecting image */
[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}

/* Loader */
[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}



/* =========================================================
   Owner Dashboard — Branch Gallery Upload
   Field: branch_gallery
   ========================================================= */

/* =========================================================
   Main Upload Area
   ========================================================= */

[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__content {
    width: 600px !important;
    max-width: 100% !important;
    min-height: 130px !important;

    position: relative !important;
    box-sizing: border-box !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background: #FFFFFF !important;

    overflow: hidden !important;
    cursor: pointer !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

/* Hover */
[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* =========================================================
   Empty Slots / Preview Grid
   ========================================================= */

[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    min-height: 126px !important;

    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;
    padding: 10px !important;

    box-sizing: border-box !important;

    background-color: #FFFFFF !important;

    /*
     * 5 empty image slots
     */
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 38V62M38 50H62' fill='none' stroke='%23092F6B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),
        repeating-linear-gradient(
            to right,
            transparent 0,
            transparent calc(20% - 1px),
            #D6E1F0 calc(20% - 1px),
            #D6E1F0 20%
        );

    background-size:
        20% 100%,
        100% 68% !important;

    background-position:
        right center,
        center !important;

    background-repeat:
        repeat-x,
        no-repeat !important;
}


/* =========================================================
   Uploaded Branch Image Slot
   5 images per row
   ========================================================= */

[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__file {
    width: calc((100% - 40px) / 5) !important;
    max-width: calc((100% - 40px) / 5) !important;
    flex: 0 0 calc((100% - 40px) / 5) !important;

    height: 106px !important;
    min-height: 106px !important;

    position: relative !important;
    z-index: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 8px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* =========================================================
   Branch Image Preview
   ========================================================= */

[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 90px !important;
    max-width: 100% !important;
    max-height: 90px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 1px solid #D6E1F0 !important;
    border-radius: 10px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* =========================================================
   Loader
   ========================================================= */

[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;

    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   Responsive — Mobile
   ========================================================= */

@media (max-width: 767px) {

    [data-update-field-name="branch_gallery"]
    .jet-form-builder-file-upload__content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 3 images per row on mobile */
    [data-update-field-name="branch_gallery"]
    .jet-form-builder-file-upload__file {
        width: calc((100% - 20px) / 3) !important;
        max-width: calc((100% - 20px) / 3) !important;
        flex: 0 0 calc((100% - 20px) / 3) !important;

        height: 101px !important;
        min-height: 101px !important;
    }

    [data-update-field-name="branch_gallery"]
    .jet-form-builder-file-upload__file img {
        height: 85px !important;
        max-height: 85px !important;
    }
}


/* =========================================================
Owner Dashboard — Branch Visibility Control
Field: branch_visibility
========================================================= */

/* Options container */
[data-update-field-name="branch_visibility"]
.jet-form-builder__fields-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;

    gap: 12px !important;
    width: auto !important;

    margin-top: 14px !important;
}

/* Each option wrapper */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
    width: auto !important;
    margin: 0 !important;
}

/* Option card */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-label.for-radio {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    min-width: 112px !important;
    min-height: 44px !important;

    padding: 10px 16px !important;

    background: #FFFFFF !important;
    border: 1px solid #D6E1F0 !important;
    border-radius: 10px !important;

    color: #26364A !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

/* Hide native radio */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-label.for-radio > input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Text + custom radio circle */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-label.for-radio > span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

[data-update-field-name="branch_visibility"]
.jet-form-builder__field-label.for-radio > span::before {
    content: "" !important;

    display: inline-block !important;

    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    margin: 0 !important;

    border: 1px solid #9FB3CC !important;
    border-radius: 50% !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}

/* Selected card */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked) {
    border-color: #2F6FD0 !important;
    background: rgba(47, 111, 208, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.07) !important;

    color: #092F6B !important;
}

/* Selected dot */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked)
> span::before {
    border-color: #2F6FD0 !important;

    background:
        radial-gradient(
            circle,
            #2F6FD0 0 4px,
            #FFFFFF 4.5px
        ) !important;
}

/* Hover */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-label.for-radio:hover {
    border-color: #9ABAE8 !important;
}

/* =========================================================
Order: ظهور أولاً ثم إخفاء
========================================================= */

/* إخفاء */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(1) {
    order: 2 !important;
}

/* ظهور */
[data-update-field-name="branch_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(2) {
    order: 1 !important;
}

/* =========================================================
Mobile
========================================================= */

@media (max-width: 767px) {

    [data-update-field-name="branch_visibility"]
    .jet-form-builder__fields-group {
        width: 100% !important;
        gap: 10px !important;
    }

    [data-update-field-name="branch_visibility"]
    .jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
        flex: 1 1 0 !important;
    }

    [data-update-field-name="branch_visibility"]
    .jet-form-builder__field-label.for-radio {
        width: 100% !important;
        min-width: 0 !important;
    }
}




/* =========================================================
Owner Dashboard — Partner Logo Upload
Field: partner_logo
Size: 240 × 140
========================================================= */

/* Main upload placeholder */
[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__content {
    width: 240px !important;
    height: 140px !important;
    min-width: 240px !important;
    min-height: 140px !important;
    max-width: 240px !important;
    max-height: 140px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;

    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;

    background-size:
        34px 3px,
        3px 34px !important;

    background-position:
        center,
        center !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    overflow: hidden !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover */
[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* =========================================================
Preview container
========================================================= */

[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    /*
     * مهم:
     * لا نضع background هنا
     * حتى تبقى علامة + الموجودة خلفه ظاهرة.
     */

    box-sizing: border-box !important;
}


/* =========================================================
Uploaded file wrapper
========================================================= */

[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__file {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    flex: 0 0 100% !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 10px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* =========================================================
Uploaded partner logo
========================================================= */

[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* =========================================================
Remove + only after logo is selected
========================================================= */

[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}


/* =========================================================
Loader
========================================================= */

[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;

    align-items: center !important;
    justify-content: center !important;
}



/* =========================================================
Owner Dashboard — Partner Visibility Control
Field: partner_visibility
========================================================= */

/* Options container */
[data-update-field-name="partner_visibility"]
.jet-form-builder__fields-group {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;

    gap: 12px !important;
    width: auto !important;

    margin-top: 14px !important;
}

/* Each option wrapper */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
    width: auto !important;
    margin: 0 !important;
}

/* Option card */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-label.for-radio {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    min-width: 112px !important;
    min-height: 44px !important;

    padding: 10px 16px !important;

    background: #FFFFFF !important;
    border: 1px solid #D6E1F0 !important;
    border-radius: 10px !important;

    color: #26364A !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

/* Hide native radio */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-label.for-radio > input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Text + custom radio circle */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-label.for-radio > span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

[data-update-field-name="partner_visibility"]
.jet-form-builder__field-label.for-radio > span::before {
    content: "" !important;

    display: inline-block !important;

    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    margin: 0 !important;

    border: 1px solid #9FB3CC !important;
    border-radius: 50% !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}

/* Selected card */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked) {
    border-color: #2F6FD0 !important;
    background: rgba(47, 111, 208, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(47, 111, 208, 0.07) !important;

    color: #092F6B !important;
}

/* Selected dot */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-label.for-radio:has(input[type="radio"]:checked)
> span::before {
    border-color: #2F6FD0 !important;

    background:
        radial-gradient(
            circle,
            #2F6FD0 0 4px,
            #FFFFFF 4.5px
        ) !important;
}

/* Hover */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-label.for-radio:hover {
    border-color: #9ABAE8 !important;
}

/* =========================================================
Order: ظهور أولاً ثم إخفاء
========================================================= */

/* إخفاء */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(1) {
    order: 2 !important;
}

/* ظهور */
[data-update-field-name="partner_visibility"]
.jet-form-builder__field-wrap.radio-wrap.checkradio-wrap:nth-child(2) {
    order: 1 !important;
}

/* =========================================================
Mobile
========================================================= */

@media (max-width: 767px) {

    [data-update-field-name="partner_visibility"]
    .jet-form-builder__fields-group {
        width: 100% !important;
        gap: 10px !important;
    }

    [data-update-field-name="partner_visibility"]
    .jet-form-builder__field-wrap.radio-wrap.checkradio-wrap {
        flex: 1 1 0 !important;
    }

    [data-update-field-name="partner_visibility"]
    .jet-form-builder__field-label.for-radio {
        width: 100% !important;
        min-width: 0 !important;
    }
}

[data-update-field-name="partner_visibility"] { margin-top: 40px !important; }





/* =========================================================
   Owner Dashboard — Client Image Upload
   Field: client_image
   Size: 120 × 120
========================================================= */


/* Main upload placeholder */
[data-update-field-name="client_image"]
.jet-form-builder-file-upload__content {
    width: 120px !important;
    height: 120px !important;

    min-width: 120px !important;
    min-height: 120px !important;

    max-width: 120px !important;
    max-height: 120px !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 2px dashed #D6E1F0 !important;
    border-radius: 14px !important;

    background-color: #FFFFFF !important;

    background-image:
        linear-gradient(#092F6B, #092F6B),
        linear-gradient(#092F6B, #092F6B) !important;

    background-size:
        26px 3px,
        3px 26px !important;

    background-position: center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover */
[data-update-field-name="client_image"]
.jet-form-builder-file-upload__content:hover {
    border-color: #092F6B !important;
    background-color: #F8FAFD !important;
}


/* Files container */
[data-update-field-name="client_image"]
.jet-form-builder-file-upload__files {
    width: 100% !important;
    height: 100% !important;

    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Uploaded file wrapper */
[data-update-field-name="client_image"]
.jet-form-builder-file-upload__file {
    width: 90px !important;
    height: 90px !important;

    min-width: 90px !important;
    min-height: 90px !important;

    max-width: 90px !important;
    max-height: 90px !important;

    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Uploaded image */
[data-update-field-name="client_image"]
.jet-form-builder-file-upload__file img {
    display: block !important;

    width: 90px !important;
    height: 90px !important;

    max-width: 90px !important;
    max-height: 90px !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 50% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;
}


/* Remove plus after image is selected */
[data-update-field-name="client_image"]
.jet-form-builder-file-upload__content:has(
    .jet-form-builder-file-upload__file
) {
    background-image: none !important;
}


/* Loader */
[data-update-field-name="client_image"]
.jet-form-builder-file-upload__loader {
    position: absolute !important;
    inset: 0 !important;

    align-items: center !important;
    justify-content: center !important;
}



/* =========================================================
   Owner Dashboard — Clean Upload Controls
========================================================= */


/* Hide native Choose File controls */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__fields,

[data-update-field-name="client_image"]
.jet-form-builder-file-upload__fields {
    display: none !important;
}


/* Make upload placeholders clickable */
[data-update-field-name="department_thumbnail"]
.jet-form-builder-file-upload__content,

[data-update-field-name="mobile_banner"]
.jet-form-builder-file-upload__content,

[data-update-field-name="departments_iconn"]
.jet-form-builder-file-upload__content,

[data-update-field-name="doctor_image"]
.jet-form-builder-file-upload__content,

[data-update-field-name="_certificates"]
.jet-form-builder-file-upload__content,

[data-update-field-name="service_thumbnail"]
.jet-form-builder-file-upload__content,

[data-update-field-name="service_icon"]
.jet-form-builder-file-upload__content,

[data-update-field-name="branch_thumbnail"]
.jet-form-builder-file-upload__content,

[data-update-field-name="branch_gallery"]
.jet-form-builder-file-upload__content,

[data-update-field-name="partner_logo"]
.jet-form-builder-file-upload__content,

[data-update-field-name="client_image"]
.jet-form-builder-file-upload__content {
    cursor: pointer !important;
}