/* =========================================================
   ✈️ DEAL CARD – STRUCTURE
========================================================= */

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


/* =========================================================
   🏷️ TITLE
========================================================= */

.rd-card--deal .rd-card__heading {
  font-size: var(--font-size-body);
  font-weight: 600;
  color: var(--color-text);
}


/* =========================================================
   📍 META (departure / date)
========================================================= */

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


/* =========================================================
   💰 PRICE + CTA
========================================================= */

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

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

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


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

.rd-card--deal .rd-card__cta {
  background: var(--color-primary);
  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--deal .rd-card__cta:hover {
  filter: brightness(0.9);
}

/* =========================================================
   BADGE
========================================================= */

.rd-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #ff6b35;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 6px;
  font-weight: 600;
  z-index: 2;
}

/* =========================================================
   ✈️ DEAL GRID – 2 COLUMN LAYOUT
========================================================= */

.rd-card-grid--deals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-md);
}

@media (max-width: 1023px) {
  .rd-card-grid--deals {
    grid-template-columns: 1fr;
  }
}

.rd-card-grid.rd-card-grid--deals {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}