main {
  background-color: #445C6A;
}

.hotel-details-hero {
  background-color: #263A46;
}

.hotel-details-content {
  background-color: #445C6A;
}

.btn-gold {
  background-color: var(--brand-gold);
  border: none;
  color: var(--brand-white);
}

.btn-gold:hover {
  background-color: #d4af37;
  color: var(--brand-white);
}

.text-gold {
  color: var(--brand-gold) !important;
}

.text-white-50 {
  color: var(--text-muted) !important;
}

.hotel-feature-image-container {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.hotel-feature-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.hotel-feature-image-container:hover .hotel-feature-image {
  transform: scale(1.05);
}

.content-card.bg-white,
.sidebar-card {
  background: linear-gradient(135deg, #1b2932 0%, #243847 100%) !important;
  border: 1px solid rgba(176, 135, 71, 0.3) !important;
}

.description-text h1,
.description-text h2,
.description-text h3,
.description-text h4,
.description-text h5,
.description-text h6,
.amenities-text h1,
.amenities-text h2,
.amenities-text h3,
.amenities-text h4,
.amenities-text h5,
.amenities-text h6 {
  color: var(--brand-white) !important;
}

.description-text p,
.description-text li,
.description-text div,
.amenities-text p,
.amenities-text li,
.amenities-text div {
  color: rgba(255, 255, 255, 0.84) !important;
}

.description-text span,
.amenities-text span {
  color: var(--brand-gold) !important;
}

.related-service-item {
  background: linear-gradient(135deg, #1b2932 0%, #243847 100%);
  border: 1px solid rgba(176, 135, 71, 0.3);
}

.related-service-item:hover {
  border-color: var(--brand-gold);
  box-shadow: 0 12px 24px rgba(8, 18, 26, 0.28);
}

.extra-small {
  font-size: 0.75rem;
}

.sidebar-card h4,
.sidebar-card h5,
.sidebar-card label,
.sidebar-card .form-label,
.sidebar-card p,
.sidebar-card li,
.sidebar-card .small,
.sidebar-card .text-muted {
  color: rgba(255, 255, 255, 0.84) !important;
}

.sidebar-card input,
.sidebar-card textarea,
.sidebar-card select {
  background: var(--brand-input) !important;
  border: 1px solid rgba(176, 135, 71, 0.3) !important;
  color: var(--brand-white) !important;
}

.sidebar-card input::placeholder,
.sidebar-card textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}