/* =========================
   AllUnlock – čistý stylesheet (SLIM)
   ========================= */

/* ---- Proměnné & základ ---- */
:root{
  --bg:#0B1220; --surface:#0F172A; --card:#111827;
  --text:#E5E7EB; --muted:#9CA3AF;
  --gold:#EAB308; --accent:#22D3EE;
  --radius:12px; --gap:10px;

  /* offset obsahu podle výšky headeru */
  --header-offset:108px; /* desktop */
}
@media (max-width:880px){
  :root{ --header-offset:176px; }  /* ladit +/− 6–10 px dle zařízení */
}

*{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
a{ color:inherit; text-decoration:none }
img{ max-width:100%; height:auto; display:block }
.container{ max-width:1100px; margin:0 auto; padding:0 16px; }
section[id]{ scroll-margin-top: calc(var(--header-offset) - 12px); } /* kotvy neskáčou pod header */
main{ padding-top: var(--header-offset); }

/* ---- HEADER ---- */
/* ---- HEADER (dark, bez blur) ---- */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:10000;
  transform:translateZ(0); will-change:transform;
  background:#0a0f1d;                  /* solid temný podklad (žádné šednutí) */
  /* backdrop-filter: none;  <-- blur pryč kvůli výkonu */
  border-bottom:1px solid rgba(255,255,255,.10);
}
.site-header.is-scrolled{
  background:#090e1a;                   /* o chlup pevnější při scrollu */
  border-bottom-color:rgba(255,255,255,.14);
  box-shadow:0 1px 0 rgba(255,255,255,.06); /* jemná hrana – levné na GPU */
}

.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; min-height:92px;           /* žádná pevná height */
}
.brand{ display:flex; flex-direction:column; text-decoration:none }
.brand__img{ height:40px; width:auto }
@media (min-width:1200px){ .brand__img{ height:44px } }
.brand__name{
  font-weight:800; font-size:clamp(20px,2.4vw,26px);
  letter-spacing:.3px; line-height:1.2; color:#f1f5f9;
}
.brand__name .dot{ color:var(--gold) }
.brand__tag{ font-size:13px; color:var(--muted) }

/* NAV – „pill“ (desktop) */
.nav{ display:flex; gap:10px; margin-left:auto; flex-wrap:wrap }
.nav .btn{
  color:#f1f5f9;                        /* světlejší text */
  background:rgba(255,255,255,.08);     /* o fous výraznější podklad */
  border:1px solid rgba(255,255,255,.22);
}
.nav .btn:hover{
  background:rgba(255,255,255,.14);
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.nav .btn.is-active{
  border-color:var(--gold); color:var(--gold);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 70%, transparent);
}

/* NAV – mobil: vlastní tmavý pruh pod brandem + horizontální scroll */
@media (max-width:880px){
  .header-inner{ flex-direction:column; align-items:flex-start; padding:16px 0 10px; gap:10px; min-height:auto }
  .brand{ margin-bottom:2px }
  .nav{
    margin-left:0; width:100%;
    flex-wrap:nowrap; overflow-x:auto;
    padding:8px 10px; border-radius:12px;
    background:rgba(11,18,32,.92);
    backdrop-filter:blur(10px);
    -webkit-overflow-scrolling:touch; touch-action:pan-x; overscroll-behavior:contain;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    position:relative; z-index:2;
  }
  .nav::-webkit-scrollbar{ display:none }
  .nav .btn{ flex:0 0 auto; padding:12px 16px; font-size:15px; line-height:1.2 }
}

/* CTA WhatsApp (desktop i mobil) */
.btn--wa{
  background:linear-gradient(180deg, #25d366, #1ebe5a);
  border-color:rgba(0,0,0,.15);
  color:#0b1220; font-weight:700;
}
.btn--wa:hover{
  background:linear-gradient(180deg, #2fe07a, #20c463);
  box-shadow:0 10px 22px rgba(32,196,99,.35);
}

/* ---- TLAČÍTKA (globální) ---- */
.btn{
  display:inline-block; padding:8px 12px; border-radius:999px;
  font-size:14px; line-height:1; text-decoration:none;
  transition:transform .08s ease, box-shadow .18s ease, background .2s, border-color .2s, color .2s;
}
.btn:active{ transform:translateY(1px) }
.btn--gold{
  background:color-mix(in srgb, var(--gold) 70%, transparent);
  border:1px solid rgba(234,179,8,.60); color:#111;
}
.btn--gold:hover{ background:var(--gold); box-shadow:0 10px 22px rgba(234,179,8,.25) }
.btn--glass{
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.18);
  color:#e5e7eb; backdrop-filter:blur(8px);
}
.btn--glass:hover{ background:rgba(255,255,255,0.12); box-shadow:0 10px 20px rgba(0,0,0,.22) }

/* (volitelně zachováno pro vnitřek stránky) */
.btn--outline{
  border:1px solid var(--accent); color:var(--accent); background:transparent;
  text-decoration:none; transition:background .2s, border-color .2s, color .2s, transform .06s;
}
.btn--outline:hover{ background:color-mix(in srgb, var(--accent) 12%, transparent); box-shadow:0 8px 18px rgba(34,211,238,.16) }
.btn--outline:active{ transform:translateY(1px) }

/* ---- Sekční základy + zlatá linka pod sekcí ---- */
.section{ padding:48px 0; color:var(--text) }
.sec-title{ font-size:26px; font-weight:700; margin:0 0 6px }
.sec-sub{ color:var(--muted); margin:0 0 18px }

/* Zlatá oddělovačka – full-bleed verze */
.section--goldline{
  position: relative;
  padding-bottom: 48px;
  overflow: visible; /* ať se linka neusekne */
}

.section--goldline::after{
  content:"";
  position: absolute; bottom: 12px; left: 50%;
  transform: translateX(-50%);

  /* full-bleed přes viewport */
  width: 100vw;
  @supports (width: 100dvw){ width: 100dvw; }

  /* bezpečný limit na ultra širokých monitorech */
  max-width: 1400px;

  height: 16px; border-radius: 999px; pointer-events: none;

  background:
    /* vlas uprostřed */
    linear-gradient(90deg, transparent, rgba(234,179,8,.78), transparent) center/100% 1px no-repeat,
    /* elipsa s dlouhým dohasínáním */
    radial-gradient(ellipse at center,
      rgba(234,179,8,.58) 0%,
      rgba(234,179,8,.34) 42%,
      rgba(234,179,8,.16) 72%,
      transparent 90%);
  opacity: .96;
  filter: saturate(1.04);
  transition: opacity .3s ease, box-shadow .3s ease;
}

.section--goldline:hover::after{
  opacity: 1;
  box-shadow: 0 0 14px rgba(234,179,8,.35);
}

/* jemný odlesk pod linkou */
.section--goldline.glow::before{
  content:"";
  position: absolute; bottom: 10px; left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  @supports (width: 100dvw){ width: 100dvw; }
  max-width: 1400px;

  height: 28px; border-radius: 999px; pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(234,179,8,.12), transparent 72%);
}

/* větší na opravdu velkých monitorech */
@media (min-width: 1400px){
  .section--goldline::after,
  .section--goldline.glow::before{
    max-width: 1600px;
  }
}

/* ---- „Naše služby“ (dlaždice + panely) ---- */
.services{ color:var(--text); padding:48px 0 }
.services .container{ max-width:1100px; margin:0 auto; padding:0 16px }
.services__title{ font-size:26px; font-weight:700; margin:0 0 6px }
.services__subtitle{ color:#9CA3AF; margin:0 0 18px }

.tiles--services{ display:grid; gap:10px; margin-bottom:12px; grid-template-columns:repeat(6, minmax(0,1fr)) }
@media (max-width:1100px){ .tiles--services{ grid-template-columns:repeat(4,1fr) } }
@media (max-width:800px){  .tiles--services{ grid-template-columns:repeat(3,1fr) } }
@media (max-width:560px){  .tiles--services{ grid-template-columns:repeat(2,1fr) } }

.service-tile{
  background:rgba(17,24,39,0.42);
  border:1px solid rgba(234,179,8,.50);
  color:var(--text); border-radius:12px; padding:10px 12px; text-align:center;
  font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;
  backdrop-filter:blur(8px); transition:border-color .2s, transform .08s, background .2s, box-shadow .2s;
  box-shadow:0 0 0 1px rgba(234,179,8,.45), 0 10px 26px rgba(0,0,0,.22);
}
.service-tile:hover{
  border-color:var(--gold);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 70%, transparent), 0 12px 28px rgba(0,0,0,.28);
  background:rgba(17,24,39,0.50);
}
.service-tile[aria-selected="true"]{
  border-color:var(--gold);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 70%, transparent);
}

.service-panel{
  background:rgba(17,24,39,0.42); border:1px solid rgba(234,179,8,.50);
  border-left:3px solid var(--gold); border-radius:12px;
  padding:12px 14px; margin-bottom:10px;
  max-height:0; overflow:hidden; opacity:0; transition:max-height .25s ease, opacity .2s ease;
  backdrop-filter:blur(8px);
  box-shadow:0 0 0 1px rgba(234,179,8,.45), 0 10px 26px rgba(0,0,0,.22);
}
.service-panel.open{ opacity:1; max-height:480px }
.panel-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px }
.panel-head h3{ margin:0; font-size:16px }
.price-pill{ background:var(--gold); color:#111; border-radius:999px; padding:4px 10px; font-size:13px; font-weight:600 }
.panel-list{ margin:0 0 10px 18px }
.panel-list li{ margin:4px 0 }

/* řádkový ceník uvnitř panelu */
.svc-list{ display:flex; flex-direction:column; gap:6px; margin:8px 0 12px }
.svc-line{
  display:grid; grid-template-columns:1fr auto; align-items:center;
  padding:8px 10px; border:1px solid rgba(255,255,255,.12);
  border-radius:8px; background:rgba(255,255,255,.05);
}
.svc-name{ font-size:14px }
.svc-price{ font-size:13px }
.pill{ background:var(--gold); color:#111; border-radius:999px; padding:4px 10px; font-weight:600; white-space:nowrap }
@media (max-width:560px){ .svc-line{ grid-template-columns:1fr; gap:6px } .svc-price{ justify-self:start } }

/* ---- HW & Data karty ---- */
.hw-grid, .data-grid{ display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)) }
@media (max-width:1100px){ .hw-grid,.data-grid{ grid-template-columns:repeat(3,1fr) } }
@media (max-width:800px){  .hw-grid,.data-grid{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:560px){  .hw-grid,.data-grid{ grid-template-columns:1fr } }

.hw-card{
  background:rgba(17,24,39,0.42); border:1px solid rgba(234,179,8,.50);
  border-radius:12px; padding:12px 14px; backdrop-filter:blur(8px);
  box-shadow:0 0 0 1px rgba(234,179,8,.45), 0 8px 20px rgba(0,0,0,.25);
}
.hw-card h3{ margin:0 0 6px; font-size:15px }
.hw-card p{ margin:0; color:#cbd5e1; font-size:14px }
.hw-card:hover{
  border-color:var(--gold);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 70%, transparent), 0 10px 22px rgba(234,179,8,.18);
}

/* ---- Footer ---- */
.footer{
  background:rgba(11,18,32,.82); border-top:1px solid rgba(255,255,255,.08); padding:16px 0;
  backdrop-filter:saturate(1.1) blur(8px);
}
.footer-inner{ display:flex; align-items:center; gap:12px }
.footer-links{ margin-left:auto; display:flex; gap:12px }
.footer a{ color:var(--text); text-decoration:none; opacity:.9 }
.footer a:hover{ opacity:1 }
.to-top{
  margin-left:8px; border:1px solid rgba(255,255,255,.2); background:transparent; color:var(--text);
  border-radius:8px; padding:4px 8px; cursor:pointer
}

/* ---- Univerzální grid/karty ---- */
.info-grid{ display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)) }
@media (max-width:1000px){ .info-grid{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:640px){  .info-grid{ grid-template-columns:1fr } }

.card.soft{
  background:rgba(17,24,39,0.42); border:1px solid rgba(234,179,8,.50);
  border-radius:12px; padding:12px 14px; backdrop-filter:blur(8px);
  box-shadow:0 0 0 1px rgba(234,179,8,.45), 0 10px 26px rgba(0,0,0,.22);
}

/* ---- Formuláře ---- */
.form .label{ font-size:13px; color:var(--muted); display:block; margin:6px 0 4px }
.input, .textarea, select.input{
  width:100%; border:1px solid rgba(255,255,255,.16); background:rgba(17,24,39,0.42); color:var(--text);
  border-radius:12px; padding:8px 10px; outline:none; backdrop-filter:blur(6px);
}
.input:focus, .textarea:focus, select.input:focus{
  border-color:rgba(234,179,8,.55); box-shadow:0 0 0 1px rgba(234,179,8,.35)
}
.grid-2{ display:grid; gap:10px; grid-template-columns:1fr 1fr }
@media (max-width:640px){ .grid-2{ grid-template-columns:1fr } }
.chips{ display:flex; gap:8px; flex-wrap:wrap }
.chips label{ padding:6px 10px; border:1px solid rgba(255,255,255,.12); border-radius:999px; cursor:pointer }
.chips input{ margin-right:6px }
.alert.success{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.4); color:#bbf7d0; padding:8px 10px; border-radius:10px }
.help.error{ color:#fca5a5; margin-top:6px }

/* ---- Ticker ---- */
.ticker{ background:rgba(234,179,8,.08); border-bottom:1px solid rgba(234,179,8,.18) }
.ticker .track{ white-space:nowrap; overflow:hidden }
.ticker .track span{ display:inline-block; padding:8px 20px; color:var(--text); opacity:.9; animation:marquee 28s linear infinite }
@keyframes marquee{ 0%{ transform:translateX(100%) } 100%{ transform:translateX(-100%) } }
@media (prefers-reduced-motion:reduce){ .ticker .track span{ animation:none } }

/* ---- Tabulky ---- */
.table-glass{
  width:100%; border-collapse:collapse;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px; overflow:hidden; backdrop-filter:blur(8px);
}
.table-glass th, .table-glass td{ padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08) }
.table-glass thead th{ background:rgba(255,255,255,0.08) }
.table-glass tr:hover td{ background:rgba(255,255,255,0.07) }

/* ---- CSS-only Background: Aurora (hladká + zlatý flek dole) ---- */
:root{ --bg1:#0b1022; }
body[data-bg]{ min-height:100dvh }
/* === PATCH: vypnout sekční pozadí & sjednotit linku === */

/* 1) Vypnout sekční overlaye (schovají se, aniž bys teď mazal kód) */
.section--bg,
.unlock-world,
.hw-bg,
.data-bg { position:relative; isolation:auto; background:transparent !important; }
.section--bg::before,
.unlock-world::before,
.unlock-world::after,
.hw-bg::before,
.data-bg::before,
.data-bg::after { content:none !important; }

/* --- GOLDLINE: víc prostoru všude + utility pro jemné doladění --- */

/* výchozí mezera nad linkou (desktop) */
.section--goldline{
  --line-gap: 34px; /* bylo ~22; klidně uprav 32–40 podle oka */
  padding-bottom: calc(var(--line-gap) + 28px); /* linka + odlesk */
  overflow: visible;
}

/* na mobilu o chlup míň */
@media (max-width: 880px){
  .section--goldline{ --line-gap: 28px; }
}

/* poslední prvek v sekci nezasahuje do mezery */
main > section.section--goldline > .container > *:last-child{
  margin-bottom: 0 !important;
}

/* jistota: komponenty s vlastním spodním marginem ho u sekce nedostanou */
.section--goldline .tiles--services,
.section--goldline .info-grid,
.section--goldline .hw-grid{ margin-bottom: 0 !important; }

/* utility: rychlé lokální doladění mezery přidáním třídy k sekci */
.section--goldline.gap-s  { --line-gap: 26px; }
.section--goldline.gap-m  { --line-gap: 34px; } /* default */
.section--goldline.gap-l  { --line-gap: 44px; }
.section--goldline.gap-xl { --line-gap: 56px; }

/* === AURORA – hladká, světlejší, s našimi "flekama" === */
body[data-bg="aurora"] {
  background:
    /* velké základní fleky */
    radial-gradient(70rem 50rem at 80% 120%, rgba(234,179,8,0.20), transparent 90%), /* zlatý velký dole */
    radial-gradient(120rem 80rem at 20% 10%, rgba(99,102,241,0.32), transparent 90%), /* indigo vlevo nahoře */
    radial-gradient(110rem 70rem at 80% 20%, rgba(236,72,153,0.28), transparent 90%), /* magenta vpravo nahoře */
    radial-gradient(120rem 90rem at 60% 80%, rgba(34,197,94,0.24), transparent 90%), /* teal vpravo dole */

    /* menší odlesky – levá strana */
    radial-gradient(22rem 16rem at 15% 40%, rgba(234,179,8,0.35), transparent 80%), /* zlatý menší vlevo střed */
    radial-gradient(18rem 12rem at 10% 70%, rgba(99,102,241,0.28), transparent 80%), /* indigo vlevo dole */
    radial-gradient(20rem 14rem at 30% 85%, rgba(236,72,153,0.25), transparent 82%), /* magenta vlevo dole */

    /* menší odlesky – pravá strana (na vyvážení) */
    radial-gradient(20rem 14rem at 70% 35%, rgba(234,179,8,0.28), transparent 80%), /* zlatý menší vpravo střed */
    radial-gradient(18rem 12rem at 85% 60%, rgba(34,197,94,0.30), transparent 78%), /* teal menší vpravo střed */
    radial-gradient(16rem 12rem at 75% 85%, rgba(236,72,153,0.24), transparent 78%), /* magenta malý vpravo dole */

    /* podklad */
    linear-gradient(180deg, #3b4a60, #1e293b);

  background-attachment: fixed;
  color:#f1f5f9;
}

/* sjednocující film + ultra jemný anti-banding */
body[data-bg="aurora"]::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    rgba(0,0,0,0.08),
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.006) 0, rgba(255,255,255,0.006) 1px,
      transparent 1px, transparent 3px
    );
}

/* pokud máš někde starý @keyframes auroraShift, klidně ho nech prázdný */
@keyframes auroraShift{}

/* === WhatsApp CTA v navigaci (výrazné, ale čisté) === */
.nav .btn.btn--wa{
  background: linear-gradient(180deg, #25d366, #1ebe5a);
  border: 1px solid rgba(0,0,0,.20);
  color: #0b1220;
  font-weight: 800;
  letter-spacing: .2px;
  display: inline-flex; align-items: center; gap: 8px;
  box-shadow:
    0 8px 22px rgba(37,211,102,.25),
    inset 0 1px 0 rgba(255,255,255,.25);
  transform: translateZ(0);
}
.nav .btn.btn--wa:hover{
  background: linear-gradient(180deg, #2fe07a, #20c463);
  box-shadow:
    0 12px 26px rgba(37,211,102,.32),
    inset 0 1px 0 rgba(255,255,255,.35);
}
.nav .btn.btn--wa:active{ transform: translateY(1px); }
.nav .btn.btn--wa .wa-icn{ width: 16px; height: 16px; display: inline-block; }
.nav .btn.btn--wa .wa-icn svg{ width: 100%; height: 100%; display:block; }

/* ať na něm nepřebíjí zlaté .is-active z nav ScrollSpy */
.nav .btn.btn--wa.is-active{
  border-color: rgba(0,0,0,.22);
  color: #0b1220;
  box-shadow:
    0 10px 24px rgba(37,211,102,.30),
    inset 0 1px 0 rgba(255,255,255,.35);
}

/* mobil – udělej ho o fous větší pro ťukání */
@media (max-width:880px){
  .nav .btn.btn--wa{ padding: 12px 18px; font-size: 15px; }
}

/* přístupnost: klávesový focus */
.nav .btn.btn--wa:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.35),
    0 0 0 6px rgba(37,211,102,.45),
    0 12px 26px rgba(37,211,102,.30),
    inset 0 1px 0 rgba(255,255,255,.35);
}

.carrier-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  cursor: pointer;
  transition: all .2s ease;
}
.carrier-card:hover {
  border-color: #caa44c;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.carrier-card input[type="radio"] {
  margin-bottom: 6px;
}
.carrier-card img {
  height: 28px;
}
.carrier-card .title {
  font-weight: 600;
}
.carrier-card a {
  font-size: .9rem;
  color: #caa44c;
  text-decoration: none;
}
.carrier-card a:hover {
  text-decoration: underline;
}

.carriers { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; }
.carrier-card { display:flex; flex-direction:column; gap:4px; padding:10px; border:1px solid #ddd; border-radius:10px; transition:all .2s ease; cursor:pointer; }
.carrier-card:hover { border-color:#caa44c; box-shadow:0 2px 6px rgba(0,0,0,.08); }
.carrier-card .title { font-weight:600; }
.carrier-card img { height:20px; }

.form-wide {
  max-width: 820px;  /* původně 820px */
  margin: 0 auto;
}
@media (min-width: 1280px) {
  .form-wide { max-width: 1200px; } /* na opravdu velkých monitorech */
}

.grid-2 {
  display: grid;
  gap: 14px; /* trochu víc místa mezi sloupci */
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 720px) {
  .grid-2 {
    grid-template-columns: 1fr; /* na mobilu spadne do jednoho sloupce */
  }
}

.container--wide { max-width: 1280px; }
.layout-2col { display:grid; grid-template-columns: minmax(0,2.2fr) minmax(0,1fr); gap:16px; }
@media (max-width:980px){ .layout-2col { grid-template-columns:1fr; } }

/* Jemné přechody, kdyby v .btn chyběly */
.btn { transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease; }

/* NAV: default outline tlačítka do gold tónu */
.nav .nav-btn.btn--outline{
  color:#EAB308;                                 /* gold text */
  border-color:rgba(234,179,8,.55);              /* gold border */
}
.nav .nav-btn.btn--outline:hover,
.nav .nav-btn.btn--outline:focus-visible{
  background:rgba(234,179,8,.12);                /* jemný gold podklad */
  border-color:#EAB308;
  box-shadow:0 0 0 3px rgba(234,179,8,.22);      /* viditelný focus */
  outline:0;
}

/* Facebook „rozsvítit do modra“ (brand-safe) */
.btn--fb{
  color:#1877F2;                                  /* FB modrá */
  border-color:rgba(24,119,242,.6);
  background:transparent;
}
.btn--fb:hover,
.btn--fb:focus-visible{
  background:rgba(24,119,242,.12);
  border-color:#1877F2;
  color:#ffffff;                                  /* lepší kontrast na hover */
  box-shadow:0 0 0 3px rgba(24,119,242,.22);
  outline:0;
}
.btn--fb:active{ background:rgba(24,119,242,.18); }

html { scroll-behavior: smooth; }

/* FACEBOOK: zářivě modrý už v základu + ještě jasnější na hover */
.nav .btn--fb{
  background: linear-gradient(180deg, #1F88FF 0%, #1877F2 100%); /* sytý modrý přechod */
  color:#ffffff;
  border-color:#1877F2;
  box-shadow:0 0 0 0 rgba(24,119,242,0);
}

.nav .btn--fb:hover,
.nav .btn--fb:focus-visible{
  background: linear-gradient(180deg, #3A98FF 0%, #2B88FF 100%); /* ještě jasnější modrá */
  border-color:#2B88FF;
  color:#ffffff;
  /* jemný „glow“ okolo + lehký zdvih */
  box-shadow:0 0 0 3px rgba(24,119,242,.28), 0 8px 18px rgba(24,119,242,.25);
  transform: translateY(-1px);
  outline:0;
}

.nav .btn--fb:active{
  background:#156FE0; /* tmavší při stisku */
  box-shadow:0 0 0 2px rgba(24,119,242,.22);
  transform: translateY(0);
}
@media (max-width: 1024px){
  body[data-bg="aurora"]{ background-attachment: scroll; }
}