/* =========================================================
   🏨 HOTEL CARD – CONTENT
========================================================= */

.rd-card--hotel .rd-card__content {
  padding: var(--spacing-sm);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}


/* =========================================================
   🔝 TOP (TITLE + RATING)
========================================================= */

.rd-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-xs);
}

.rd-card--hotel .rd-card__title {
  font-size: var(--font-size-body);
  font-weight: 600;
  font-family: var(--font-body);
  color: var(--color-text);
}


/* =========================================================
   ⭐ RATING
========================================================= */

.rd-card__rating {
  background: var(--color-primary);
  color: var(--color-bg);

  padding: 4px 6px;
  border-radius: var(--radius-sm);

  font-size: var(--font-size-small);
  text-align: center;
  min-width: 44px;
}

.rd-card__rating .score {
  font-weight: 700;
  display: block;
}

.rd-card__rating .label {
  font-size: 11px;
  line-height: 1;
}


/* =========================================================
   📍 META
========================================================= */

.rd-card__meta {
  font-size: var(--font-size-small);
  color: var(--color-text-light);
}


/* =========================================================
   💰 BOTTOM (PRICE + CTA)
========================================================= */

.rd-card__bottom {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-xs);
}

.rd-card__price {
  font-size: var(--font-size-small);
  color: var(--color-text-light);
}

.rd-card__price strong {
  font-size: var(--font-size-h3);
  color: var(--color-text);
}


/* =========================================================
   🔘 CTA
========================================================= */

.rd-card__cta {
  background: var(--color-accent);
  color: var(--color-bg);

  padding: 6px 10px;
  border-radius: var(--radius-sm);

  font-size: var(--font-size-small);
  font-weight: 600;

  transition: all 0.2s ease;
}

.rd-card__cta:hover {
  filter: brightness(0.9);
}