/* Tlačítka, odznaky a odkazy */

/* ============================================================
   TLAČÍTKA — pilulky s kruhovým odznakem, jako na G-INNOVĚ
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;gap:.85em;
  font-family:var(--ff-sans);font-size:.9rem;font-weight:500;letter-spacing:.01em;
  padding:.72em .82em .72em 1.6em;border-radius:var(--r-pill);border:1px solid transparent;
  cursor:pointer;transition:all .45s var(--ease);white-space:nowrap;line-height:1.4;
}
.btn__badge{
  width:2.05em;height:2.05em;border-radius:50%;flex:none;
  display:grid;place-items:center;transition:all .45s var(--ease)
}
.btn__badge svg{width:.72em;height:.72em;transition:transform .45s var(--ease)}
.btn:hover .btn__badge svg{transform:translate(2px,-2px)}
.btn--primary{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.btn--primary .btn__badge{background:rgba(248,245,240,.14);color:var(--gold-lt)}
.btn--primary:hover{background:var(--navy-3);border-color:var(--navy-3)}
.btn--primary:hover .btn__badge{background:var(--gold);color:var(--navy)}
.btn--ghost{border-color:var(--line);color:var(--text);background:transparent;padding-inline:1.6em}
.btn--ghost:hover{border-color:var(--gold);background:rgba(180,146,106,.07)}
.section--dark .btn--ghost,.footer .btn--ghost{border-color:var(--line-dk);color:var(--cream)}
.section--dark .btn--ghost:hover,.footer .btn--ghost:hover{border-color:var(--gold-lt);background:rgba(248,245,240,.06)}
.section--dark .btn--primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.section--dark .btn--primary .btn__badge{background:rgba(26,41,66,.16);color:var(--navy)}
.section--dark .btn--primary:hover{background:var(--gold-lt);border-color:var(--gold-lt)}
.section--dark .btn--primary:hover .btn__badge{background:var(--navy);color:var(--gold-lt)}
/* Tmavé karty stojí na světlé sekci, takže dědí světlé varianty — musí se přebít */
.contact__col .btn--primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.contact__col .btn--primary .btn__badge{background:rgba(26,41,66,.16);color:var(--navy)}
.contact__col .btn--primary:hover{background:var(--gold-lt);border-color:var(--gold-lt)}
.contact__col .btn--primary:hover .btn__badge{background:var(--navy);color:var(--gold-lt)}
.contact__col .btn--ghost{border-color:var(--line-dk);color:var(--cream)}
.contact__col .btn--ghost:hover{border-color:var(--gold-lt);background:rgba(248,245,240,.06)}
.place--lead .link{color:var(--gold-lt);border-color:rgba(216,195,162,.34)}
.place--lead .link:hover{border-color:var(--gold-lt)}

/* Textové odkazy */
.link{
  display:inline-flex;align-items:center;gap:.5em;
  font-size:.9rem;font-weight:500;color:var(--gold-text);
  border-bottom:1px solid rgba(138,106,68,.3);padding-bottom:2px;transition:border-color .35s var(--ease)
}
.link:hover{border-color:var(--gold-text)}
.section--dark .link{color:var(--gold-lt);border-color:rgba(216,195,162,.34)}
.section--dark .link:hover{border-color:var(--gold-lt)}

/* Odkaz na kliniku */
.clinic-link{
  display:inline-flex;align-self:flex-start;align-items:center;gap:.5em;margin-top:18px;
  font-size:.8rem;font-weight:500;color:var(--gold-text);
  border-bottom:1px solid rgba(138,106,68,.28);padding-bottom:3px;
  transition:border-color .35s var(--ease)
}
.clinic-link:hover{border-color:var(--gold-text)}
.clinic-link svg{width:10px;height:10px;flex:none;opacity:.9;transition:transform .4s var(--ease)}
.clinic-link:hover svg{transform:translate(2px,-2px)}
.hero .clinic-link,.section--dark .clinic-link{color:var(--gold-lt);border-color:rgba(216,195,162,.32)}
.hero .clinic-link:hover,.section--dark .clinic-link:hover{border-color:var(--gold-lt)}
.hero .clinic-link{color:var(--gold-text);border-color:rgba(138,106,68,.28)}
.hero .clinic-link:hover{border-color:var(--gold-text)}

/* Animace při scrollu */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){ .reveal{opacity:1;transform:none;transition:none} }

.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--navy);color:var(--cream);padding:10px 18px;border-radius:var(--r-pill);font-size:.85rem}
.skip:focus{left:16px}