/* ================================================================
   Гуднэт — общие стили сайта
   Содержит: переменные, базовый body, навбар, брендовую плашку,
   кнопки, хлебные крошки, футер.
   Всё, что используется более чем одной страницей и не меняется.
   ================================================================ */

:root {
  --teal: #0b7e85;
  --teal-soft: #e7f5f7;
  --orange: #f7943d;
  --orange-soft: #fff3e4;
  --bg-soft: #f8f4ef;
  --gray-soft: #f7f7f7;
  --radius-lg: 18px;

  --bs-link-color: var(--teal);
  --bs-link-color-rgb: 11, 126, 133;
  --bs-link-hover-color: #075f65;
  --bs-link-hover-color-rgb: 7, 95, 101;
}

body {
  background-color: var(--bg-soft);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #303133;
}

.navbar {
  background-color: #ffffffc9;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .04);
}

.brand-pill {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .35rem .9rem;
  border-radius: 999px;
  background-color: var(--teal-soft);
  font-weight: 600;
  font-size: .9rem;
  color: #075f65;
}
.brand-pill-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #4da3a8;
  animation: pulseOnline 4s ease-in-out infinite;
}

@keyframes pulseOnline {
  0%   { transform: scale(1);    opacity: 1; }
  50%  { transform: scale(1.08); opacity: .85; }
  100% { transform: scale(1);    opacity: 1; }
}

.btn-primary {
  --bs-btn-bg: var(--orange);
  --bs-btn-border-color: var(--orange);
  --bs-btn-hover-bg: #e47f25;
  --bs-btn-hover-border-color: #e47f25;
  --bs-btn-active-bg: #d56f16;
  --bs-btn-active-border-color: #d56f16;
}
.btn-outline-primary {
  --bs-btn-color: var(--teal);
  --bs-btn-border-color: var(--teal);
  --bs-btn-hover-bg: var(--teal);
  --bs-btn-hover-border-color: var(--teal);
}

.breadcrumb-item a {
  color: var(--teal);
  text-decoration: none;
}
.breadcrumb-item a:hover {
  color: #075f65;
  text-decoration: underline;
}
.breadcrumb-item.active {
  color: #6c757d;
}

footer {
  padding: 1.2rem 0;
  font-size: .82rem;
  color: #6c737a;
  background-color: #fff;
  border-top: 1px solid #eceff3;
}

/* Отсутствует в урезанной сборке bootstrap.min.css */
.mt-5 { margin-top: 3rem !important; }