/* =========================
   QRvel — site.css
   Стилі сайту (header/footer/layout + легкі UI фікси)
   ========================= */

/* БАЗА */
:root{
  --pv-bg: #f5f6f8;
  --pv-card: #ffffff;
  --pv-text: #0f172a;
  --pv-muted: rgba(15,23,42,.65);
  --pv-border: rgba(15,23,42,.10);
}

html, body { height: 100%; }
body.pv-pagebg{
  background: var(--pv-bg);
  color: var(--pv-text);
}

/* Контейнер */
.pv-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding-left: clamp(14px, 3vw, 34px);
  padding-right: clamp(14px, 3vw, 34px);
}

/* Нормальний вигляд navbar (щоб не “розсипалось”) */
header .navbar{
  min-height: 76px;
}
header .navbar-brand img{
  display:block;
}
header .navbar-nav{
  align-items: center;
}
header .navbar-nav .nav-link{
  color: rgba(15,23,42,.82);
  padding: .35rem .6rem;
  border-radius: .6rem;
}
header .navbar-nav .nav-link:hover{
  color: rgba(15,23,42,1);
  background: rgba(15,23,42,.04);
}
header .navbar-nav .nav-link.active{
  font-weight: 800;
  color: rgba(15,23,42,1);
  background: rgba(25,135,84,.10); /* легкий success-тінт */
}

/* Кнопки праворуч — дрібні косметичні */
header .btn{
  border-radius: .65rem;
}

/* Карти (щоб “pv-card” виглядала нормально всюди) */
.pv-card{
  background: var(--pv-card);
  border-radius: 18px;
  border: 1px solid var(--pv-border);
}
.pv-card.shadow-sm{
  box-shadow: 0 .5rem 1.2rem rgba(15,23,42,.08) !important;
}

/* Футер */
.pv-footer{
  margin-top: 32px;
  border-top: 1px solid var(--pv-border);
  background: #fff;
}
.pv-footer a{
  color: rgba(15,23,42,.68);
}
.pv-footer a:hover{
  color: rgba(15,23,42,1);
  text-decoration: underline;
}

/* Дрібні утиліти */
.text-muted{ color: var(--pv-muted) !important; }

/* Фікс: якщо десь bootstrap не підтягнувся — щоб список меню не був з крапками */
.navbar-nav{ list-style: none; padding-left: 0; margin: 0; }