/*
 * Удаление ненужных границ и упрощение дизайна
 * CoffeeRanks - Минималистичный подход
 * Дата: 2025-07-08
 */

/* =============================================================================
   УДАЛЕНИЕ НЕНУЖНЫХ ГРАНИЦ
   ============================================================================= */

/* Убираем границы у основных контейнеров */
.container,
.card,
.product-card,
.coffee-card,
.method-card,
.country-card,
.roaster-card,
.blog-card {
  border: none !important;
  border-radius: var(--radius-md) !important;
}

/* Убираем границы у навигации */
.header,
.footer,
.nav-links,
.navbar,
.nav-item {
  border: none !important;
  border-radius: 0 !important;
}

/* Убираем лишние разделители */
.divider,
.separator,
hr {
  border: none !important;
  height: 1px !important;
  background-color: var(--border-light) !important;
  margin: 2rem 0 !important;
}

/* Убираем границы у списков */
ul, ol, li {
  border: none !important;
}

/* =============================================================================
   МИНИМАЛЬНЫЕ ГРАНИЦЫ ДЛЯ ФОРМ
   ============================================================================= */

/* Формы - только там где реально нужно */
.form-control,
.search-form input[type="search"],
.search-form input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  transition: border-color var(--transition-fast) !important;
}

.form-control:focus,
.search-form input:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--primary-dark) !important;
  box-shadow: 0 0 0 2px rgb(44 24 16 / 8%) !important;
  outline: none !important;
}

/* =============================================================================
   КНОПКИ БЕЗ ЛИШНИХ ГРАНИЦ
   ============================================================================= */

/* Основные кнопки */
.btn,
.button,
button {
  border: none !important;
  border-radius: var(--radius-sm) !important;
  transition: all var(--transition-fast) !important;
}

/* Outline кнопки - единственные с границами */
.btn-outline,
.btn-outline-primary,
.btn-outline-secondary {
  border: 1px solid var(--border-medium) !important;
  background-color: transparent !important;
}

.btn-outline:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover {
  border-color: var(--primary-dark) !important;
  background-color: var(--primary-dark) !important;
  color: var(--text-light) !important;
}

/* =============================================================================
   УБИРАЕМ BORDER ИЗ ТАБЛИЦ
   ============================================================================= */

table {
  border-collapse: collapse !important;
  border: none !important;
}

th, td {
  border: none !important;
  border-bottom: 1px solid var(--border-light) !important;
}

thead th {
  border-bottom: 2px solid var(--border-medium) !important;
}

/* =============================================================================
   МИНИМАЛЬНЫЕ АККОРДЫ И МОДАЛЫ
   ============================================================================= */

.modal,
.accordion,
.dropdown,
.popover,
.tooltip {
  border: none !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
}

.modal-header,
.modal-footer {
  border: none !important;
}

/* =============================================================================
   НАВИГАЦИОННЫЕ ЭЛЕМЕНТЫ
   ============================================================================= */

.nav-tabs,
.nav-pills {
  border: none !important;
}

.nav-tabs .nav-link {
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
}

.nav-tabs .nav-link.active {
  border-bottom-color: var(--primary-dark) !important;
  background-color: transparent !important;
}

/* =============================================================================
   КАРТОЧКИ ТОВАРОВ
   ============================================================================= */

.product-grid .product-card,
.coffee-grid .coffee-card {
  border: none !important;
  background-color: var(--bg-primary) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-normal) !important;
}

.product-grid .product-card:hover,
.coffee-grid .coffee-card:hover {
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-2px) !important;
}

/* =============================================================================
   ИЗОБРАЖЕНИЯ
   ============================================================================= */

img {
  border: none !important;
  border-radius: var(--radius-sm) !important;
}

.product-image,
.coffee-image {
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
}

/* =============================================================================
   ХЛЕБНЫЕ КРОШКИ
   ============================================================================= */

.breadcrumb {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}

.breadcrumb-item {
  border: none !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-muted) !important;
}

/* =============================================================================
   PAGINATION
   ============================================================================= */

.pagination {
  border: none !important;
}

.page-link {
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  margin: 0 2px !important;
  color: var(--text-primary) !important;
}

.page-link:hover {
  border-color: var(--primary-dark) !important;
  background-color: var(--primary-dark) !important;
  color: var(--text-light) !important;
}

.page-item.active .page-link {
  border-color: var(--primary-dark) !important;
  background-color: var(--primary-dark) !important;
}

/* =============================================================================
   УБИРАЕМ ЛИШНИЕ OUTLINE И FOCUS RING
   ============================================================================= */

/* Убираем стандартные outline, заменяем на box-shadow */
*:focus {
  outline: none !important;
}

button:focus,
.btn:focus,
a:focus {
  box-shadow: 0 0 0 2px rgb(44 24 16 / 15%) !important;
}

/* =============================================================================
   RESPONSIVE BORDERS
   ============================================================================= */

@media (max-width: 768px) {
  /* На мобильных убираем еще больше границ */
  .card,
  .container,
  .product-card {
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-sm) !important;
  }
  
  /* Формы на мобильных */
  .form-control,
  input,
  textarea,
  select {
    border-radius: var(--radius-sm) !important;
    border-width: 1px !important;
  }
}