/*
 * Additions to the exported Webnode stylesheets.
 *
 * Everything here supports markup that the original site rendered through
 * its CMS runtime: the cookie bar visibility states and the consent
 * placeholder that stands in for the Google Maps iframe.
 */

/* The template gives .cb a stacking context but no display, so the hidden
   attribute would work on its own; !important guards against that changing. */
#cookiebar[hidden],
.cb-bar[hidden] {
    display: none !important;
}

/* Consent gate in place of the map iframe. Sized by the block wrapper, which
   keeps the original aspect ratio via padding-bottom. */
.map-consent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    text-align: center;
    background: #f2f2f2;
    color: #222;
    font-size: .875rem;
    line-height: 1.6;
}

.map-consent p {
    margin: 0;
    max-width: 32rem;
}

.map-consent-btn {
    cursor: pointer;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
    padding: .625rem 1.25rem;
    font: inherit;
}

.map-consent-btn:hover {
    background: #222;
    color: #fff;
}