/* Site styles. Neutral placeholders: colours, fonts and the header/footer look come from the Figma design. */

:root {
  --thamm-primary: #1f2937;
  --thamm-text: #2d2d2d;
  --thamm-bg: #f3f4f6;
  --thamm-surface: #ffffff;
  --thamm-border: #d1d5db;
}

body {
  background: var(--thamm-bg);
  color: var(--thamm-text);
}

a {
  color: var(--thamm-primary);
}

/* Keep the footer at the bottom of the window on short pages. */
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#wrapper > #main {
  flex: 1 0 auto;
}

/* Header */

#header {
  background: var(--thamm-surface);
  border-bottom: 1px solid var(--thamm-border);
}

.admin-bar #header.sticky-top {
  top: var(--wp-admin--admin-bar--height, 0);
}

.navbar-brand img {
  height: 48px;
  width: auto;
}

/* Language switcher (only rendered when Polylang is active). */

.language-switcher {
  position: relative;
  margin-left: 1rem;
}

.language-switcher button {
  border: 1px solid var(--thamm-border);
  border-radius: 3px;
  background: none;
  padding: 4px 10px;
  color: inherit;
}

.language-switcher ul {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1000;
  min-width: 100%;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  background: var(--thamm-surface);
  border: 1px solid var(--thamm-border);
}

.language-switcher.open ul {
  display: block;
}

.language-switcher li a {
  display: block;
  padding: 8px 12px;
}

/* Generic pages: title and content in a white box. */

.page-box {
  background: var(--thamm-surface);
  margin: 48px 0;
  padding: 48px;
}

.page-box .entry-title {
  margin-bottom: 24px;
}

.page-box > :last-child,
.page-box .entry-content > :last-child {
  margin-bottom: 0;
}

/* Footer */

.site-footer {
  background: var(--thamm-primary);
  color: #fff;
}

.site-footer a {
  color: #fff;
}

.footer-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 800px) {
  .page-box {
    margin: 24px 0;
    padding: 24px;
  }
}