/* ========== UIX CARD SYSTEM v3.0 ========== */
/* ФИНАЛЬНАЯ ВЕРСИЯ - все стили для карточек проекта uKitchen */
/* Поддерживаются: стандартные карточки, карточки с двумя кнопками, карточка "Остались вопросы", сетка для SketchUp */

/* ---------- БАЗОВАЯ КАРТОЧКА ---------- */
.uk-card {
  padding: 20px 25px;              /* Внутренние отступы (одинаково для всех устройств) */
  background: #f8fafc;              /* Цвет фона карточки */
  border-radius: 20px;              /* Скругление углов */
  border: 2px solid #c0d0e0;        /* Цвет обводки */
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

/* ---------- ЗАГОЛОВКИ ---------- */
.uk-card-title {
  font-size: 28px;                  /* Размер на телефоне (до 768px) */
  font-weight: 700;
  color: #1e293b;                    /* Цвет заголовка */
  margin: 0 0 12px;                  /* Отступ после заголовка */
}
.uk-card-title-center { text-align: center; }
.uk-card-title-left { text-align: left; }

/* ---------- ТЕКСТ ---------- */
.uk-card-text {
  font-size: 19px;                  /* Размер на телефоне (до 768px) */
  color: #475569;                    /* Цвет текста */
  margin: 0 0 25px;                  /* Отступ после текста */
  line-height: 1.5;                  /* Межстрочный интервал */
}
.uk-card-text-center { text-align: center; }

.uk-card-subtitle {
  font-size: 19px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 12px;                  /* Отступ после подзаголовка */
}

/* ---------- ХАРАКТЕРИСТИКИ ТОВАРОВ ---------- */
.uk-card-specs {
  margin: 0 0 20px;                  /* Отступ после блока характеристик */
}
.uk-card-specs:last-of-type {
  margin-bottom: 20px;               /* Отступ перед кнопками */
}
.uk-card-specs div {
  font-size: 19px;
  color: #475569;
  margin: 0 0 6px;                   /* Отступ между строками */
}
.uk-card-specs span {
  font-weight: 600;                  /* Жирный текст для названий */
}
.uk-text-success {
  color: #2e7d32 !important;         /* Зеленый цвет для статуса активации */
  font-weight: 500;
}

/* Дополнительный отступ после заголовка */
.uk-card .uk-card-specs:first-of-type {
  margin-top: 5px;
}

/* ---------- КНОПКИ ---------- */
.uk-card-buttons {
  display: flex;
  gap: 15px;                         /* Отступ между кнопками */
  flex-wrap: wrap;
}
.uk-card-buttons-center { justify-content: center; }
.uk-card-buttons-vertical { 
  flex-direction: column; 
  gap: 10px;                         /* Отступ между вертикальными кнопками */
}

/* Базовые стили для всех кнопок */
.uk-btn {
  display: inline-block;
  padding: 12px 24px;                /* Внутренние отступы кнопки */
  border-radius: 8px;                /* Скругление углов кнопки */
  text-align: center;
  text-decoration: none !important;
  border: 2px solid transparent !important;
  transition: all 0.2s ease;
  box-sizing: border-box;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 2px solid !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 20px;                   /* Размер шрифта на ПК */
}
@media (max-width: 768px) {
  .uk-btn { 
    font-size: 18px !important;      /* Размер шрифта на телефоне */
  }
}

/* Модификаторы кнопок */
.uk-btn-block { flex: 1 1 200px; }    /* Кнопки в ряд */
.uk-btn-full { width: 100%; }         /* Кнопка на всю ширину */
.uk-btn-center { min-width: 200px; }  /* Центрированная кнопка */

/* Синяя кнопка */
.uk-btn-primary {
  background: #2c3e50;
  color: white !important;
  border-color: #2c3e50 !important;
}
.uk-btn-primary:hover {
  background: #1f2c38;
  border-color: #1f2c38 !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Серая кнопка */
.uk-btn-secondary {
  background: #f0f4fa;
  color: #1e2b3c !important;
  border-color: #c0d0e0 !important;
}
.uk-btn-secondary:hover {
  background: #e0e8f2;
  border-color: #8ba0bc !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* ---------- КАРТОЧКА "ОСТАЛИСЬ ВОПРОСЫ?" ---------- */
/* Заголовок */
.uk-card-title-large {
  font-size: 28px;                    /* Размер на телефоне */
  letter-spacing: 0.8px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .uk-card-title-large {
    font-size: 32px !important;       /* Размер на ПК */
  }
}

/* Описание */
.uk-card-text-large {
  font-size: 19px;                    /* Размер на телефоне */
  letter-spacing: 0.5px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .uk-card-text-large {
    font-size: 28px !important;       /* Размер на ПК */
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 45px;
    padding: 0 15px;
    line-height: 1.4;
  }
}

/* Широкая кнопка */
.uk-btn-wide { 
  min-width: 280px !important;        /* Ширина на ПК */
  padding: 12px 36px !important;
  width: auto;
  max-width: 100%;
}
@media (max-width: 768px) {
  .uk-btn-wide {
    min-width: 260px !important;      /* Ширина на телефоне */
  }
}
@media (min-width: 768px) {
  .uk-card .uk-btn-wide {
    font-size: 22px !important;
    letter-spacing: 0.8px !important;
  }
}

/* ---------- СЕТКА ДЛЯ ДВУХ КАРТОЧЕК ---------- */
.uk-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;     /* Две колонки на ПК */
  gap: 20px;
  margin: 0 0 20px 0;
}

/* ---------- ОТСТУПЫ ---------- */
.uk-mt-0 { margin-top: 0; }
.uk-mt-10 { margin-top: 10px; }
.uk-mt-20 { margin-top: 20px; }
.uk-mt-30 { margin-top: 30px; }
.uk-mb-0 { margin-bottom: 0; }
.uk-mb-10 { margin-bottom: 10px; }
.uk-mb-20 { margin-bottom: 20px; }
.uk-mb-30 { margin-bottom: 30px; }

/* ---------- ЦЕНТРИРОВАНИЕ КНОПОК ---------- */
.text-center {
  text-align: center;
}

/* ---------- АДАПТИВ ---------- */
@media (max-width: 768px) {
  .uk-grid-2 {
    grid-template-columns: 1fr !important;  /* Одна колонка на телефоне */
    gap: 15px !important;
    margin: 0 0 15px 0 !important;
  }
}