/* ===== BUTTON STYLES ===== */
.mcdlandcrewsgtour-filter-buttons {
  display: flex;
  gap: 10px;
  margin: 0 auto;
  width: 85%;
  flex-direction: row;
}
.mcdlandcrewsgtour-filter-buttons .mcdlandcrewsgtour-load-btn {
  flex: 1;
  padding: 14px 12px;
  border: none;
  background-color: #ececec;
  color: #2d2d2d;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.mcdlandcrewsgtour-filter-buttons .mcdlandcrewsgtour-load-btn.active {
  background-color: #ffbc0d; 
  color: #000;
  font-weight: bolder;
}
.mcdlandcrewsgtour-filter-buttons .mcdlandcrewsgtour-load-btn:hover:not(.active) {
  color: #2d2d2d;
}

/* ===== DYNAMIC CONTENT AREA ===== */
#mcdlandcrewsgtour-dynamic-content {
  margin-top: 20px;
  min-height: 200px;
  transition: opacity 0.3s; 
}
.fade-out { opacity: 0; }
.fade-in { opacity: 1; } 

@media screen and (max-width: 768px){
  .mcdlandcrewsgtour-filter-buttons {
  display: flex;
  gap: 12px;
  margin: 0 auto;
  width: 100%;
  flex-direction: column;
}
}