/*
 * Vom Honigdorf — Contact section
 */

.fo-contact-shell__grid {
  display: grid;
  gap: clamp(2rem, 5vw, 3.5rem);
  align-items: start;
}

@media (min-width: 900px) {
  .fo-contact-shell__grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  }
}

.fo-contact-shell__address {
  font-style: normal;
  margin: 1.5rem 0;
  display: grid;
  gap: 0.5rem;
}

.fo-contact-shell__address a {
  color: var(--fo-gold-champagne);
  text-decoration: none;
}

.fo-contact-shell__address a:hover {
  text-decoration: underline;
}

.fo-contact-shell__social {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
}

.fo-social-link {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--fo-glass-border);
  border-radius: 50%;
  background: rgba(var(--fo-gold-rgb), 0.08);
  transition: background var(--fo-transition), border-color var(--fo-transition);
}

.fo-social-link:hover,
.fo-social-link:focus-visible {
  background: rgba(var(--fo-gold-rgb), 0.2);
  border-color: var(--fo-gold-champagne);
}

.fo-social-link--facebook {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.4h-1.2c-1.2 0-1.6.8-1.6 1.5V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12'/%3E%3C/svg%3E") center / 55% no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.4h-1.2c-1.2 0-1.6.8-1.6 1.5V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12'/%3E%3C/svg%3E") center / 55% no-repeat;
  background-color: var(--fo-gold-champagne);
}

.fo-social-link--instagram {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5m5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10m6.5-.9a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2'/%3E%3C/svg%3E") center / 55% no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5m5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10m6.5-.9a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2'/%3E%3C/svg%3E") center / 55% no-repeat;
  background-color: var(--fo-gold-champagne);
}

.fo-social-link--youtube {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21.6 7.2a2.5 2.5 0 0 0-1.8-1.8C18 5 12 5 12 5s-6 0-7.8.4a2.5 2.5 0 0 0-1.8 1.8C2 9 2 12 2 12s0 3 .4 4.8a2.5 2.5 0 0 0 1.8 1.8C6 19 12 19 12 19s6 0 7.8-.4a2.5 2.5 0 0 0 1.8-1.8c.4-1.8.4-4.8.4-4.8s0-3-.4-4.8M10 15.5V8.5l5.5 3.5L10 15.5Z'/%3E%3C/svg%3E") center / 55% no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21.6 7.2a2.5 2.5 0 0 0-1.8-1.8C18 5 12 5 12 5s-6 0-7.8.4a2.5 2.5 0 0 0-1.8 1.8C2 9 2 12 2 12s0 3 .4 4.8a2.5 2.5 0 0 0 1.8 1.8C6 19 12 19 12 19s6 0 7.8-.4a2.5 2.5 0 0 0 1.8-1.8c.4-1.8.4-4.8.4-4.8s0-3-.4-4.8M10 15.5V8.5l5.5 3.5L10 15.5Z'/%3E%3C/svg%3E") center / 55% no-repeat;
  background-color: var(--fo-gold-champagne);
}

.fo-contact-shell__form .bb-inquiry-form,
.fo-contact-shell__form form {
  margin: 0;
}