/* === COOKIE CONSENT BANNER === */
.consent-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;backdrop-filter:blur(2px);transition:opacity .3s}
.consent-backdrop.active{display:block}

.consent-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;box-shadow:0 -4px 24px rgba(0,0,0,.15);font-family:'Lato',Arial,sans-serif;font-size:15px;color:#1e0c05;transition:transform .35s ease}
.consent-banner.active{display:block;animation:slideUp .35s ease}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}

.consent-inner{max-width:1100px;margin:0 auto;padding:24px 28px}
.consent-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.consent-header svg{width:28px;height:28px;flex-shrink:0;fill:#f39100}
.consent-header h3{font-size:18px;font-weight:700;margin:0;color:#1e0c05}

.consent-text{color:#555;line-height:1.55;margin-bottom:18px}
.consent-text a{color:#f39100;text-decoration:underline}

/* Toggle categories */
.consent-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px}
.consent-cat{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:14px 16px;transition:border-color .2s}
.consent-cat:hover{border-color:#f39100}
.consent-cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.consent-cat-header span{font-weight:600;font-size:14px;color:#1e0c05}
.consent-cat p{font-size:12px;color:#888;line-height:1.4;margin:0}
.consent-cat.always .consent-toggle{opacity:.5;pointer-events:none}
.consent-cat.always .consent-cat-header span::after{content:'(obavezno)';font-weight:400;font-size:11px;color:#999;margin-left:6px}

/* Custom toggle switch */
.consent-toggle{position:relative;width:42px;height:24px;flex-shrink:0}
.consent-toggle input{opacity:0;width:0;height:0}
.consent-toggle .slider{position:absolute;inset:0;background:#ccc;border-radius:24px;cursor:pointer;transition:background .25s}
.consent-toggle .slider::before{content:'';position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s}
.consent-toggle input:checked+.slider{background:#5bc98c}
.consent-toggle input:checked+.slider::before{transform:translateX(18px)}

/* Buttons */
.consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.consent-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:inherit}
.consent-btn-accept{background:#f39100;color:#fff}
.consent-btn-accept:hover{background:#d67e00}
.consent-btn-reject{background:#e8e8e8;color:#555}
.consent-btn-reject:hover{background:#ddd}
.consent-btn-save{background:#1e0c05;color:#fff}
.consent-btn-save:hover{background:#3a2418}
.consent-btn-details{background:transparent;color:#f39100;text-decoration:underline;padding:10px 12px}
.consent-btn-details:hover{color:#d67e00}

/* Details panel (hidden by default) */
.consent-details{display:none;margin-top:4px}
.consent-details.open{display:block}

/* Re-open button (floating) */
.consent-reopen{position:fixed;bottom:16px;left:16px;z-index:9990;width:44px;height:44px;background:#1e0c05;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.25);transition:background .2s,transform .2s}
.consent-reopen:hover{background:#f39100;transform:scale(1.08)}
.consent-reopen svg{width:22px;height:22px;fill:#fff}
.consent-reopen.hidden{display:none}

/* Responsive */
@media(max-width:640px){
  .consent-inner{padding:18px 16px}
  .consent-categories{grid-template-columns:1fr}
  .consent-actions{flex-direction:column}
  .consent-btn{width:100%;text-align:center}
}