/* Samostojna interaktivna slika, brez zunanjih knjižnic */
.hzo-root, .hzo-root * { box-sizing:border-box; }
.hzo-root { width:100%; max-width:1100px; margin: 0 auto; color: #253241; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.hzo-root .hzo-hint { color:#168bb0; text-align:center; margin:0 0 18px; font-size:16px; line-height:1.5; }
.hzo-root .hzo-visual { display:grid; position:relative; width:100%; isolation:isolate; background:#fff; }
.hzo-root .hzo-picture, .hzo-root .hzo-overlay { grid-area: 1/1; display:block; width:100%; height:auto; }
.hzo-root .hzo-picture { object-fit:contain; }
.hzo-root .hzo-info-store[hidden] { display:none !important; }
.hzo-root .hzo-overlay { position:absolute; inset:0; height:100%; overflow:visible; }
.hzo-root .hzo-hotspot { cursor:pointer; outline:none; }
/* Hover in focus highlight without any blue outline; focus has extra fill for keyboard navigation. */
.hzo-root .hzo-region { fill:rgba(255,255,255,0); stroke:none !important; stroke-width:0 !important; outline:none; pointer-events:all; transition:fill .18s ease; }
.hzo-root .hzo-hotspot:hover .hzo-region { fill:rgba(255,255,255,.17); stroke:none !important; }
.hzo-root .hzo-hotspot:focus-visible .hzo-region { fill:rgba(255,255,255,.33); stroke:none !important; }
/* WordPress teme lahko prikazujejo zaprt element <dialog>; skrij ga izrecno. */
.hzo-root .hzo-dialog:not([open]) { display:none !important; }
.hzo-dialog { padding:0; width:min(700px,calc(100vw - 30px)); max-width:calc(100vw - 30px); max-height:min(85vh,850px); margin:auto; border:0; border-radius:16px; background:white; box-shadow:0 18px 72px rgba(6,35,53,.26); color:#21313f; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.hzo-dialog::backdrop { background:rgba(11,29,43,.67); }
.hzo-dialog .hzo-dialog-content { position:relative; padding:32px 34px 34px; max-height:85vh; overflow-y:auto; }
.hzo-dialog .hzo-close { position:sticky; float:right; top:0; margin:-14px -15px 4px 14px; display:grid; place-items:center; width:40px; height:40px; background:#eef4f5; border:0; border-radius:50%; color:#31434c; font:28px/1 system-ui; cursor:pointer; z-index:1; }
.hzo-dialog .hzo-close:hover { background:#d9eaed; }
.hzo-dialog .hzo-close:focus-visible { outline:3px solid #0d8aaf; }
.hzo-dialog h2 { font:bold clamp(20px,3vw,25px)/1.3 system-ui,-apple-system,"Segoe UI",sans-serif; color:#136a80; margin:0 0 22px; }

/* Barve naslovov po Draw Attention (indeksi 0–10), indeks 11 = HIŠA ZA OTROKE. */
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="0"] h2 { color:#EE305A !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="1"] h2 { color:#015C8B !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="2"] h2 { color:#C75EA3 !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="3"] h2 { color:#57A695 !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="4"] h2 { color:#57A695 !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="5"] h2 { color:#C75EA3 !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="6"] h2 { color:#67BD50 !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="7"] h2 { color:#5BC6CF !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="8"] h2 { color:#EE305A !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="9"] h2 { color:#FCB82E !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="10"] h2 { color:#F58633 !important; }
.hzo-root .hzo-dialog .hzo-modal-body section[data-hzo-info="11"] h2 { color:#5BC6CF !important; }
.hzo-dialog p { font:normal 16px/1.72 system-ui,-apple-system,"Segoe UI",sans-serif; text-align:left; margin:0 0 16px; }
.hzo-dialog p:last-child { margin-bottom:0; }
.hzo-dialog a { color:#087aa1; text-decoration:underline; }
.hzo-dialog a:hover { color:#084e69; }
@media (max-width:550px) { .hzo-root .hzo-hint {font-size:14px;} .hzo-dialog .hzo-dialog-content{padding:26px 20px;} .hzo-dialog p {font-size:15px;} }
@media (prefers-reduced-motion: reduce) { .hzo-root .hzo-region {transition:none;} }