/* ============================================================
   EXFAY NOVAChild — TOKYO Design-Übertragung
   Primärfarbe:  #dbb879 (Buttons) / #f8bf00 (Nav-Hover)
   Font:         Ubuntu (lokal)
   Text:         #3b3d3b
   ============================================================ */

/* --- Ubuntu Font --- */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/ubuntu/ubuntu-v15-latin-300.eot');
  src: local(''), url('fonts/ubuntu/ubuntu-v15-latin-300.woff2') format('woff2'),
       url('fonts/ubuntu/ubuntu-v15-latin-300.woff') format('woff'),
       url('fonts/ubuntu/ubuntu-v15-latin-300.ttf') format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ubuntu/ubuntu-v15-latin-regular.eot');
  src: local(''), url('fonts/ubuntu/ubuntu-v15-latin-regular.woff2') format('woff2'),
       url('fonts/ubuntu/ubuntu-v15-latin-regular.woff') format('woff'),
       url('fonts/ubuntu/ubuntu-v15-latin-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ubuntu/ubuntu-v15-latin-500.eot');
  src: local(''), url('fonts/ubuntu/ubuntu-v15-latin-500.woff2') format('woff2'),
       url('fonts/ubuntu/ubuntu-v15-latin-500.woff') format('woff'),
       url('fonts/ubuntu/ubuntu-v15-latin-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ubuntu/ubuntu-v15-latin-italic.eot');
  src: local(''), url('fonts/ubuntu/ubuntu-v15-latin-italic.woff2') format('woff2'),
       url('fonts/ubuntu/ubuntu-v15-latin-italic.woff') format('woff'),
       url('fonts/ubuntu/ubuntu-v15-latin-italic.ttf') format('truetype');
}

/* --- Basis-Reset: Font + Farben --- */
body,
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-family: Ubuntu, sans-serif;
}

body {
  color: #3b3d3b;
}

a {
  color: #3b3d3b;
}
a:hover {
  color: #e3a840;
  text-decoration: none;
}

/* --- Primärfarbe: Buttons (#dbb879) --- */
.btn-primary {
  color: #fff;
  background-color: #dbb879;
  border-color: #dbb879;
}
.btn-primary:hover {
  color: #fff;
  background-color: #cda55f;
  border-color: #c49c58;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #cda55f;
  border-color: #c49c58;
  box-shadow: 0 0 0 0.2rem rgba(219, 184, 121, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #dbb879;
  border-color: #dbb879;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"] {
  color: #fff;
  background-color: #c49c58;
  border-color: #b99051;
}

/* --- Primärfarbe: Akzente (#f8bf00 / #dbb879) --- */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: #dbb879;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #dbb879;
}

/* Navigation: Hover-Unterstrich (#f8bf00 = TOKYO-Standard) */
header .navbar-nav > .nav-item > .nav-link::before {
  border-color: #f8bf00;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #f8bf00;
}

/* --- Formfelder: Fokus-Farbe --- */
.form-control:focus {
  border-color: #dbb879;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 0.2rem rgba(219,184,121,.25);
}

/* --- Aktiv-/Auswahl-Farbe --- */
.badge-primary,
.bg-primary {
  background-color: #dbb879 !important;
}
.text-primary {
  color: #dbb879 !important;
}
.border-primary {
  border-color: #dbb879 !important;
}

/* --- Checkout Schritt-Farbe --- */
.checkout-steps .step-check {
  color: #dbb879;
}

/* --- Sternbewertung --- */
.rating .fas,
.star-rating .fas,
.stars .fas {
  color: #f8bf00;
}

/* --- Warenkorb Badge --- */
#badge-cart-count,
.badge-cart {
  background-color: #dbb879;
}

/* --- Produktbox: Bild quadratisch (NOVA-Standard, kein squish) --- */
.square-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* --- Variation Swatches: aktiv --- */
.variation.active,
label.variation.active {
  border-color: #dbb879;
  color: #dbb879;
}

/* --- noUiSlider (Preisfilter) --- */
.noUi-connect {
  background: #dbb879;
}
.noUi-handle {
  border-color: #dbb879;
}

/* --- Pagination --- */
.page-item.active .page-link {
  background-color: #dbb879;
  border-color: #dbb879;
  color: #fff;
}
.page-link:hover {
  color: #dbb879;
}
.page-link {
  color: #3b3d3b;
}

/* --- Dropdown aktiv --- */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #dbb879;
}

/* --- Scroll-to-Top Button --- */
#scroll-to-top {
  background-color: #dbb879;
  border-color: #dbb879;
}