/*
 * Online Randevu — page-scoped layout refinements.
 * Loaded only by pages.id=25005 through page_assets.
 * The NanoForch form structure and controls remain untouched.
 */

body:is(#page-online-randevu, #page-online-appointment) header .header-randevu-button {
    display: none !important;
}

body:is(#page-online-randevu, #page-online-appointment) .page-title-separate-breadcrumbs {
    padding-top: 145px;
    padding-bottom: 36px;
}

body:is(#page-online-randevu, #page-online-appointment) .page-title-separate-breadcrumbs .extra-very-small-screen {
    height: auto !important;
    min-height: 115px;
}

body:is(#page-online-randevu, #page-online-appointment) #hukukco-main > .page-title-separate-breadcrumbs + section {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu {
    padding-top: 30px;
    padding-bottom: 30px;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-surface--in-page,
body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-in-page {
    padding-top: 0;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-modal .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-modal .modal-content {
    box-shadow: none !important;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"]:not([data-nano-forch-state]) .modal-header {
    display: none;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"]:not([data-nano-forch-state]) .modal-body:empty,
body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"][data-nano-forch-state="loading"] .modal-body:empty {
    position: relative;
    display: block;
    min-height: clamp(240px, 34vh, 360px);
    margin: 0;
    padding: 0 !important;
    pointer-events: none;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"]:not([data-nano-forch-state]) .modal-body:empty + .modal-footer,
body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"][data-nano-forch-state="loading"] .modal-body:empty + .modal-footer {
    display: none;
}

body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"]:not([data-nano-forch-state]) .modal-body:empty::after,
body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"][data-nano-forch-state="loading"] .modal-body:empty::after {
    content: "";
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    border: 3px solid var(--extra-medium-gray);
    border-top-color: var(--base-color);
    border-radius: 50%;
    animation: hukukco-online-randevu-loading-spin 0.8s linear infinite;
}

@supports selector(.nano-forch-container:has(.modal-body:empty)) {
    body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"][data-nano-forch-state="loading"]:has(.modal-body:empty) .modal-header {
        display: none;
    }

    body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"][data-nano-forch-state="loading"]:has(.modal-body:empty) .modal-content.general-loading {
        background-image: none;
        filter: none;
        pointer-events: none;
    }
}

@keyframes hukukco-online-randevu-loading-spin {
    to {
        transform: rotate(1turn);
    }
}

@media (prefers-reduced-motion: reduce) {
    body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"]:not([data-nano-forch-state]) .modal-body:empty::after,
    body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu .nano-forch-container.load-with-dom[data-nano-forch="wts-service-appointment"][data-nano-forch-state="loading"] .modal-body:empty::after {
        animation: none;
    }
}

@media (max-width: 991px) {
    body:is(#page-online-randevu, #page-online-appointment) .page-title-separate-breadcrumbs {
        padding-top: 106px;
        padding-bottom: 24px;
    }

    body:is(#page-online-randevu, #page-online-appointment) .page-title-separate-breadcrumbs .extra-very-small-screen {
        height: auto !important;
        min-height: 115px;
        margin-top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    body:is(#page-online-randevu, #page-online-appointment) section.local-randevu-formu {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    body:is(#page-online-randevu, #page-online-appointment) .phone-call.cbh-phone {
        display: none !important;
    }
}