/* Kruhové ikony sociálních sítí, v duchu tlačítka .header-play */
.social-row { display: flex; flex-wrap: wrap; gap: 12px; }
.social-link {
  display: grid; width: 46px; height: 46px; place-items: center;
  border: 1.5px solid rgba(var(--cyan-rgb),.55); border-radius: 50%; color: var(--cyan);
  transition: background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease;
}
.social-link:hover, .social-link:focus-visible {
  border-color: var(--cyan); background: var(--cyan); color: var(--navy); transform: translateY(-2px);
}
.social-link .icon { width: 21px; height: 21px; }

/* Varianta pro světlé a cyan sekce */
.social-row--ink { margin-top: 26px; }
.social-row--ink .social-link { border-color: rgba(var(--navy-rgb),.28); color: var(--navy); }
.social-row--ink .social-link:hover, .social-row--ink .social-link:focus-visible {
  border-color: var(--navy); background: var(--navy); color: var(--white);
}

/* Odkazy se jménem sítě v patičce */
.footer-social a { display: inline-flex; align-items: center; gap: 11px; transition: color .18s ease; }
.footer-social a:hover, .footer-social a:focus-visible { color: var(--cyan); }
.footer-social a .icon { width: 18px; height: 18px; color: var(--cyan); }

/* Ikony v mobilním menu */
.mobile-menu .social-row { margin-top: 12px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); }
.mobile-menu .social-link { width: 40px; height: 40px; }
.mobile-menu .social-link .icon { width: 18px; height: 18px; }

@media (max-width: 640px) {
  .social-link { width: 44px; height: 44px; }
}