/* r615: gedeelde popupkoppen, rode sluitknoppen en eigen tooltips. */
:where(
    .status-window-header,
    .guestbook-window-header,
    .notification-detail-window-header,
    .picture-editor-window-header,
    .profile-photo-modal-header
) {
    position: relative !important;
    color: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #345329 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.18) 0, rgba(255,255,255,.07) 42%, rgba(255,255,255,0) 43%),
        linear-gradient(110deg, #3d612e 0%, #557a3e 54%, #71945d 100%) !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.24),
        inset 0 -1px rgba(20,49,15,.18),
        0 1px 3px rgba(0,0,0,.16) !important;
}

:where(
    .status-window-title,
    .guestbook-window-title,
    .notification-detail-window-title,
    .picture-editor-window-header strong,
    .profile-photo-modal-header h2
) {
    color: #fff !important;
    font: 700 16px/1.2 Tahoma, Arial, sans-serif !important;
    letter-spacing: .1px !important;
    text-shadow: 0 1px rgba(0,0,0,.34) !important;
}

.profile-photo-modal-header .profile-section-kicker {
    color: rgba(255,255,255,.78) !important;
}

:where(
    .status-window-close,
    .guestbook-window-close,
    .notification-detail-window-close,
    .picture-editor-window-close,
    .profile-photo-modal-close
) {
    color: #fff !important;
    border-color: #8f2f29 !important;
    background-color: #c7473e !important;
    background-image: linear-gradient(180deg, #e16a61 0%, #c7473e 54%, #ad352f 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.28), 0 0 0 1px rgba(104,25,21,.12) !important;
    text-shadow: 0 1px rgba(65,12,9,.45) !important;
}

:where(
    .status-window-close,
    .guestbook-window-close,
    .notification-detail-window-close,
    .picture-editor-window-close,
    .profile-photo-modal-close
):hover,
:where(
    .status-window-close,
    .guestbook-window-close,
    .notification-detail-window-close,
    .picture-editor-window-close,
    .profile-photo-modal-close
):focus-visible {
    color: #fff !important;
    border-color: #6f1f1b !important;
    background-color: #a92e28 !important;
    background-image: linear-gradient(180deg, #d85349 0%, #b73730 54%, #92241f 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 0 0 2px rgba(255,255,255,.22) !important;
    outline: 0 !important;
}

#snoeten-popup-tooltip {
    position: fixed;
    z-index: 2147483647;
    box-sizing: border-box;
    max-width: min(280px, calc(100vw - 24px));
    padding: 7px 10px;
    color: #fff;
    font: 600 12px/1.35 Tahoma, Arial, sans-serif;
    text-align: center;
    white-space: nowrap;
    background: rgba(35, 39, 43, .98);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 5px;
    box-shadow: 0 8px 22px rgba(0,0,0,.3);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -4px);
    transition: opacity .12s ease, transform .12s ease;
}

#snoeten-popup-tooltip.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

#snoeten-popup-tooltip.is-above {
    transform: translate(-50%, 4px);
}

#snoeten-popup-tooltip.is-above.is-visible {
    transform: translate(-50%, 0);
}

/* Hoge specificiteit zodat oude popup-CSS deze gedeelde afwerking niet overschrijft. */
html body #form-posts #bioEdit.status-window-dialog .status-window-header,
html body #guestbookFormContainer #guestbookForm.guestbook-window-dialog .guestbook-window-header,
html body .notification-detail-overlay .notification-detail-dialog .notification-detail-window-header,
html body > .picture-editor-window-overlay .picture-editor-window .picture-editor-window-header,
html body .profile-photo-modal .profile-photo-modal-dialog .profile-photo-modal-header {
    color: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #345329 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.18) 0, rgba(255,255,255,.07) 42%, rgba(255,255,255,0) 43%),
        linear-gradient(110deg, #3d612e 0%, #557a3e 54%, #71945d 100%) !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.24),
        inset 0 -1px rgba(20,49,15,.18),
        0 1px 3px rgba(0,0,0,.16) !important;
}

html body #form-posts #bioEdit.status-window-dialog .status-window-title,
html body #guestbookFormContainer #guestbookForm.guestbook-window-dialog .guestbook-window-title,
html body .notification-detail-overlay .notification-detail-dialog .notification-detail-window-title,
html body > .picture-editor-window-overlay .picture-editor-window .picture-editor-window-header strong,
html body .profile-photo-modal .profile-photo-modal-dialog .profile-photo-modal-header h2 {
    color: #fff !important;
    font: 700 16px/1.2 Tahoma, Arial, sans-serif !important;
    letter-spacing: .1px !important;
    text-shadow: 0 1px rgba(0,0,0,.34) !important;
}

html body #form-posts #bioEdit.status-window-dialog .status-window-close,
html body #guestbookFormContainer #guestbookForm.guestbook-window-dialog .guestbook-window-close,
html body .notification-detail-overlay .notification-detail-dialog .notification-detail-window-close,
html body > .picture-editor-window-overlay .picture-editor-window .picture-editor-window-close,
html body .profile-photo-modal .profile-photo-modal-dialog .profile-photo-modal-close {
    color: #fff !important;
    border-color: #8f2f29 !important;
    background-color: #c7473e !important;
    background-image: linear-gradient(180deg, #e16a61 0%, #c7473e 54%, #ad352f 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.28), 0 0 0 1px rgba(104,25,21,.12) !important;
    text-shadow: 0 1px rgba(65,12,9,.45) !important;
}

html body #form-posts #bioEdit.status-window-dialog .status-window-close:hover,
html body #form-posts #bioEdit.status-window-dialog .status-window-close:focus-visible,
html body #guestbookFormContainer #guestbookForm.guestbook-window-dialog .guestbook-window-close:hover,
html body #guestbookFormContainer #guestbookForm.guestbook-window-dialog .guestbook-window-close:focus-visible,
html body .notification-detail-overlay .notification-detail-dialog .notification-detail-window-close:hover,
html body .notification-detail-overlay .notification-detail-dialog .notification-detail-window-close:focus-visible,
html body > .picture-editor-window-overlay .picture-editor-window .picture-editor-window-close:hover,
html body > .picture-editor-window-overlay .picture-editor-window .picture-editor-window-close:focus-visible,
html body .profile-photo-modal .profile-photo-modal-dialog .profile-photo-modal-close:hover,
html body .profile-photo-modal .profile-photo-modal-dialog .profile-photo-modal-close:focus-visible {
    color: #fff !important;
    border-color: #6f1f1b !important;
    background-color: #a92e28 !important;
    background-image: linear-gradient(180deg, #d85349 0%, #b73730 54%, #92241f 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.22), 0 0 0 2px rgba(255,255,255,.22) !important;
    outline: 0 !important;
}


/* r615: titel van prikbord/gastenboek exact gelijk aan Meldingen en nooit groen. */
html body #form-posts #bioEdit.status-window-dialog .status-window-header > .status-window-title,
html body #guestbookFormContainer #guestbookForm.guestbook-window-dialog .guestbook-window-header > .guestbook-window-title,
html body .notification-detail-overlay .notification-detail-dialog .notification-detail-window-header > .notification-detail-window-title {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    letter-spacing: .1px !important;
    text-shadow: 0 1px rgba(0,0,0,.34) !important;
    -webkit-text-fill-color: #fff !important;
}

/* De verwijderactie van de meldingenpopup blijft een gewone siteknop. */
html body .notification-detail-overlay .notification-detail-footer .notification-detail-delete-button {
    margin: 0 !important;
    white-space: nowrap !important;
}