/* Hovawart adatbázis – meleg barna téma Bootstrap 5 fölé */
:root {
  --hovi-barna: #8B5E34;
  --hovi-barna-sotet: #6B4423;
  --hovi-akcent: #C47A3B;
  --hovi-tan: #F5EBDD;
  --hovi-tan-vilagos: #FAF6F0;
  --hovi-border: #DEB38F;
  --hovi-szoveg: #3E2D1C;
}

body {
  background-color: var(--hovi-tan-vilagos);
  color: var(--hovi-szoveg);
  font-family: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}

/* Felső márka-sáv */
.hovi-topbar { background-color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.hovi-brand { color: #fff; font-weight: 700; font-size: 1.3rem; letter-spacing: .3px; text-decoration: none; }
.hovi-brand:hover, .hovi-brand:focus { color: #fff; }
.hovi-brand-link { color: rgba(255,255,255,.92); text-decoration: none; }
.hovi-brand-link:hover, .hovi-brand-link:focus { color: #fff; }
.hovi-topbar .dropdown-menu { border-color: var(--hovi-border); }

/* Cím a logó alatt */
.hovi-cim { color: var(--hovi-barna-sotet); font-weight: 700; margin-top: .5rem; }

/* Offcanvas sidebar – asztalon nincs extra padding/szélesség korlát */
@media (min-width: 992px) {
  .hovi-offcanvas .offcanvas-body { padding: 0; }
}

/* Bal oldali Lekérdezések menü */
.hovi-sidebar .list-group-item { border: none; border-bottom: 1px solid var(--hovi-tan); color: var(--hovi-barna-sotet); background-color: transparent; }
.hovi-sidebar .list-group-item:last-child { border-bottom: none; }
.hovi-sidebar .list-group-item-action:hover { background-color: var(--hovi-tan); color: var(--hovi-barna); }
.hovi-sidebar .list-group-item.active { background-color: var(--hovi-akcent); border-color: var(--hovi-akcent); color: #fff; }

/* Kártyák */
.hovi-card { border: 1px solid var(--hovi-border); border-radius: .6rem; box-shadow: 0 2px 6px rgba(139,94,52,.08); }
.hovi-card-header {
  background-color: var(--hovi-tan);
  color: var(--hovi-barna-sotet);
  font-weight: 600;
  border-bottom: 1px solid var(--hovi-border);
}

/* Gombok */
.btn-hovi { background-color: var(--hovi-akcent); border-color: var(--hovi-akcent); color: #fff; }
.btn-hovi:hover, .btn-hovi:focus { background-color: var(--hovi-barna); border-color: var(--hovi-barna); color: #fff; }

/* Hero */
.hovi-hero-img { max-height: 260px; border-radius: .6rem; }

/* Banner (logó + 3 kutyafej, átlátszó háttér) */
.hovi-banner-wrap {
  background-color: #fff;
  border: 1px solid var(--hovi-border);
  border-radius: .6rem;
  padding: .75rem 1rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.hovi-banner { max-height: 260px; width: auto; max-width: 100%; }
.hovi-banner-logo { max-height: 140px; width: auto; max-width: 100%; }
@media (max-width: 576px) {
  .hovi-banner { max-height: 150px; }
  .hovi-banner-logo { max-height: 90px; }
}

/* Kompakt statisztika kártya a bal sávban */
.hovi-card-compact .card-body { padding: .85rem; }
.hovi-card-compact .hovi-stat-table th, .hovi-card-compact .hovi-stat-table td { padding: .25rem .35rem; font-size: .8rem; }
.hovi-progress-sm { height: 1.2rem; font-size: .7rem; }

/* Keresés mező a középső résznél */
.hovi-search-icon { background-color: var(--hovi-tan); color: var(--hovi-barna-sotet); border-color: var(--hovi-border); }

/* AJAX-os mező-kitöltés (kennel / szülő-név) javaslat-doboza */
.hovi-suggest-box {
  position: absolute; left: 0; top: 100%; width: 100%; z-index: 1050;
  background: #fff; border: 1px solid var(--hovi-border); border-top: none;
  border-radius: 0 0 .4rem .4rem; max-height: 220px; overflow-y: auto;
  display: none; box-shadow: 0 6px 14px rgba(0,0,0,.15);
}
.hovi-suggest-item { padding: .4rem .7rem; cursor: pointer; font-size: .9rem; }
.hovi-suggest-item:hover, .hovi-suggest-item:active { background-color: var(--hovi-tan); }
.hovi-suggest-sub { color: #999; font-size: .8rem; margin-left: .5rem; }

/* Statisztika progress sávok */
.hovi-progress { background-color: #ece3d8; border-radius: .4rem; overflow: hidden; }
.hovi-bar-kan    { background-color: #3A6EA5; }
.hovi-bar-szuka  { background-color: #B5446E; }
.hovi-bar-fekete { background-color: #2b2b2b; }
.hovi-bar-rajzos { background-color: #996633; }
.hovi-bar-szoke  { background-color: #E0C068; color: #3E2D1C !important; }
.hovi-dot { display: inline-block; width: .8rem; height: .8rem; border-radius: 50%; vertical-align: middle; margin-right: .25rem; }

/* Statisztika tábla */
.hovi-stat-table th { background-color: var(--hovi-tan); color: var(--hovi-barna-sotet); }
.hovi-stat-table td { text-align: center; }
.hovi-total { background-color: var(--hovi-tan); font-weight: 600; }
.hovi-badge { background-color: var(--hovi-akcent); }

/* Lábléc */
.hovi-footer { background-color: #1a1a1a; color: rgba(255,255,255,.85); }
.hovi-footer-link { color: #fff; text-decoration: none; }
.hovi-footer-link:hover { text-decoration: underline; color: #fff; }

/* Linkek */
a { color: var(--hovi-akcent); }
a:hover { color: var(--hovi-barna); }

/* Régi táblázatos listák a kártyában is olvashatóak maradjanak */
.hovi-card-body-list table { width: 100%; }

/* Lista táblák */
.hovi-list-table thead th { background-color: var(--hovi-tan); color: var(--hovi-barna-sotet); border-bottom: 2px solid var(--hovi-border); }
.hovi-list-table td a { color: var(--hovi-akcent); }
.hovi-list-table td a:hover { color: var(--hovi-barna); text-decoration: underline !important; }
.hovi-sort { color: var(--hovi-border); font-size: .8rem; margin: 0 1px; text-decoration: none; }
.hovi-sort:hover { color: var(--hovi-akcent); }

/* Kutya adatlap */
.hovi-adat-table th.hovi-adat-cimke { width: 42%; background-color: var(--hovi-tan); color: var(--hovi-barna-sotet); font-weight: 600; }
.hovi-adat-table td { color: var(--hovi-szoveg); }
.hovi-fokep { max-height: 300px; max-width: 100%; }
.hovi-galeria-kep { height: 110px; width: auto; border: 1px solid var(--hovi-border); }

/* Családfa táblázat */
.hovi-csaladfa { border-collapse: collapse; width: 100%; font-size: .82rem; }
.hovi-csaladfa th { background-color: var(--hovi-tan); color: var(--hovi-barna-sotet); font-weight: 600; padding: 6px 8px; border: 1px solid var(--hovi-border); text-align: center; }
.hovi-csaladfa td { padding: 4px 6px; border: 1px solid var(--hovi-border); vertical-align: middle; }
.hovi-csaladfa td.kan { background-color: #e9ecef; border-left: 3px solid #3A6EA5; }
.hovi-csaladfa td.szuka { background-color: #ffffff; border-left: 3px solid #B5446E; }
.hovi-csaladfa td.inaktiv { background-color: var(--hovi-tan); }
.hovi-csaladfa td.figyelem { background-color: #fffbeb; font-size: .75rem; color: #555; }
.hovi-csaladfa td.kutya_adatlap_teny { font-size: .75rem; color: var(--hovi-barna-sotet); }
.hovi-csaladfa table.info-inner td { border: none; padding: 0; font-size: .75rem; color: #555; }
.hovi-csaladfa img { border-radius: 3px; }