/* AE Projekt: wygląd banera UNIVERSY Cookies w stylu strony (05.11.2026). Rdzeń universy-cookies.css bez zmian.
   Układ jak FootMedica (fm-zgody.css, decyzja Krzysztofa 03.11): karta w lewym dolnym rogu bez pustej przerwy, najpierw
   „Akceptuję” (pełny), obok „Odrzucam” (biały z obwódką), ten sam rozmiar i rząd, „Wybieram” pod nimi; telefon: niski pasek. */
.ucc-root{
  --ucc-accent:#1368A2;--ucc-accent-strong:#0F5A8E;--ucc-radius:18px;
  --ucc-ink:#27303A;--ucc-text:#5D6875;--ucc-muted:#5D6875;--ucc-line:#E1E7ED;
  --ucc-primary-bg:#1368A2;--ucc-primary-bg-hover:#0F5A8E;--ucc-ghost-fg:#1368A2;
  --ucc-shadow:0 18px 50px -18px rgba(11,39,64,.35),0 2px 10px -6px rgba(11,39,64,.18);
  font-family:var(--ae-font-text,'Maven Pro',system-ui,sans-serif);
}
.ucc-root[data-ucc-size="compact"] .ucc-title::before,
.ucc-root[data-ucc-size="compact"][data-ucc-pos="bar"] .ucc-desc::before{content:none}
.ucc-root .ucc-title{font-weight:700;color:#27303A}
.ucc-root .ucc-desc{text-align:left;hyphens:manual}
.ucc-root .ucc-link{color:#1368A2}
.ucc-root .ucc-btn,.ucc-root[data-ucc-size="compact"] .ucc-btn{text-transform:none;letter-spacing:0;font-weight:600;border-radius:999px;font-size:.92rem;padding:11px 16px}
.ucc-root .ucc-banner:focus{outline:none}
/* komputer: karta w lewym dolnym rogu, bez pustego odstępu nad przyciskami */
.ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-banner{gap:0}
.ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions{margin-top:14px}
/* „Akceptuję” pierwsze, „Odrzucam” białe z niebieską obwódką — ten sam rozmiar i rząd (równorzędny wybór, nie link) */
.ucc-root .ucc-banner .ucc-actions .ucc-btn-primary{order:-1}
.ucc-root .ucc-banner .ucc-btn-ghost{background:#FFFFFF;color:#1368A2;border-color:#1368A2;box-shadow:inset 0 0 0 1px #1368A2}
/* okno „Wybieram”: oba przyciski niebieskie */
.ucc-root .ucc-modal-foot .ucc-btn-ghost{background:#1368A2;color:#FFFFFF;border-color:#1368A2;box-shadow:0 1px 1px rgba(10,14,28,.05),0 8px 20px -12px rgba(10,14,28,.55)}
.ucc-root .ucc-banner .ucc-btn-ghost:hover,.ucc-root .ucc-banner .ucc-btn-primary:hover,
.ucc-root .ucc-modal-foot .ucc-btn:hover{background:#0F5A8E;border-color:#0F5A8E;color:#FFFFFF;box-shadow:none}
.ucc-root .ucc-btn-link{color:#27303A;font-weight:600}
.ucc-root .ucc-modal-title{color:#27303A;font-weight:700}
.ucc-root .ucc-modal p,.ucc-root .ucc-modal li{text-align:left;hyphens:manual}
/* telefon: niski pasek, oba przyciski w jednym rzędzie, „Wybieram” pod nimi */
@media (max-width:640px){
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-banner{left:0;right:0;bottom:0;max-width:none;border-width:1px 0 0;border-radius:18px 18px 0 0;padding:14px 16px calc(8px + env(safe-area-inset-bottom,0px));gap:8px}
  .ucc-root[data-ucc-size="compact"] .ucc-title{display:none}
  .ucc-root[data-ucc-size="compact"] .ucc-desc{font-size:.8rem;line-height:1.4}
  .ucc-root[data-ucc-size="compact"][data-ucc-pos="box"] .ucc-actions{margin-top:2px;gap:6px 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%;padding:2px;margin-top:0}
}