/*
Theme Name: Azorius WAHT Two
Theme URI: https://waht.org/
Author: Steve
Description: Clean refactor of Azorius WAHT with modular styling and WW1 design system
Version: 1.1
*/

@import url('css/_variables.css');
@import url('css/_typography.css');
@import url('css/_navigation.css');
@import url('css/_layout.css');
@import url('css/_components.css');

/* Navigation */
.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 2rem;
}

.nav-list li {
  position: relative;
}

.nav-list li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #2c2c2c; /* trench tone */
  padding: 1rem;
  min-width: 200px;
  z-index: 1000;
  border-left: 2px solid #d4c5a1; /* brass trim */
}

.nav-list li:hover > ul {
  display: block;
}

.nav-list li ul li {
  list-style: none;
  padding-right: 1.5em;
  position: relative;
}

.nav-list li ul li a {
  white-space: nowrap;
}
.nav-list a {
  color: #d4c5a1;
  text-decoration: none;
  font-weight: 600;
  font-family: 'Lora', serif;
  text-transform: none;
  letter-spacing: 0.05em;
}

.nav-list a:hover,
.nav-list a:focus {
  color: #f0e6c8;
}

/* Typography */
body {
  font-family: 'Lora', serif;
  font-size: 1.125rem;
  line-height: 1.75;
  color: #2c2c2c;
  background-color: #fdfaf5;
}

h1, h2, h3, h4 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  color: #3b3b3b;
  margin-bottom: 0.5em;
}

.widget-title,
.btn {
  font-family: 'Lora', serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* First-level submenu */
.nav-list li > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #2c2c2c;
  padding: 1rem;
  min-width: 200px;
  z-index: 1000;
  border-left: 2px solid #d4c5a1;
}

/* Second-level submenu (3rd tier) */
.nav-list li > ul > li > ul {
  top: 0;
  left: 100%;
  display: none;
  position: absolute;
  background: #2c2c2c;
  padding: 1rem;
  min-width: 200px;
  z-index: 1000;
  border-left: 2px solid #d4c5a1;
}

/* Show submenus on hover */
.nav-list li:hover > ul,
.nav-list li > ul > li:hover > ul {
  display: block;
}

.nav-list li.has-children > a::after {
  content: '▸'; /* Or your brass arrow */
  margin-left: 0.5em;
  font-size: 0.8em;
  color: var(--brass-accent);
}

.nav-list li:not(.has-children) > a::after {
  content: none;
}

.hero-header {
  height: 130px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  filter: brightness(1.5); /* keep the lift */
}

.hero-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35); /* ← overlay darkness */
  z-index: 1;
}

.hero-inner {
  position: relative;

  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}