:root {
  --knd-color-primary: #202020;
  --knd-color-primary-contrast: #fff;
  --knd-color-secondary: #efece6;
  --knd-color-accent: #657567;
  --knd-color-text: #171717;
  --knd-color-muted: #686868;
  --knd-color-background: #fff;
  --knd-color-surface: #f5f4f1;
  --knd-color-border: #d8d5cf;
  --knd-font-heading: Arial, Helvetica, sans-serif;
  --knd-font-body: Arial, Helvetica, sans-serif;
  --knd-radius-sm: 0;
  --knd-radius-md: 0;
  --knd-radius-lg: 0;
  --knd-space-section: clamp(3rem, 7vw, 6.5rem);
  --knd-container-content: 1200px;
  --knd-container-wide: 1200px;
  --knd-header-height: 64px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
img { height: auto; max-width: 100%; }
a { text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--knd-color-accent); outline-offset: 3px; }

.wp-site-blocks > header,
header.wp-block-template-part,
.knd-site-header {
  background: var(--knd-color-primary);
  color: var(--knd-color-primary-contrast);
  min-height: var(--knd-header-height);
  position: sticky;
  top: 0;
  z-index: 1000;
}
.knd-header-contact {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: var(--knd-container-wide);
  min-height: var(--knd-header-height);
  padding: 0 1.25rem;
  width: 100%;
}
.knd-header-contact__brand { color: #fff; font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.knd-header-contact__actions { align-items: center; display: flex; gap: clamp(.75rem, 2vw, 1.5rem); }
.knd-header-contact__phone { color: #fff; font-size: 1rem; font-weight: 700; text-decoration: none; }
.knd-header-contact .knd-social { flex-wrap: nowrap; gap: .5rem; }
.knd-header-contact .knd-social a { background: #fff; border-radius: 50%; color: #111; height: 34px; width: 34px; }
.knd-header-contact .knd-social svg { height: 19px; width: 19px; }
.knd-header-contact .knd-booking-link--header { border: 1px solid #fff; color: #fff; padding: .65rem .85rem; }

.knd-site-footer { background: #252525; color: #fff; padding: var(--knd-space-section) 1.25rem; text-align: center; }
.knd-site-footer .knd-social a { color: #fff; }
.knd-site-footer a { text-decoration: none; }
.wp-site-blocks > main { margin-block-start: 0; }

body.admin-bar .wp-site-blocks > header,
body.admin-bar header.wp-block-template-part,
body.admin-bar .knd-site-header { top: 32px; }

@media (min-width: 782px) {
  .knd-header-contact { padding-inline: 2rem; }
}

@media (max-width: 680px) {
  :root { --knd-header-height: 58px; }
  .knd-header-contact__phone { display: none; }
  .knd-header-contact { gap: .75rem; }
  .knd-header-contact__actions { gap: .5rem; }
  .knd-header-contact .knd-social { display: none; }
  .knd-header-contact .knd-booking-link--header { font-size: .7rem; padding: .55rem .65rem; }
}

@media (max-width: 782px) {
  body.admin-bar .wp-site-blocks > header,
  body.admin-bar header.wp-block-template-part,
  body.admin-bar .knd-site-header { top: 46px; }
}