/* Vokányi Általános Iskola – sütibeállítások, önálló stíluslap. */
:root {
  --vk-cookie-navy: #062653;
  --vk-cookie-blue: #0797bc;
  --vk-cookie-gold: #c99a45;
  --vk-cookie-border: #d9e5ee;
}
.vk-cookie-banner[hidden], .vk-cookie-overlay[hidden] { display: none !important; }
.vk-cookie-banner, .vk-cookie-overlay, .vk-cookie-banner *, .vk-cookie-overlay * { box-sizing: border-box; }
.vk-cookie-banner { position: fixed; z-index: 20000; inset: auto 16px 16px 16px; max-width: 920px; margin: 0 auto; padding: 23px 25px; background: #fff; color: #18324e; border: 1px solid var(--vk-cookie-border); border-top: 4px solid var(--vk-cookie-gold); box-shadow: 0 12px 45px #021b3d36; border-radius: 14px; font: 15px/1.5 'Segoe UI',Arial,sans-serif; }
.vk-cookie-row { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }
.vk-cookie-copy { flex: 1 1 310px; }
.vk-cookie-banner h2 { color: var(--vk-cookie-navy); margin: 0 0 7px; font-size: 20px; line-height: 1.25; }
.vk-cookie-banner p { margin: 0; color: #334865; font-size: 14px; }
.vk-cookie-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; justify-content: flex-end; flex: 1 1 340px; }
.vk-cookie-btn { border: 1px solid var(--vk-cookie-navy); border-radius: 8px; padding: 10px 13px; min-height: 42px; background: #fff; color: var(--vk-cookie-navy); font-size: 13px; font-weight: 750; cursor: pointer; line-height: 1.25; }
.vk-cookie-btn:hover { background: #eef6fa; }
.vk-cookie-btn.vk-cookie-primary { color: #fff; background: var(--vk-cookie-navy); border-color: var(--vk-cookie-navy); }
.vk-cookie-btn.vk-cookie-primary:hover { background: #0a386d; }
.vk-cookie-btn.vk-cookie-secondary { border-color: #b8c6d3; }
.vk-cookie-btn:focus-visible, .vk-cookie-link:focus-visible, .vk-cookie-switch input:focus-visible + span { outline: 3px solid #0797bc; outline-offset: 3px; }
.vk-cookie-link { color: #086d9c; text-decoration: underline; }
.vk-cookie-footer-action { border: 0; background: none; color: inherit; padding: 2px 5px; font: inherit; cursor: pointer; text-decoration: underline; }
.vk-cookie-overlay { position: fixed; inset: 0; z-index: 20010; background: #071b35a8; padding: 16px; display: flex; align-items: center; justify-content: center; }
.vk-cookie-dialog { position: relative; width: min(100%,570px); max-height: min(90vh,680px); overflow-y: auto; border-radius: 15px; background: #fff; box-shadow: 0 20px 70px #0005; padding: 26px; color: #193754; font: 15px/1.5 'Segoe UI',Arial,sans-serif; }
.vk-cookie-dialog::before { content: ''; display: block; position: absolute; height: 5px; inset: 0 0 auto; background: linear-gradient(90deg,#092856 0%,#0fa1bd 52%,#d7a845 100%); }
.vk-cookie-dialog h2 { margin: 0 0 8px; color: var(--vk-cookie-navy); font-size: 22px; }
.vk-cookie-dialog > p { margin: 0 0 16px; color: #41536b; }
.vk-cookie-choice { padding: 14px 0; border-top: 1px solid #e1eaf1; }
.vk-cookie-choice-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vk-cookie-choice h3 { margin: 0; color: var(--vk-cookie-navy); font-size: 16px; }
.vk-cookie-choice p { margin: 6px 0 0; color: #40526b; font-size: 13px; }
.vk-cookie-badge { font-weight: 700; white-space: nowrap; font-size: 12px; color: #16816b; }
.vk-cookie-switch { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; cursor: pointer; }
.vk-cookie-switch input { width: 19px; height: 19px; accent-color: var(--vk-cookie-navy); cursor: pointer; }
.vk-cookie-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 19px; }
.vk-cookie-map { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; min-height: 245px; padding: 24px; border: 1px solid #c8d8e6; border-radius: 12px; background: #f2f7fc; text-align: center; color: #1f3857; }
.vk-cookie-map p { margin: 0 0 6px; font-size: 14px; max-width: 480px; }
.vk-cookie-map strong { color: var(--vk-cookie-navy); font-size: 18px; }
.vk-cookie-map iframe { display: block; border: 0; border-radius: 12px; width: 100%; height: 380px; background: #f2f7fc; }
.vk-cookie-map:has(iframe) { padding: 0; min-height: 0; border: 0; background: none; }
@media (max-width: 720px) {
 .vk-cookie-banner { bottom: 10px; left: 10px; right: 10px; padding: 17px 15px; }
 .vk-cookie-banner h2 { font-size: 18px; }
 .vk-cookie-actions { flex-basis: 100%; justify-content: stretch; }
 .vk-cookie-actions > button { flex: 1 1 45%; }
 .vk-cookie-dialog { padding: 22px 16px; }
 .vk-cookie-dialog-actions .vk-cookie-btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .vk-cookie-banner, .vk-cookie-overlay { scroll-behavior: auto; } }