/* ── GLOBAL ── */
body, h1, h2, h3, h4, p, a, .btn {
  font-family: Georgia, 'Times New Roman', serif !important;
}

body {
  background-color: #2D5A27 !important;
}

/* ── ALL POST HOLDERS ── */
.post-holder,
.post-holder.dark {
  background-color: #2D5A27 !important;
}

.post-after,
.post-after.light {
  border-top-color: #2D5A27 !important;
  border-bottom-color: #2D5A27 !important;
}

/* ── HIDE HERO TEXT SECTION ── */
.post-holder #yellow-house-bbq,
article#yellow-house-bbq {
  display: none !important;
}

/* ── HIDE NAV BUBBLES ── */
#site-head-content .btn.site-menu {
  display: none !important;
}

/* ── LEFT NAV TAB ── */
.fixed-nav {
  background-color: rgba(30, 63, 27, 0.4) !important;
  backdrop-filter: blur(4px);
  transition: background-color 0.3s ease;
}
.fixed-nav:hover {
  background-color: rgba(30, 63, 27, 0.9) !important;
}
.fixed-nav a {
  color: #FFD700 !important;
}

/* ── GLOBAL TEXT COLOR ── */
.post-holder h1,
.post-holder h2,
.post-holder h3,
.post-holder p,
.post-holder li,
.post-holder a {
  color: #FFD700 !important;
}

/* ── ABOUT SECTION ── */
article#about-us.post {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #2D5A27 !important;
}

article#about-us .post-header {
  display: none !important;
}

article#about-us section.post-content {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.about-welcome {
  text-align: center !important;
  font-size: 2em !important;
  font-weight: bold;
  padding: 0.5em 2em 1em 2em !important;
  margin: 0 !important;
  color: #FFD700 !important;
}

.about-image-row {
  display: flex !important;
  width: 100% !important;
  gap: 6px !important;
  margin: 0 0 2em 0 !important;
  padding: 0 !important;
  background-color: #2D5A27;
}

.about-image-row img {
  flex: 1 1 33.33% !important;
  width: 33.33% !important;
  height: 400px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

.about-text-content {
  padding: 1.5em 3em !important;
}

.about-text-content h2 {
  padding: 0 !important;
  color: #FFD700 !important;
  font-size: 1.8em;
  margin-top: 0;
}

.about-text-content p {
  padding: 0 !important;
  color: #FFD700 !important;
  font-size: 1.1em;
  line-height: 1.7;
  margin-bottom: 1em;
}

/* ── TOP CUTS MENU SECTION ── */
article#top-cuts.post,
article#menu.post {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #2D5A27 !important;
}

article#top-cuts .post-header,
article#menu .post-header {
  text-align: center !important;
}

article#top-cuts .post-header h2,
article#menu .post-header h2 {
  font-size: 3em !important;
  color: #FFD700 !important;
  text-align: center !important;
}

article#top-cuts section.post-content,
article#menu section.post-content {
  max-width: 900px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 2em 2em 2em !important;
}

.menu-grid {
  display: flex !important;
  justify-content: center !important;
  gap: 2em !important;
  width: 100% !important;
  padding: 1em 0 !important;
}

.menu-item {
  flex: 1 !important;
  text-align: center !important;
  padding: 1.5em !important;
  border: 1px solid #FFD700 !important;
  border-radius: 8px !important;
}

.menu-item h3 {
  color: #FFD700 !important;
  font-size: 1.6em !important;
  margin-bottom: 0.5em !important;
}

.menu-item p {
  color: #FFD700 !important;
  font-size: 1.1em !important;
  line-height: 1.6 !important;
  padding: 0 !important;
}

/* ── SWAG SECTION ── */
article#swag.post {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #2D5A27 !important;
}

article#swag .post-header {
  text-align: center !important;
}

article#swag .post-header h2 {
  font-size: 2em !important;
  color: #FFD700 !important;
}

article#swag section.post-content {
  max-width: 900px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 2em 2em 2em !important;
}

.swag-grid {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 2em !important;
  width: 100% !important;
  padding: 1em 0 !important;
}

.swag-item {
  flex: 1 !important;
  text-align: center !important;
  padding: 1.5em !important;
  border: 1px solid #FFD700 !important;
  border-radius: 8px !important;
}

.swag-item img {
  width: 100% !important;
  height: 250px !important;
  object-fit: contain !important;
  background-color: white !important;
  border-radius: 4px !important;
  margin-bottom: 1em !important;
  display: block !important;
}

.swag-item h3 {
  color: #FFD700 !important;
  font-size: 1.6em !important;
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .about-image-row {
    flex-direction: column !important;
    gap: 6px !important;
  }
  .about-image-row img {
    width: 100% !important;
    height: 60vw !important;
  }
  .about-text-content {
    padding: 1em !important;
  }
  .menu-grid {
    flex-direction: column !important;
  }
  .swag-grid {
    flex-direction: column !important;
  }
}