/* Contact Us Page Styles - SterkeMerkenHotel */
.hero-contact {
  background: radial-gradient(1000px 400px at 20% 0%, rgba(212,160,23,0.12), transparent),
              linear-gradient(180deg, var(--color-primary-900), #0b1a33 60%);
}
.hero-contact__inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: var(--space-8);
  align-items: center;
}
.hero-contact__lead { max-width: 60ch; color: var(--color-accent-200); }
.hero-contact__cta { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-6); }
.hero-contact__meta { display: flex; flex-direction: column; align-items: flex-start; }

@media (max-width: 1024px) {
  .hero-contact__inner { grid-template-columns: 1fr; }
}

.section-contacts .contact-list { display: grid; gap: var(--space-6); }
.section-contacts .contact-list li { display: grid; grid-template-columns: auto 1fr; gap: var(--space-4); align-items: start; }
.section-contacts .contact-list i { color: var(--color-accent-500); font-size: 1.25rem; margin-top: .2rem; }
.copy-btn { margin-left: var(--space-3); }

.list-bullets { display: grid; gap: var(--space-3); }
.list-bullets i { color: var(--color-accent-500); margin-right: .5rem; }
.list-bullets.two-col { column-gap: var(--space-8); }
@media (min-width: 769px) {
  .list-bullets.two-col { columns: 2; }
  .list-bullets.two-col li { break-inside: avoid; }
}

.social-links { display: flex; flex-wrap: wrap; gap: var(--space-4); }

/* Sitemap */
.sitemap { display: grid; gap: .5rem; }
.sitemap > li { margin-bottom: .25rem; }
.sitemap ul { margin-left: 1rem; margin-top: .25rem; display: grid; gap: .25rem; }

/* Chat panel */
.chat-panel { position: fixed; inset: 0; background: rgba(10,22,40,.55); z-index: var(--z-modal); display: grid; place-items: end; padding: var(--space-6); }
.chat-panel[hidden] { display: none; }
.chat-panel__window { width: min(420px, 100%); background: var(--color-surface-elevated); border-radius: var(--radius-lg); box-shadow: var(--shadow-2xl); overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; }
.chat-panel__header { background: linear-gradient(135deg, var(--color-primary-700), var(--color-primary-800)); color: var(--color-text-inverse); padding: var(--space-4) var(--space-6); display: flex; align-items: center; justify-content: space-between; }
.chat-panel__body { padding: var(--space-4) var(--space-6); max-height: 50vh; overflow: auto; display: grid; gap: var(--space-3); }
.chat-msg { padding: var(--space-3) var(--space-4); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); max-width: 85%; }
.chat-msg--agent { background: var(--color-neutral-100); }
.chat-msg--user { background: var(--color-primary-100); margin-left: auto; }
.chat-panel__form { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); padding: var(--space-4) var(--space-6) var(--space-6); border-top: 1px solid var(--color-border-light); }
.chat-panel__close { color: var(--color-text-inverse); }

/* Minor tweaks */
#statusBadge { display: inline-flex; align-items: center; gap: .5rem; padding: .35rem .6rem; border-radius: var(--radius-full); }

/* Accessibility focus within modal */
.chat-panel :focus-visible { outline-color: var(--color-accent-500); }