/* Named view-transition elements create stacking contexts. Keep the header
   above main so its fixed navigation dialog can cover the whole viewport. */
.wp-site-blocks > header {
    position: relative;
    z-index: 100;
}
/* Also cover themes/templates that place the header group in a wrapper. */
.kairos-header {
    position: relative;
    z-index: 100;
}
.kairos-header .wp-block-navigation__responsive-container.is-menu-open {
    z-index: 100000;
}
.kairos-whatsapp {
    position: fixed;
    right: max(20px, env(safe-area-inset-right));
    bottom: max(20px, env(safe-area-inset-bottom));
    z-index: 50;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid var(--wp--preset--color--papel-calido, #f8f5ef);
    border-radius: 50%;
    background: var(--wp--preset--color--salvia-profundo, #3d5348);
    color: var(--wp--preset--color--papel-calido, #f8f5ef);
    box-shadow: 0 3px 12px #0002;
    text-decoration: none;
}
.kairos-whatsapp svg { display: block; flex: none; }
.kairos-whatsapp:hover { opacity: 1; filter: brightness(1.12); }
.kairos-whatsapp:focus-visible { outline: 3px solid var(--wp--preset--color--tinta, #242721); outline-offset: 4px; }
html.has-modal-open .kairos-whatsapp { display: none; }
/* Leave room below the footer for the fixed contact shortcut. */
.wp-site-blocks > footer { padding-bottom: 80px; }