/* Scoped styles; the non-modal panel leaves navigation and legal pages reachable. */
.consent-panel[hidden], .consent-panel [hidden], .consent-map [hidden],
.consent-status[hidden], [data-consent-open][hidden] { display: none !important; }
.consent-panel, .consent-map, .consent-status { box-sizing: border-box; }
.consent-panel {
    position: fixed;
    z-index: 11000;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    max-width: 54rem;
    max-height: 75vh;
    overflow-y: auto;
    margin: auto;
    padding: 1.25rem;
    color: #222;
    background: #fff;
    border: 2px solid #546967;
    border-radius: .4rem;
    box-shadow: 0 3px 20px #0005;
    font: 1rem/1.5 system-ui, sans-serif;
    text-align: left;
}
.consent-panel h2 { font: bold 1.25rem/1.4 system-ui, sans-serif; margin: 0 0 .75rem; }
.consent-panel p, .consent-map p { margin: 0 0 .75rem; color: inherit; line-height: 1.5; }
.consent-panel a { color: #234e4b; text-decoration: underline; }
.consent-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.consent-panel button, .consent-map button, button[data-consent-open] {
    min-height: 44px;
    padding: .6rem 1rem;
    border: 2px solid #425d59;
    border-radius: .25rem;
    background: #edf3f2;
    color: #1b302d;
    font: inherit;
    cursor: pointer;
}
.consent-panel :focus-visible, .consent-map :focus-visible, [data-consent-open]:focus-visible {
    outline: 3px solid #865900;
    outline-offset: 3px;
}
#consent-details { border-top: 1px solid #b7c9c8; margin-top: 1rem; padding-top: 1rem; }
#consent-details label { display: flex; align-items: center; gap: .6rem; font-weight: bold; }
#consent-maps { width: 1.25rem; height: 1.25rem; }
.consent-map { min-height: 450px; width: 100%; background: #e8eeed; color: #222; }
.consent-map--compact { min-height: 250px; }
.consent-map > p.consent-map-address { margin: 0; padding: .5rem .75rem; background: #fff; font-weight: bold; }
.consent-map [data-map-placeholder] { padding: 1.25rem; }
.consent-map iframe { display: block; width: 100%; height: 450px; border: 1px solid #546967; }
.consent-map--compact iframe { height: 250px; }
.consent-status { position: fixed; z-index: 11001; bottom: 0; left: 0; right: 0; padding: .75rem; margin: 0; background: #fff; color: #222; border: 2px solid #546967; }
@media (max-width: 480px) {
    .consent-panel { left: .5rem; right: .5rem; bottom: .5rem; padding: 1rem; }
    .consent-actions button { flex: 1 1 100%; }
}