/* =====================================================================
   hts-colors.css – Farbangleichung Shop an hundeteamschule.de
   Override-Datei: wird NACH stylesheet.css geladen, ändert keine Originale.
   Rückgängig: Einbindungszeile entfernen (oder Datei leeren).
   HTS-Palette:  Blau #435683 · Dunkelblau #3c4866 · Navy #384569
                 Pink #b35893 · Hellblau-Grau #eff2f9 · Text #333333
   ===================================================================== */

:root {
  --hts-blue:      #435683;
  --hts-blue-dark: #3c4866;
  --hts-navy:      #384569;
  --hts-navy-deep: #2f3a57;
  --hts-pink:      #b35893;
  --hts-pink-dark: #96477a;
  --hts-light:     #eff2f9;
}

/* ---------- Links (vorher Orange-Braun #b35500) ---------- */
a, .btn-link, .text-primary { color: var(--hts-blue); }
a:hover, a:focus, .btn-link:hover, .btn-link:focus { color: var(--hts-pink); }

/* ---------- Primär-Buttons ---------- */
.btn-primary, .bg-primary {
  background-color: var(--hts-blue);
  border-color: var(--hts-blue-dark);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-color: var(--hts-blue-dark);
  border-color: var(--hts-navy-deep);
  color: #fff;
}
.btn-primary .badge { color: var(--hts-blue); background-color: #fff; }

/* ---------- Warenkorb-Button (vorher Grün) -> HTS-Pink ---------- */
.btn-cart, .btn-success {
  background-color: var(--hts-pink);
  border-color: var(--hts-pink-dark);
  color: #fff;
}
.btn-cart:hover, .btn-cart:focus, .btn-cart:active, .btn-cart.active,
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: var(--hts-pink-dark);
  border-color: #7d3b66;
  color: #fff;
}
.bottom-cart .box-cart .inner { background-color: var(--hts-pink); }

/* ---------- Hauptnavigation (vorher Anthrazit #333) ---------- */
.navbar-default {
  background-color: var(--hts-blue);
  border-color: var(--hts-blue-dark);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: var(--hts-blue-dark);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
  background-color: var(--hts-pink);
  color: #fff;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: var(--hts-blue-dark); }

/* Mega-Menü / Meta-Navigation */
.navbar-mega a:hover, .navbar-mega .col .title:hover,
.meta-navigation a:hover { color: var(--hts-pink); }

/* ---------- Aktive Zustände (Dropdown, Pills, Paginierung, Listen) ---------- */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.list-group-item.active, .list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: var(--hts-blue);
  border-color: var(--hts-blue);
  color: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: var(--hts-blue); }

.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: var(--hts-blue);
  border-color: var(--hts-blue);
  color: #fff;
}
.pagination > li > a, .pagination > li > span { color: var(--hts-blue); }
.pagination > li > a:hover, .pagination > li > span:hover { color: var(--hts-pink); }

.panel-primary { border-color: var(--hts-blue); }
.panel-primary > .panel-heading {
  background-color: var(--hts-blue);
  border-color: var(--hts-blue);
  color: #fff;
}

/* Kategorie-Box links */
.box-categories ul li a,
.box-categories ul li.active a { color: var(--hts-blue); }
.box-categories ul li.level-1 a:hover { background-color: var(--hts-light); }

/* Formular-Fokus */
.form-control:focus {
  border-color: var(--hts-blue);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(67,86,131,.45);
}

/* ---------- Flächen ---------- */
.breadcrumb, .breadcrumb-container { background-color: var(--hts-light); }

/* Bild-Slider-Pfeile */
.picture-slider .pictureCarousel .owl-controls .owl-buttons .owl-prev,
.picture-slider .pictureCarousel .owl-controls .owl-buttons .owl-next {
  background-color: var(--hts-blue);
}

/* ---------- Footer (vorher Anthrazit #333) ---------- */
#footer { background-color: var(--hts-navy); color: #dde2ee; }
#footer a, #footer .contact { color: #f2f4f9; }
#footer a:hover { color: #f3c6e2; }

/* ---------- Nach-oben-Button & sekundäre Flächen ---------- */
#back-to-top { color: var(--hts-blue); }
#back-to-top:hover { color: var(--hts-pink); }
.background-secondary { background-color: var(--hts-navy); }

/* ---------- Kategorie-Box, Panels, Checkout ---------- */
.box-categories .panel-heading { background-color: var(--hts-navy); }
.box-categories ul li.level-1 a:hover { background-color: var(--hts-light); }
.box-categories ul li.level-1.active a,
.box-categories ul li.level-1.active a:hover { color: #fff; background-color: var(--hts-blue); }

.panel.panel-secondary { border-color: var(--hts-navy); }
.panel.panel-secondary > .panel-heading {
  background-color: var(--hts-navy); border-color: var(--hts-navy); color: #fff;
}
.panel.panel-secondary > .panel-heading .badge { color: var(--hts-navy); }

.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: var(--hts-blue); }
.list-group-item.active .list-group-item-text { color: #dbe2f2; }
#checkout .list-group .list-group-item.active:hover { background-color: var(--hts-blue-dark); }