/*/Users/vyacheslavkomarov/Documents/Python/Посадочная Школа Акция/pythonProject2/UNLANDING/landing/static/landing/css/shop.css*/

/* === 🛒 Стили магазина UN.YOU (shop.css) === */

/* === 🎴 Карточки подписок === */
.card-equal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #fff5f8; /* Нежно-розовый фон */
  padding: 1rem !important;
  font-size: 0.9rem;
}

/* Заголовки карточек */
.card-title {
  margin-top: 2.5rem; /* Отступ снизу от плашки */
  margin-bottom: 1rem;
  font-size: 1.1rem;
  text-align: center;
}

/* Подзаголовки */
.card-subtitle {
  margin-bottom: 1.5rem;     /* как и было */
  padding-bottom: 2rem;    /* ⬅️ добавляет больше места вниз */
  font-size: 0.9rem;
  text-align: center;
  color: #6c757d;
  line-height: 1.6;
  display: block;
}

.card-subtitle-club {
  margin-bottom: 1.5rem;     /* как и было */
  padding-bottom: 0.5rem;    /* ⬅️ добавляет больше места вниз */
  font-size: 0.9rem;
  text-align: center;
  color: #6c757d;
  line-height: 1.6;
  display: block;
}




/* Текстовые элементы */
.card-equal h5 {
  font-size: 1.05rem;
  margin-bottom: 1rem;
}
.card-equal p {
  margin-bottom: 0.5rem !important;
}
.card-equal .text-muted {
  font-size: 0.8rem;
}

/* Селекты, подписи и формы */
.card-equal .form-label,
.card-equal label,
.card-equal select.form-select-sm {
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.25rem;
}
.card-equal .form-select {
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
}

/* Кнопки */
.card-equal .btn {
  font-size: 0.9rem;
  padding: 0.4rem 0.6rem;
  white-space: nowrap;
}

/* Рекомендованная карточка */
.card-equal.recommended {
  border: 2px solid #ffc107 !important;           /* Жёлтая рамка */
  box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.2);    /* Мягкое сияние */
}

/* === 🟡 Плашки / бейджи (напр. "Рекомендуем") === */
.card-equal .badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0.5rem;
  border-radius: 999px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* === 🔔 Алармы / уведомления === */
.alert-pill {
  display: inline-block;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.85rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  color: #fff;
  white-space: nowrap;
  margin-right: 8px;
  margin-bottom: 0.4rem;
  line-height: 1.2;
}

.alert-pill.red    { background-color: #dc3545; }
.alert-pill.green  { background-color: #198754; }
.alert-pill.blue   { background-color: #0d6efd; }

.pulse {
  animation: pulse 2s infinite;
}

/* Анимация пульсации */
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.85; }
  100% { transform: scale(1); opacity: 1; }
}

/* === 📏 Отступы глобальные === */
.alerts-wrapper {
  margin-bottom: 1rem;
}

/* === 📦 Доп. стили карточек с фиксированной высотой (если нужны) === */
.equal-height {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.card-fixed {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
}

.card-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* === 🌸 Спецфон для форм и секций === */
.bg-pink {
  background-color: #fdf3f6;
}
.card-equal select {
  background-color: #fff !important; /* белый фон */
  border: 1px solid #dee6e3;
  color: #212529;
}




/*языковой клуб блок "Возраст и цена" */

.club-selects-wrapper {
  margin-top: 0rem; /* или 1.25rem — подбирай визуально */
}


.club-price-wrapper {
  margin-top: 5.5rem; /* ⬅️ подбирается визуально — чтобы выровнять */
}