/* ============================================================
   ROOM DETAIL DARK LUXURY OVERRIDES — Hotel Casa Rus
   Integrado con tema_1.css
   ============================================================ */

body {
  background-color: var(--color-dark);
  color: var(--color-text);
  font-family: var(--font-body) !important;
}

body,
p,
span,
li,
a,
.sec-sub,
.room-amenity-card__label,
.room2__desc,
.room2__feature,
.room2__price-unit {
  font-family: var(--font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.sec-title,
.room-info__title,
.room-amenities-title,
.room2__name {
  font-family: var(--font-display) !important;
}

/* --- Detalle de Habitación --- */
.room-detail {
  background-color: var(--color-dark) !important;
  color: var(--color-text) !important;
  padding-top: 130px !important;
}

/* --- Galería --- */
.room-gallery {
  background: var(--color-muted) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: var(--shadow-card) !important;
}

.room-gallery__thumbs {
  background: var(--color-muted) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* --- Tarjeta de Información --- */
.room-info {
  background: var(--color-muted) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: var(--shadow-card) !important;
  color: var(--color-text) !important;
}

.room-info__title {
  color: #fff !important;
  font-family: var(--font-display) !important;
}

.room-info__price {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.room-info__price-val {
  color: var(--color-primary) !important;
}

.room-info__price-unit {
  color: var(--color-text-dim) !important;
}

.room-info ul li {
  color: var(--color-text) !important;
}

.room-info ul li svg {
  color: var(--color-primary) !important;
}

.btn-book {
  background: var(--color-primary) !important;
  color: #fff !important;
  transition: var(--transition) !important;
}

.btn-book:hover {
  background: var(--color-secondary) !important;
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-orange) !important;
}

/* --- Amenidades --- */
.room-amenities-section {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding-top: 3rem !important;
}

.room-amenities-title {
  color: #fff !important;
  font-family: var(--font-display) !important;
}

.room-amenities-eyebrow {
  color: var(--color-primary) !important;
}

.room-amenities-line {
  background: var(--color-primary) !important;
}

.room-amenity-card {
  background: var(--color-muted) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
  transition: var(--transition) !important;
}

.room-amenity-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(232, 119, 34, 0.3) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.room-amenity-card__icon {
  background: rgba(232, 119, 34, 0.12) !important;
  border: 1px solid rgba(232, 119, 34, 0.25) !important;
}

.room-amenity-card__icon svg {
  stroke: var(--color-primary) !important;
}

.room-amenity-card__label {
  color: var(--color-text) !important;
}

/* --- Otras Habitaciones (Section & Grid) --- */
.other-rooms {
  background-color: var(--color-dark) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.other-rooms .sec-title {
  color: #fff !important;
  font-family: var(--font-display) !important;
}

.other-rooms .sec-sub {
  color: var(--color-text-dim) !important;
}

/* Tarjetas de Habitación (.room2) */
.room2 {
  background: var(--color-muted) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: var(--shadow-card) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  transition: var(--transition-slow) !important;
}

.room2:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
  border-color: rgba(232, 119, 34, 0.35) !important;
}

.room2__name {
  color: #fff !important;
  font-family: var(--font-display) !important;
}

.room2__desc {
  color: var(--color-text-dim) !important;
}

.room2__feature {
  color: var(--color-text-dim) !important;
}

.room2__feature svg {
  stroke: var(--color-primary) !important;
}

.room2__tag {
  background: rgba(232, 119, 34, 0.12) !important;
  color: var(--color-primary) !important;
  border: 1px solid rgba(232, 119, 34, 0.25) !important;
}

.room2__price span {
  color: var(--color-text-dim) !important;
}

.room2__price-val {
  color: var(--color-primary) !important;
}

.room2__price-unit {
  color: var(--color-text-dim) !important;
}

.room2__link-detail {
  color: var(--color-primary) !important;
  font-weight: 700 !important;
}

.room2__link-detail:hover {
  color: #fff !important;
}

.room2__btn {
  background: var(--color-primary) !important;
  color: #fff !important;
  transition: var(--transition) !important;
}

.room2__btn:hover {
  background: var(--color-secondary) !important;
  box-shadow: var(--shadow-orange) !important;
}

.room2__badge {
  background: var(--color-primary) !important;
  color: #fff !important;
  box-shadow: var(--shadow-orange) !important;
}

/* --- Clases específicas extraídas de estilos inline --- */
.room-detail__desc-wrap {
  margin-top: 3rem !important;
}

.room-detail__desc {
  text-align: left !important;
  margin: 1.5rem 0 !important;
  color: var(--color-text-dim) !important;
}

.room-info__list {
  list-style: none !important;
  padding: 0 !important;
  margin-bottom: 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.room-info__list-item {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
}

.room-detail__other-grid {
  margin-top: 3rem !important;
}