/* ========== Generic elements ========== */
body {
	background: #2E473B;
	margin:auto;
	max-width: 900px;
}
blockquote {
  background: peachpuff;
  padding: 1rem;
  border-radius: 8px;
}

/* Buttons */
.aa-button {
  background: #2E473B;
  color: White;
  border-radius: 8px;
  display: inline-block;
  padding: 1rem;
  margin-bottom: 2rem !important; /* fixed syntax */
  margin-top: 2rem !important;    /* fixed syntax */
}
a.aa-button:hover,
a.aa-button:focus {
  background: Gray;
  border: 2px solid;
  border-color: Black;
}

/* ========== Layout / page types ========== */

/* Single post content area */
.single .wp-block-post-content {
  background: White !important;
}

/* Single pages */
.page .wp-block-post-content {
  background: #FFFDD0 !important;
}

/* Blog/archives: individual post “cards” */
.blog .wp-block-query .wp-block-post,
.archive .wp-block-query .wp-block-post {
  background: White !important;
  color: Black;
}

/* If your template wraps content in a Group block, this catches that container */
.page main > .wp-block-group {
  background: #2E473B;
}

main > .wp-block-group {
  background: #2E473B;
		;
  color: Black; /* This is the article body text */
}

main {
  background: Green;
}

.wp-block-post-title {
  color: White;
}

.single {
  color: White;
}

.single a {
  color: Yellow;
}

.single a:hover,
.single a:focus {
  color: Black;
  background: White;
}

/* Categories block styling */
.wp-block-categories a {
  color: Blue;
}
.wp-block-categories a:hover,
.wp-block-categories a:focus {
  color: White;
  background: Green;
  border: 2px solid;
  border-color: Gray;
}
/* Universal separation for all Categories blocks */
.wp-block-categories-list {
  margin-block-end: 1.5rem !important; /* logical “bottom” margin; RTL-safe */
}

/* ========== Footer ========== */
.site-footer {
  background: #003b2f; /* dark green */
  color: #ffffff;
  padding: 2rem 1rem;
  font-size: 0.95rem;
}
.site-footer a {
  color: #ffd700; /* golden yellow for links */
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
}
.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  gap: 2rem;
}
.footer-col {
  flex: 1 1 250px;
}
.footer-col h3 {
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
  color: #ffffff;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-col ul li {
  margin-bottom: 0.5rem;
}
.footer-bottom {
  text-align: center;
  margin-top: 2rem;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-top: 1rem;
  font-size: 0.85rem;
}
.footer-logo {
	margin-top: 1rem;
	text-align: center;
}
.footer-logo img {
	height: clamp(80px, 12vh, 140px);
	width: auto;
	display: block;
}

/* ========== Header (Twenty Twenty-Five fixes + styling) ========== */

/* Remove margins around the header template part (prevents white band) */
.wp-site-blocks > .wp-block-template-part[area="header"] {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Ensure the first block after the header has no top margin */
.wp-site-blocks > .wp-block-template-part[area="header"]
  + :is(.wp-block-group, .wp-block-cover, .wp-block-columns, .wp-block-template-part) {
  margin-block-start: 0 !important;
}

/* Zero out the global block gap if it’s introducing space under the header */
.wp-site-blocks {
  --wp--style--block-gap: 0;
}

/* Safety: remove any stray top margin on the very first content block */
.wp-site-blocks > :where(:not(.wp-block-template-part))[data-block] {
  margin-block-start: 0 !important;
}

/* General header styling */
.site-header {
  width: 95%;
	background-color: #2e473b; /* earthy green – adjust to your theme */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 2rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  position: relative;
  z-index: 1000;
  margin: 0; /* keep flush to top */
}

/* Logo on left */
.site-header .logo img {
  height: clamp(56px, 7vh, 100px); /* larger, responsive logo */
  width: auto;
  display: block;
	margin: 0pt;
}

/* Navigation row of links */
.site-header nav {
  display: flex;
  gap: 1.5rem;
}
.site-header nav a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: color 0.3s ease, border-bottom 0.3s ease;
}
.site-header nav a:hover,
.site-header nav a:focus {
  color: #d6c9a1; /* complementary tan accent */
  border-bottom: 2px solid #d6c9a1;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .site-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .site-header nav {
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.75rem;
  }
  .site-header .logo img {
    height: clamp(48px, 6vh, 72px);
  }
}