/* Cookie banner — floating box */
.cc-window {
    max-width: 420px !important;
    width: auto !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 0 !important;
    margin-bottom: env(safe-area-inset-bottom, 16px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

/* Desktop: pin to bottom-right */
@media (min-width: 768px) {
    .cc-window {
        left: auto !important;
        margin-bottom: 16px !important;
    }
}

/* Cookie consent "Prihvaćam" button — match the news-list / CTA hover effect:
   keep base brand color, fade in a 20% black overlay on hover, text on top. */

.cc-btn.cc-dismiss {
    position: relative;
    overflow: hidden;
    background-color: var(--sf-color-primary, #C31920) !important;
    border: 0 !important;
    color: #fff !important;
    transition: box-shadow 300ms ease !important;
}

/* Override every plugin hover/focus variant so colors don't change.
   `box-shadow: inset` paints between background and content, so the
   overlay sits BEHIND the text — text never gets darkened. */
.cc-btn.cc-dismiss:hover,
.cc-btn.cc-dismiss:focus,
[class*="cc-color-override"] .cc-btn.cc-dismiss:hover,
[class*="cc-color-override"] .cc-btn.cc-dismiss:focus,
.cc-first-highlight .cc-btn.cc-dismiss:last-child:hover,
.cc-first-highlight .cc-btn.cc-dismiss:last-child:focus {
    background-color: var(--sf-color-primary, #C31920) !important;
    border: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.2);
}