/*!
 * OneUI - Sun Theme (Yellow)
 * Based on city.css + primary color changed to #f7c204
 */

body {
  color: #4b4b4b;
  background-color: #f2f2f2;
}

a {
  color: #f7c204;
}
a.link-fx::before {
  background-color: #f7c204;
}
a:hover {
  color: #e0a900;
}

hr {
  border-top-color: #e7e7e7;
}

.text-primary {
  color: #f7c204 !important;
}

a.text-primary.link-fx::before {
  background-color: #f7c204 !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #e0a900 !important;
}

.text-primary-dark {
  color: #4b4b4b !important;
}

a.text-primary-dark.link-fx::before {
  background-color: #4b4b4b !important;
}
a.text-primary-dark:hover, a.text-primary-dark:focus {
  color: #323232 !important;
}

.text-primary-darker {
  color: #2b2b2b !important;
}

a.text-primary-darker.link-fx::before {
  background-color: #2b2b2b !important;
}
a.text-primary-darker:hover, a.text-primary-darker:focus {
  color: #121212 !important;
}

.text-primary-light {
  color: #ffe16b !important;
}

a.text-primary-light.link-fx::before {
  background-color: #ffe16b !important;
}
a.text-primary-light:hover, a.text-primary-light:focus {
  color: #f7c204 !important;
}

.text-primary-lighter {
  color: #fff1b8 !important;
}

a.text-primary-lighter.link-fx::before {
  background-color: #fff1b8 !important;
}
a.text-primary-lighter:hover, a.text-primary-lighter:focus {
  color: #ffe16b !important;
}

/* ... zvyšok súborov je rovnaký ako v city.css, iba primárna farba zmenená ... */

.bg-primary {
  background-color: #f7c204 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #e0a900 !important;
}

.bg-primary-op {
  background-color: rgba(247, 194, 4, 0.75) !important;
}

.btn-link {
  color: #f7c204;
}
.btn-link:hover {
  color: #e0a900;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f7c204;
  --bs-btn-border-color: #f7c204;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e0a900;
  --bs-btn-hover-border-color: #d4a000;
  --bs-btn-focus-shadow-rgb: 247, 194, 4;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c48f00;
  --bs-btn-active-border-color: #b37f00;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f7c204;
  --bs-btn-disabled-border-color: #f7c204;
}

.btn-outline-primary {
  --bs-btn-color: #f7c204;
  --bs-btn-border-color: #f7c204;
  --bs-btn-hover-color: #2c2c2c;
  --bs-btn-hover-bg: #f7c204;
  --bs-btn-hover-border-color: #f7c204;
  --bs-btn-focus-shadow-rgb: 247, 194, 4;
}

.progress-bar {
  background-color: #f7c204;
}

.nav-link:hover, .nav-link:focus {
  color: #f7c204;
}

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

.nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus,
.nav-tabs-alt .nav-link.active,
.nav-tabs-alt .nav-item.show .nav-link {
  box-shadow: inset 0 -3px #f7c204;
}

.page-item.active .page-link {
  color: #f7c204;
  border-color: #f7c204;
}

.page-link:hover {
  color: #f7c204;
  border-color: #f7c204;
}

.list-group-item.active {
  background-color: #f7c204;
  border-color: #f7c204;
}

.form-check-input:focus {
  border-color: #f7c204;
  box-shadow: 0 0 0 0.25rem rgba(247, 194, 4, 0.25);
}
.form-check-input:checked {
  background-color: #f7c204;
  border-color: #f7c204;
}

.form-block .form-check-label::before {
  background-color: #f7c204;
}
.form-block .form-check-input:checked ~ .form-check-label,
.form-block .form-check-input:focus ~ .form-check-label {
  border-color: #f7c204;
}

.border-primary {
  border-color: #f7c204 !important;
}

/* Dark mode úpravy */
.dark-mode .text-primary {
  color: #f7c204 !important;
}
.dark-mode .btn-primary {
  --bs-btn-bg: #f7c204;
  --bs-btn-hover-bg: #e0a900;
}
.dark-mode .nav-link:hover, .dark-mode .nav-link:focus {
  color: #f7c204;
}
.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show > .nav-link {
  background-color: #f7c204;
}

/* Ostatné farby (secondary, success atď.) zostávajú rovnaké ako v city.css */