/*
 * CF Homes 2.9.42 – einheitliche Popup-Hintergründe im Frontend.
 * Referenz ist Region & Ausflüge: nur abdunkeln, kein Blur/Backdrop-Filter.
 * Das betrifft ausschließlich die Overlay-Fläche, nicht den Inhalt der Popups.
 */
.cf-modal-backdrop,
.cf-act-backdrop,
.cf-home-restaurant-backdrop,
.cfh-contact-popup__backdrop,
.cf-gyg-preview-modal__backdrop {
    background: rgba(0, 0, 0, .68) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}


/* 2.9.94 – Einheitlicher CF-Homes-Schließen-Button für alle Frontend-Popups.
 * Positionen bleiben beim jeweiligen Popup unverändert; nur die Optik wird
 * zentral vereinheitlicht: runder CF-Homes-blauer Kreis mit weißem X. */
.cf-act-close,
.cfr-wallet-close,
.cf-modal-close,
.cf-home-restaurant-close,
.cfh-contact-popup__close,
.cf-gyg-preview-modal__close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #087fa8 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: 0 7px 18px rgba(8, 73, 98, .22) !important;
    transform: none !important;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease !important;
    opacity: 1 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    filter: none !important;
}

.cf-act-close:hover,
.cf-act-close:focus-visible,
.cfr-wallet-close:hover,
.cfr-wallet-close:focus-visible,
.cf-modal-close:hover,
.cf-modal-close:focus-visible,
.cf-home-restaurant-close:hover,
.cf-home-restaurant-close:focus-visible,
.cfh-contact-popup__close:hover,
.cfh-contact-popup__close:focus-visible,
.cf-gyg-preview-modal__close:hover,
.cf-gyg-preview-modal__close:focus-visible {
    background: #066f94 !important;
    color: #fff !important;
    box-shadow: 0 9px 22px rgba(8, 73, 98, .28), 0 0 0 3px rgba(8, 127, 168, .14) !important;
    outline: none !important;
}

/* Das Meldecenter zeichnet sein X über Pseudoelemente; diese bleiben weiß. */
.cfh-contact-popup__close::before,
.cfh-contact-popup__close::after {
    background: #fff !important;
}


/* 3.0.1 – finaler globaler Fallback für bekannte CF-Homes-Frontend-Popups. */
button.cf-act-close,button.cfr-wallet-close,button.cf-modal-close,button.cf-home-restaurant-close,button.cfh-contact-popup__close,button.cf-gyg-preview-modal__close{
 width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#087fa8!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:Arial,Helvetica,sans-serif!important;font-size:27px!important;font-weight:400!important;line-height:1!important;box-shadow:0 7px 18px rgba(8,73,98,.22)!important;transform:none!important;filter:none!important;opacity:1!important;text-decoration:none!important;cursor:pointer!important}


/* 3.2.15 – Alle Frontend-Popups liegen garantiert über Navigation, Mobile-Dock,
 * FABs, Sticky-Leisten und sonstigen CF-Homes-Oberflächenelementen.
 * Wallet-/Code-Popups liegen noch eine Ebene über ihrem jeweiligen Detailpopup. */
.cf-modal,
.cf-act-modal,
.cfv-modal,
.cf-home-restaurant-modal,
.cfh-contact-popup,
.cf-gyg-preview-modal,
.cfm360-detail-modal {
    z-index: 2147483000 !important;
}

.cf-act-wallet-modal,
.cfr-wallet-modal {
    z-index: 2147483200 !important;
}

/* Falls ein Mein-360-Originalpopup lazy in einen Hilfscontainer geladen wird,
 * darf dieser Container keinen niedrigen Stacking-Context erzeugen. */
.cfm360-native-activity-host,
.cfm360-native-destination-host,
.cfm360-native-event-host {
    z-index: 2147482900 !important;
}


/* 3.2.26 – Aktivitäts-Rabattkarten sollen auch bei umsortierten Stylesheets
 * vor dem bereits geöffneten Original-Aktivitäten-Popup erscheinen. */
html body > .cf-act-wallet-modal,
html body > [data-cf-act-wallet] {
    z-index: 2147483200 !important;
}
html body > .cf-act-modal {
    z-index: 2147483000 !important;
}


/* 4.5.59 – Unified blue/white X across CF Homes frontend dialogs.
   Only actual icon-close controls; do not restyle actions named "Abbrechen". */
button:is(.cf-act-close,.cfr-wallet-close,.cf-modal-close,.cf-home-restaurant-close,
 .cfh-contact-popup__close,.cf-gyg-preview-modal__close,.cfv-modal-close,
 .cfv-market-close,.cfm360-day-place-close,.cfm360-detail-close,
 .cfm360-export-close,.cfh-app-guide-dialog__close){
 box-sizing:border-box!important;display:grid!important;place-items:center!important;
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
 background:#0089a9!important;color:#fff!important;line-height:1!important;
 box-shadow:0 6px 18px rgba(0,92,126,.19)!important;cursor:pointer!important;
 opacity:1!important;filter:none!important;text-decoration:none!important;
}
button:is(.cf-act-close,.cfr-wallet-close,.cf-modal-close,.cf-home-restaurant-close,
 .cfh-contact-popup__close,.cf-gyg-preview-modal__close,.cfv-modal-close,
 .cfv-market-close,.cfm360-day-place-close,.cfm360-detail-close,
 .cfm360-export-close,.cfh-app-guide-dialog__close):is(:hover,:focus-visible){
 background:#006f8c!important;color:#fff!important;
 box-shadow:0 8px 21px rgba(0,92,126,.26)!important;
}
button:is(.cf-act-close,.cfr-wallet-close,.cf-modal-close,.cf-home-restaurant-close,
 .cf-gyg-preview-modal__close,.cfv-modal-close){
 position:absolute;font-size:0!important;
}
/* Doppelt gezeichnete 4.5.59-CSS-Balken entfernt; ein einzelnes SVG-X folgt unten. */
button:is(.cfm360-day-place-close,.cfm360-detail-close,.cfm360-export-close,.cfv-market-close,
 .cfh-app-guide-dialog__close) svg{
 display:block!important;width:19px!important;height:19px!important;
 stroke:#fff!important;fill:none!important;stroke-width:2.4!important;
 stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important;
}


/* 4.5.64: EIN einziges X fuer alle CF-Homes-Frontendschliesser.
 * Bisher wurde auf dem vorhandenen Zeichen/SVG zusaetzlich ein CSS-X gemalt.
 * Ein gemeinsames, nicht interaktives SVG als Background des EINEN
 * Pseudoelements vermeidet das doppelte X selbst bei altem Popup-Markup.
 * Das Button-Element, sein aria-label und die Eventhandler bleiben erhalten. */
button:is(.cf-act-close,.cfr-wallet-close,.cf-modal-close,.cf-home-restaurant-close,
 .cfh-contact-popup__close,.cf-gyg-preview-modal__close,.cfv-modal-close,
 .cfv-market-close,.cfm360-day-place-close,.cfm360-detail-close,
 .cfm360-export-close,.cfh-app-guide-dialog__close){
 font-size:0!important;line-height:0!important;
}
button:is(.cf-act-close,.cfr-wallet-close,.cf-modal-close,.cf-home-restaurant-close,
 .cfh-contact-popup__close,.cf-gyg-preview-modal__close,.cfv-modal-close,
 .cfv-market-close,.cfm360-day-place-close,.cfm360-detail-close,
 .cfm360-export-close,.cfh-app-guide-dialog__close) > :is(svg,span,i){
 display:none!important;visibility:hidden!important;opacity:0!important;
}
button:is(.cf-act-close,.cfr-wallet-close,.cf-modal-close,.cf-home-restaurant-close,
 .cfh-contact-popup__close,.cf-gyg-preview-modal__close,.cfv-modal-close,
 .cfv-market-close,.cfm360-day-place-close,.cfm360-detail-close,
 .cfm360-export-close,.cfh-app-guide-dialog__close)::before{
 content:''!important;position:static!important;display:block!important;
 top:auto!important;left:auto!important;
 width:21px!important;height:21px!important;
 border:0!important;border-radius:0!important;
 transform:none!important;
 background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M5 5 19 19 M19 5 5 19'/%3E%3C/svg%3E") center / 100% 100% no-repeat!important;
 box-shadow:none!important;opacity:1!important;pointer-events:none!important;
}
button:is(.cf-act-close,.cfr-wallet-close,.cf-modal-close,.cf-home-restaurant-close,
 .cfh-contact-popup__close,.cf-gyg-preview-modal__close,.cfv-modal-close,
 .cfv-market-close,.cfm360-day-place-close,.cfm360-detail-close,
 .cfm360-export-close,.cfh-app-guide-dialog__close)::after{
 content:none!important;display:none!important;
}