/* YouTube / Facebook links: footer on every page, plus the /kontakt/ intro. */
.kotly-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 1.5rem;
}

.kotly-social a {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-block-size: 44px;
  color: inherit;
  text-decoration: none;
  touch-action: manipulation;
}

.kotly-social svg {
  flex: none;
  inline-size: auto;
  block-size: 1.2cap;
  fill: currentColor;
}

.kotly-social a:focus-visible {
  outline: max(2px, 0.08em) solid currentColor;
  outline-offset: 0.25em;
}

main .kotly-social {
  inline-size: 100%;
  margin-block-end: 1rem;
}

.aux-elementor-footer .kotly-social {
  inline-size: 100%;
  justify-content: flex-end;
  margin-block-end: 25px;
  font-size: 15px;
  color: color-mix(in oklch, white 40%, transparent);
}

.aux-elementor-footer .kotly-social a:active { color: white; }

@media (hover: hover) and (pointer: fine) {
  .kotly-social a:hover { text-decoration: underline; }
  .aux-elementor-footer .kotly-social a:hover { color: white; text-decoration: none; }
}

@media (max-width: 767px) {
  .aux-elementor-footer .kotly-social { justify-content: safe center; }
}