/* Lureti Cookie Consent – stilovi bannera · Autor: anosmedia.hr */
#lcc-root,.lcc-ph{--lcc-navy:#0b2a6b;--lcc-navy-2:#123a8c;--lcc-orange:#f26b1d;--lcc-text:#1f2733;--lcc-muted:#566173;--lcc-line:#dfe5ef;--lcc-bg:#ffffff;--lcc-soft:#eef1f6;
    font-family:inherit;font-size:15px;line-height:1.5;color:var(--lcc-text)}
  #lcc-root *,#lcc-root *::before,#lcc-root *::after{box-sizing:border-box}
  #lcc-root [hidden]{display:none!important}

  /* ---------- BANNER ---------- */
  .lcc-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:2147483000;max-width:1080px;margin:0 auto;
    background:var(--lcc-bg);border:1px solid var(--lcc-line);border-top:4px solid var(--lcc-navy);border-radius:10px;
    box-shadow:0 12px 40px rgba(11,42,107,.22);padding:20px 22px;display:flex;gap:20px;align-items:center;
    animation:lcc-up .25s ease-out}
  @keyframes lcc-up{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
  .lcc-banner__text{flex:1 1 auto;min-width:0}
  #lcc-root .lcc-title{font-family:inherit;letter-spacing:normal;text-transform:none;margin:0 0 6px;padding:0;font-size:17px;font-weight:700;color:var(--lcc-navy);line-height:1.3}
  .lcc-banner p{margin:0;font-size:14px;color:var(--lcc-muted)}
  #lcc-root a.lcc-link{color:var(--lcc-navy);text-decoration:underline;text-underline-offset:2px;font-weight:600}
  #lcc-root a.lcc-link:hover{color:var(--lcc-orange)}
  .lcc-actions{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}

  /* Prihvati i Odbij su namjerno ISTOG izgleda (EDPB smjernice: bez "dark patterna") */
  #lcc-root .lcc-btn,.lcc-ph .lcc-btn{appearance:none;letter-spacing:normal;text-transform:none;box-shadow:none;font:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;border-radius:6px;
    padding:11px 18px;min-height:44px;min-width:120px;border:2px solid var(--lcc-navy);transition:background .15s,color .15s,border-color .15s}
  #lcc-root .lcc-btn--primary,.lcc-ph .lcc-btn--primary{background:var(--lcc-navy);color:#fff}
  #lcc-root .lcc-btn--primary:hover,.lcc-ph .lcc-btn--primary:hover{background:var(--lcc-navy-2);border-color:var(--lcc-navy-2)}
  #lcc-root .lcc-btn--ghost,.lcc-ph .lcc-btn--ghost{background:#fff;color:var(--lcc-navy)}
  #lcc-root .lcc-btn--ghost:hover,.lcc-ph .lcc-btn--ghost:hover{background:var(--lcc-soft)}
  .lcc-btn:focus-visible,.lcc-switch input:focus-visible+.lcc-slider,.lcc-fab:focus-visible,.lcc-close:focus-visible{outline:3px solid var(--lcc-orange);outline-offset:2px}

  /* ---------- MODAL (Postavke) ---------- */
  .lcc-overlay{position:fixed;inset:0;z-index:2147483001;background:rgba(11,22,48,.55);display:flex;align-items:center;justify-content:center;padding:16px}
  .lcc-modal{background:#fff;border-radius:12px;width:100%;max-width:620px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;
    box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}
  .lcc-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:var(--lcc-navy);color:#fff}
  #lcc-root .lcc-modal__head .lcc-title{color:#fff;margin:0;font-size:18px}
  .lcc-close{appearance:none;background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;width:40px;height:40px;border-radius:6px}
  .lcc-close:hover{background:rgba(255,255,255,.12)}
  .lcc-modal__body{padding:18px 22px;overflow-y:auto}
  .lcc-modal__body>p{margin:0 0 14px;font-size:14px;color:var(--lcc-muted)}
  .lcc-cat{border:1px solid var(--lcc-line);border-radius:8px;padding:14px 16px;margin-bottom:10px}
  .lcc-cat__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .lcc-cat__name{font-weight:700;color:var(--lcc-navy);font-size:15px}
  .lcc-cat p{margin:6px 0 0;font-size:13.5px;color:var(--lcc-muted)}
  .lcc-always{font-size:12.5px;font-weight:700;color:#1d7a3e;white-space:nowrap}
  .lcc-modal__foot{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--lcc-line);background:#fafbfd}
  .lcc-modal__links{padding:0 22px 14px;font-size:13px;color:var(--lcc-muted);background:#fafbfd}

  /* switch */
  .lcc-switch{position:relative;display:inline-block;width:48px;height:28px;flex:0 0 auto}
  .lcc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
  .lcc-slider{position:absolute;inset:0;background:#c3cad6;border-radius:28px;transition:background .15s}
  .lcc-slider::before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
  .lcc-switch input:checked+.lcc-slider{background:var(--lcc-orange)}
  .lcc-switch input:checked+.lcc-slider::before{transform:translateX(20px)}

  /* ---------- plutajući gumb za ponovno otvaranje ---------- */
  .lcc-fab{position:fixed;left:16px;bottom:16px;z-index:2147482999;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;
    background:var(--lcc-navy);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(11,42,107,.35);opacity:.85}
  .lcc-fab:hover{opacity:1;background:var(--lcc-navy-2)}
  .lcc-fab svg{width:22px;height:22px}

  /* placeholder za blokirane iframeove */
  .lcc-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;
    background:var(--lcc-soft);border:1px dashed #b9c3d4;border-radius:8px;color:var(--lcc-muted);font-size:14px;min-height:180px;width:100%;max-width:100%}

  body.lcc-noscroll{overflow:hidden}

  @media (max-width:860px){
    .lcc-banner{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px}
    .lcc-actions{justify-content:stretch}
    .lcc-actions .lcc-btn{flex:1 1 0}
  }
  @media (max-width:480px){
    .lcc-banner{left:8px;right:8px;bottom:8px}
    #lcc-root .lcc-actions .lcc-btn,#lcc-root .lcc-modal__foot .lcc-btn{min-width:0;padding:11px 8px;flex:1 1 0}
    #lcc-root .lcc-modal__foot [data-lcc=save]{flex:1 1 100%}
    .lcc-banner p{font-size:13.5px}
    .lcc-overlay{padding:8px;align-items:flex-end}
  }
  @media (prefers-reduced-motion:reduce){.lcc-banner{animation:none}}
  @media print{#lcc-root{display:none}}