/* Pravne stranice i kontrola vanjskih medija: zasebne klase od ostatka teme. */
.knl-cookie-panel[hidden]{display:none!important}
.knl-cookie-panel{position:fixed;bottom:18px;left:18px;right:18px;z-index:99999;width:min(720px,calc(100% - 36px));max-height:calc(100vh - 36px);overflow:auto;background:#fff;color:#243029;border:1px solid #ced8cf;box-shadow:0 12px 34px rgba(0,0,0,.25);border-radius:12px;padding:16px 20px;font:inherit}
.knl-cookie-panel p{margin:9px 0;font-size:14px;line-height:1.5}
.knl-cookie-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.knl-cookie-head strong{font-size:18px;color:#17452c}
.knl-cookie-head .knl-close{background:transparent;border:0;color:#243029;padding:5px 9px;font-size:25px;cursor:pointer;line-height:1}
.knl-cookie-option{display:block;padding:7px 0;font-size:14px}
.knl-cookie-option input{margin-right:7px;accent-color:#17452c}
.knl-cookie-panel .knl-small{font-size:13px}
.knl-cookie-panel a{color:#17452c;text-decoration:underline}
.knl-cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.knl-cookie-actions .knl-action{flex:1 1 180px;min-height:42px;border:2px solid #17452c;color:#17452c;background:#fff;border-radius:6px;cursor:pointer;padding:8px 11px;font-weight:650;font:inherit}
.knl-cookie-actions .knl-action:hover,.knl-cookie-actions .knl-action:focus-visible{background:#edf3ee;outline:2px solid transparent}
.knl-media-placeholder{width:100%;max-width:100%;min-height:230px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-align:center;background:#183c2c;color:white;border-radius:8px;overflow:hidden;margin:14px 0}
.knl-media-placeholder .knl-media-inner{max-width:480px;padding:20px}
.knl-media-inner>span{font-size:31px}
.knl-media-inner p{margin:10px 0;color:#fff;font-size:14px}
.knl-media-inner button{background:#fff;color:#17452c;border:2px solid #fff;border-radius:6px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
.knl-media-inner button:hover{background:#eee}
.knl-media-inner a{color:#fff;text-decoration:underline}
.knl-media-inner .knl-sm{font-size:12px}
.knl-media-loaded{background:#000;min-height:unset}
.knl-media-loaded iframe{display:block;border:0;width:100%;height:100%;min-height:270px;aspect-ratio:16/9}
.knl-footer{display:flex;flex-direction:column;gap:10px;max-width:740px}
.knl-footer-nav{display:flex;flex-wrap:wrap;gap:7px 15px;align-items:center}
.knl-footer-nav a{font-size:14px;color:#fff}
.knl-footer-other{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.knl-footer-other a{font-size:13px;color:#fff}
.knl-footer-button{background:transparent;border:1px solid #bdd2c6;color:white;border-radius:5px;padding:6px 9px;font:inherit;font-size:13px;cursor:pointer}
.knl-footer-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:540px){.knl-cookie-panel{bottom:8px;left:8px;right:8px;width:calc(100% - 16px);padding:13px}.knl-cookie-actions{display:grid;grid-template-columns:1fr}.knl-cookie-actions .knl-action{width:100%;min-height:39px;flex:auto}}

/* v1.0.2 – Ispravan prikaz YouTube blokova u WordPressovim člancima.
 * WordPressov .wp-block-embed__wrapper::before već rezervira visinu 16:9.
 * Naš privolni okvir rezervira vlastitu visinu, pa bez ove ispravke nastaje
 * dvostruki prostor (velika bijela rupa iznad videa).
 */
.entry-content figure.wp-block-embed.is-provider-youtube,
.entry-content figure.wp-block-embed.wp-block-embed-youtube {
    width:100%;
    max-width:640px;
    margin:22px auto 26px;
    clear:both;
}
.entry-content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper,
.entry-content .wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper {
    position:relative;
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    padding:0;
}
/* Ukloni samo WordPressov dodatni rezervirani prostor, ne i zaštitu privole. */
.entry-content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper::before,
.entry-content .wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper::before {
    content:none!important;
    display:none!important;
    padding:0!important;
}
/* Okvir i stvarni video zauzimaju isti (jedan) prostor 16:9. */
.entry-content .knl-media-placeholder {
    position:relative;
    box-sizing:border-box;
    display:flex;
    width:100%;
    max-width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16 / 9;
    margin:0 auto;
    padding:0;
    overflow:hidden;
}
.entry-content .knl-media-placeholder .knl-media-inner {
    max-width:100%;
    padding:clamp(8px, 2vw, 18px);
}
.entry-content .knl-media-placeholder.knl-media-loaded {
    min-height:0;
    background:#000;
}
/* Razgovori imaju vlastiti stil iframe {height:auto}; on se ovdje nadjačava. */
.entry-content .knl-media-placeholder.knl-media-loaded iframe,
.knr-story .knl-media-placeholder.knl-media-loaded iframe {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto;
    margin:0;
    padding:0;
    border:0;
}
@media(max-width:540px) {
    .entry-content figure.wp-block-embed.is-provider-youtube,
    .entry-content figure.wp-block-embed.wp-block-embed-youtube {max-width:100%;margin:16px auto 20px;}
    .entry-content .knl-media-inner>span {display:none;}
    .entry-content .knl-media-placeholder .knl-media-inner {padding:6px 10px;}
    .entry-content .knl-media-inner p {font-size:11px;line-height:1.3;margin:5px 0;}
    .entry-content .knl-media-inner button {font-size:12px;padding:7px 10px;}
    .entry-content .knl-media-inner .knl-sm {font-size:10px;}
}

/* Jednostavna prva obavijest, detalji tek na zahtjev posjetitelja. */
#knl-cookie-intro[hidden],#knl-cookie-preferences[hidden]{display:none!important}
.knl-cookie-actions .knl-action{min-height:46px;font-weight:650}
.knl-cookie-actions .knl-action-accept{background:#2167d5;color:#fff;border-color:#2167d5}
.knl-cookie-actions .knl-action-accept:hover,.knl-cookie-actions .knl-action-accept:focus-visible{background:#1958b9;color:#fff;border-color:#1958b9}
.knl-cookie-actions .knl-action-save{background:#17452c;color:#fff}
.knl-cookie-actions .knl-action-save:hover,.knl-cookie-actions .knl-action-save:focus-visible{background:#103720;color:#fff}

/* v1.0.6: jednak vizualni tretman prihvaćanja i odbijanja, usklađen s identitetom portala. */
.knl-cookie-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.knl-cookie-primary-actions .knl-action{width:100%;flex:none;min-width:0;min-height:46px;font-weight:650}
.knl-cookie-primary-actions .knl-action-accept,
.knl-cookie-primary-actions .knl-action-reject{background:#246b45;color:#fff;border-color:#246b45}
.knl-cookie-primary-actions .knl-action-accept:hover,
.knl-cookie-primary-actions .knl-action-reject:hover,
.knl-cookie-primary-actions .knl-action-accept:focus-visible,
.knl-cookie-primary-actions .knl-action-reject:focus-visible{background:#17452c;color:#fff;border-color:#17452c;outline:2px solid #17452c;outline-offset:2px}
.knl-cookie-primary-actions .knl-action-edit{grid-column:1/-1;background:#fff;color:#17452c;border:2px solid #17452c}
.knl-cookie-primary-actions .knl-action-edit:hover,
.knl-cookie-primary-actions .knl-action-edit:focus-visible{background:#edf3ee;color:#17452c;outline:2px solid #17452c;outline-offset:2px}
@media(max-width:540px){.knl-cookie-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.knl-cookie-primary-actions .knl-action{min-height:44px;padding:8px 5px;font-size:13px}.knl-cookie-primary-actions .knl-action-edit{font-size:14px}}
@media(max-width:360px){.knl-cookie-primary-actions{grid-template-columns:1fr}.knl-cookie-primary-actions .knl-action-edit{grid-column:1}}

/* 1.0.7 – Rezervna poveznica u slučaju YouTubeove provjere. */
.knl-video-direct-link{display:block;width:100%;margin:7px 0 16px;text-align:right;font-size:12px;font-weight:650;color:#17452c;text-decoration:underline;text-underline-offset:2px}
.knl-video-direct-link:focus-visible{outline:2px solid #b3914c;outline-offset:2px}