/* universy.pl: wygląd banera UNIVERSY Cookies w stylu strony (2026-11-06). Rdzeń wtyczki bez zmian.
   Ciemna karta jak nagłówek i pasek kontaktowy (#05070e + rozmycie), Titillium, przyciski jak „Porozmawiajmy”.
   Położenie: komputer — prawy dolny róg (po lewej zasłaniała „Zacznij za 0 zł” w hero i stoi tam zajawka cennika);
   900 px i mniej — nad paskiem „Zadzwoń / Porozmawiajmy”; telefon (do 640 px) — niski panel na dole ekranu.
   Kolejność: „Akceptuję” pierwsze, „Odrzucam” obok w tym samym rozmiarze (równorzędny wybór), „Ustawienia” pod nimi. */
.ucc-root,
.ucc-root[data-ucc-theme="dark"]{
  --ucc-accent:#4A7BF7;--ucc-accent-strong:#8BB0FF;--ucc-radius:9px;
  --ucc-surface:#0B1022;--ucc-surface-2:#070B18;
  --ucc-ink:#FFFFFF;--ucc-text:rgba(255,255,255,.74);--ucc-muted:rgba(255,255,255,.56);--ucc-line:rgba(255,255,255,.12);
  --ucc-primary-bg:#4A7BF7;--ucc-primary-fg:#05070E;--ucc-primary-bg-hover:#8BB0FF;
  --ucc-ghost-fg:#FFFFFF;--ucc-ghost-border:rgba(255,255,255,.28);
  --ucc-backdrop:rgba(2,4,10,.72);
  --ucc-shadow:0 30px 80px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);
  --ucc-shadow-modal:0 40px 100px -24px rgba(0,0,0,.8);
  font-family:'Titillium Web','Titillium Arial','Titillium Roboto','Titillium DejaVu',system-ui,sans-serif;
}

/* karta */
.ucc-root[data-ucc-pos="box"] .ucc-banner,
.ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-banner{
  left:auto;right:clamp(12px,2vw,24px);bottom:24px;
  width:min(380px,calc(100vw - 24px));max-width:none;gap:0;padding:22px 22px 16px;
  background:rgba(10,14,30,.94);border:1px solid rgba(255,255,255,.1);border-radius:16px;
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
}
.ucc-root .ucc-banner:focus{outline:none}

/* nagłówek jak etykiety sekcji strony: krótka niebieska kreska zamiast emotki */
.ucc-root[data-ucc-size="compact"][data-ucc-pos="bar"] .ucc-desc::before{content:none}
.ucc-root .ucc-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:1.05rem;font-weight:600;letter-spacing:0;color:#FFFFFF}
.ucc-root .ucc-banner-text .ucc-title::before{content:"";flex:0 0 22px;height:1px;background:#4A7BF7}
.ucc-root .ucc-desc,.ucc-root[data-ucc-size="compact"] .ucc-desc{font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.74)}
.ucc-root .ucc-link{color:#8BB0FF}
.ucc-root .ucc-link:hover{color:#FFFFFF}

/* przyciski: jak „Porozmawiajmy” w nagłówku (44 px, 9 px, wersaliki 0.1em) */
.ucc-root .ucc-btn,.ucc-root[data-ucc-size="compact"] .ucc-btn{min-height:44px;padding:0 18px;font-size:12.5px;font-weight:600;letter-spacing:.1em}
.ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions{margin-top:18px;gap:8px}
.ucc-root .ucc-banner .ucc-actions .ucc-btn-primary{order:-1}
.ucc-root .ucc-btn-primary{box-shadow:none}
.ucc-root .ucc-btn-primary:hover{background:#8BB0FF;color:#05070E;box-shadow:0 14px 30px -14px rgba(74,123,247,.7)}
.ucc-root .ucc-btn-ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.28)}
.ucc-root .ucc-btn-ghost:hover,
.ucc-root[data-ucc-theme="dark"] .ucc-btn-ghost:hover{background:rgba(74,123,247,.1);border-color:rgba(139,176,255,.45);color:#FFFFFF}
.ucc-root .ucc-btn-link,
.ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions .ucc-btn-link{min-height:32px;padding:4px;margin-top:2px;color:rgba(255,255,255,.56);font-size:11.5px}
.ucc-root .ucc-btn-link:hover,.ucc-root[data-ucc-theme="dark"] .ucc-btn-link:hover{color:#FFFFFF}
.ucc-root .ucc-btn:focus-visible{outline-color:#8BB0FF}

/* okno „Ustawienia” */
.ucc-root .ucc-modal-panel{background:#0B1022;border:1px solid rgba(255,255,255,.1);border-radius:16px}
.ucc-root .ucc-modal-foot{background:#0B1022}
.ucc-root .ucc-modal-title{font-weight:600;color:#FFFFFF}
.ucc-root .ucc-always{color:#8BB0FF}
.ucc-root .ucc-switch{background:rgba(255,255,255,.18)}
.ucc-root .ucc-close:hover{background:rgba(255,255,255,.08)}

/* przycisk powrotu do ustawień: prawy dolny róg, ciemny (po lewej stoi zajawka cennika) */
.ucc-root .ucc-reopen{left:auto;right:18px;bottom:18px;color:#FFFFFF;background:rgba(10,14,30,.94);border-color:rgba(255,255,255,.14);box-shadow:0 10px 30px -12px rgba(0,0,0,.7)}
.ucc-root .ucc-reopen:hover{border-color:rgba(139,176,255,.45)}

/* do 899 px na dole jest pasek „Zadzwoń / Porozmawiajmy” (ok. 65 px) — karta i przycisk stoją nad nim */
@media (max-width:899px){
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-banner{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .ucc-root .ucc-reopen{right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));padding:10px}
}

/* telefon: niski panel na dole (przykrywa pasek kontaktowy tylko do wyboru), bez nagłówka, oba przyciski w rzędzie */
@media (max-width:640px){
  .ucc-root[data-ucc-pos="box"] .ucc-banner,
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-banner{
    left:0;right:0;bottom:0;width:auto;max-width:none;
    border-width:1px 0 0;border-radius:16px 16px 0 0;
    padding:16px 16px calc(8px + env(safe-area-inset-bottom,0px));gap:0;
  }
  .ucc-root[data-ucc-size="compact"] .ucc-title{display:none}
  .ucc-root .ucc-desc,.ucc-root[data-ucc-size="compact"] .ucc-desc{font-size:.85rem;line-height:1.45}
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions{margin-top:12px;gap:4px 8px}
  .ucc-root .ucc-banner .ucc-actions .ucc-btn-ghost,
  .ucc-root .ucc-banner .ucc-actions .ucc-btn-primary{flex:1 1 0}
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions .ucc-btn-link{flex:1 1 100%}
  .ucc-root .ucc-modal-foot{flex-direction:column}
}