/* cosapp — кастомные стили (кэшируются браузером) */

/* Шапка */
.navbar-cosapp {
  background-color: #f5f0f9 !important;
  border-bottom: 2px solid #e0d4e8 !important;
}
.navbar-cosapp .navbar-brand {
  color: #5a4d5a !important;
  font-weight: 600;
  font-size: 1.25rem;
}
.navbar-cosapp .navbar-brand:hover {
  color: #C6A2DB !important;
}
.navbar-cosapp .nav-link {
  color: #6b5b6b !important;
  font-size: 1.05rem;
}
.navbar-cosapp .nav-link:hover,
.navbar-cosapp .nav-link:focus {
  color: #C6A2DB !important;
}
.navbar-cosapp .dropdown-menu {
  border-color: #e0d4e8;
  background-color: #fdfcfe;
}
.navbar-cosapp .dropdown-item:hover {
  background-color: #f0e8f5;
  color: #5a4d5a;
}
.navbar-cosapp .form-control {
  border-color: #e0d4e8;
  font-size: 1rem;
}
.navbar-cosapp .form-control:focus {
  border-color: #C6A2DB;
  box-shadow: 0 0 0 0.2rem rgba(198, 162, 219, 0.25);
}
.navbar-cosapp .navbar-toggler {
  border-color: #e0d4e8;
}
.navbar-cosapp .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%236b5b6b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Кнопки на странице товара */
.btn-product-purchase {
  background-color: #C6A2DB;
  border-color: #C6A2DB;
  color: #fff;
  font-size: 1.1rem;
  padding: 0.6rem 1.2rem;
}
.btn-product-purchase:hover {
  background-color: #b891d0;
  border-color: #b891d0;
  color: #fff;
}
.btn-product-review {
  background-color: #f4c2c2;
  border-color: #f4c2c2;
  color: #fff;
  font-size: 1.1rem;
  padding: 0.6rem 1.2rem;
}
.btn-product-review:hover {
  background-color: #e8b0b0;
  border-color: #e8b0b0;
  color: #5a4d5a;
}

/* Пагинация */
.pagination-custom .page-link {
  color: #6b5b6b;
  background-color: #fff;
  border-color: #e0d4e8;
  font-size: 1.1rem;
  padding: 0.6rem 1rem;
}
.pagination-custom .page-link:hover {
  color: #5a4d5a;
  background-color: #f0e8f5;
  border-color: #C6A2DB;
}
.pagination-custom .page-item.active .page-link {
  background-color: #C6A2DB;
  border-color: #C6A2DB;
  color: #fff;
}
.pagination-custom .page-item:not(:first-child) .page-link,
.pagination-custom .page-item:not(:last-child) .page-link {
  margin: 0 0.2rem;
}