@charset "UTF-8";
/* ─── Halbmayr c_social_media ──────────────────────────────────────────
   Renders a row of social-media circle links. Driven by the brand tokens
   (rk-ink-soft / rk-taupe / #fff). Base = 40px circle; the contexts
   (.footer / .menu-overlay) size up/down via overrides. */
.c-social-media {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.c-social-media .social-media-item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--rk-ink-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.c-social-media .social-media-item .icon {
  font-size: 18px;
  line-height: 1;
}
@media (hover: hover) {
  .c-social-media .social-media-item:hover {
    background: var(--rk-taupe);
    border-color: var(--rk-taupe);
    color: #fff;
  }
}
/* Context: footer — 50px chrome to match the previous .footer .social layout. */
.footer .c-social-media {
  gap: 10px;
}
.footer .c-social-media .social-media-item {
  width: 50px;
  height: 50px;
}
.footer .c-social-media .social-media-item .icon {
  font-size: 20px;
}
/* Context: menu overlay — match the footer chrome (50×50, 10px gap,
   ink-soft border) so the rotated dark-band socials read the same. */
.menu-overlay .col-contact .c-social-media {
  gap: 10px;
}
.menu-overlay .col-contact .c-social-media .social-media-item {
  width: 50px;
  height: 50px;
  border-color: var(--rk-ink-soft);
}
.menu-overlay .col-contact .c-social-media .social-media-item .icon {
  font-size: 20px;
}
@media (hover: hover) {
  .menu-overlay .col-contact .c-social-media .social-media-item:hover {
    background: var(--rk-taupe);
    color: #fff;
    border-color: var(--rk-taupe);
  }
}
/*# sourceMappingURL=c_social_media.css.map */