/* WDT Child: site header and footer (parity with Minus). Version 1.1 (staging).
   Tune against the live site side by side. Colours follow the WDT brand:
   dark #1A150E / #2A2318, gold #C4A44A, cream #F7F3ED. */

/* ---------- Header ---------- */
.wdt-header {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-family: 'Jost', sans-serif;
}
.wdt-header__inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 24px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.wdt-header__brand {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  color: #1C1C1C;
  text-decoration: none;
}
.wdt-header__brand:hover { color: #1C1C1C; }
.wdt-header__nav .wdt-menu,
.wdt-footer__nav .wdt-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.wdt-header__nav .wdt-menu li { margin: 0; }
.wdt-header__nav .wdt-menu li + li::before {
  content: "/";
  margin: 0 0.9em;
  color: #1C1C1C;
}
.wdt-header__nav a {
  font-family: 'Jost', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: #1C1C1C;
  text-decoration: none;
}
.wdt-header__nav a:hover,
.wdt-header__nav .current-menu-item > a { text-decoration: underline; text-underline-offset: 6px; }

/* ---------- Footer ---------- */
.wdt-footer {
  background: #1A150E;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  font-family: 'Jost', sans-serif;
}
.wdt-footer::before {
  content: "";
  display: block;
  height: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
.wdt-footer__inner { padding: 22px 20px 30px; }
.wdt-footer__nav .wdt-menu { justify-content: center; }
.wdt-footer__nav .wdt-menu li + li::before {
  content: "/";
  margin: 0 0.9em;
  color: rgba(255, 255, 255, 0.7);
}
.wdt-footer__nav a {
  font-size: 16px;
  letter-spacing: 0.15em;
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
}
.wdt-footer__nav a:hover { color: #C4A44A; }
.wdt-footer__copy {
  margin: 20px 0 0;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.35);
}

/* ---------- Full-width pricing template (pricing.php uses its own full-bleed sections) ---------- */
body.page-template-pricing .grid-container,
body.page-template-pricing #page,
body.page-template-pricing .site-content {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* pricing.php prints its <main> straight into GeneratePress's flex content wrapper,
   which shrank it to about 60% width. Make the wrapper a normal block. */
body.page-template-pricing .site-content { display: block; }
body.page-template-pricing .wdt-pricing-wrap { width: 100%; max-width: none; }

/* ---------- Small screens ---------- */
@media (max-width: 640px) {
  .wdt-header__inner { padding: 16px; }
  .wdt-header__brand { font-size: 20px; }
  .wdt-header__nav a { font-size: 11px; letter-spacing: 0.12em; }
  .wdt-footer__nav a { font-size: 13px; letter-spacing: 0.1em; }
}