/* ============================================
   Felismus – Bootstrap 5 barevná šablona
   ============================================
   Načti po bootstrap.min.css. Šablona definuje paletu barev
   a přepisuje nejčastější komponenty tak, aby ladily se vzhledem Felismu.
*/

/* --------------------------------------------------
   1) Barevné proměnné – primární paleta
   --------------------------------------------------*/
:root {
  --bs-primary: #8a5900;            /* zlatavá / okrová */
  --bs-primary-rgb: 138, 89, 0;

  --bs-secondary: #3b2f2f;          /* tmavě hnědá */
  --bs-secondary-rgb: 59, 47, 47;

  --bs-success: #198754;
  --bs-info:    #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger:  #dc3545;

  --bs-light: #f5f1e8;              /* slonovinová */
  --bs-light-rgb: 245, 241, 232;

  --bs-dark: #0b2a1a;               /* temně zelená (nav) */
  --bs-dark-rgb: 11, 42, 26;

  /* Tělo stránky */
  --bs-body-bg:    #f0e9db;         /* krémové pozadí */
  --bs-body-color: #3b2f2f;
  --bs-body-font-family: 'Spectral', serif;

  /* Odkazy */
  --bs-link-color:       var(--bs-primary);
  --bs-link-hover-color: #a56d00;   /* světlejší zlatá */
}

/* --------------------------------------------------
   2) Tlačítka (btn-primary & outline)
   --------------------------------------------------*/
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #a56d00;
  --bs-btn-hover-border-color: #a56d00;
  --bs-btn-active-bg: #734500;
  --bs-btn-active-border-color: #734500;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #734500;
  --bs-btn-active-border-color: #734500;
}

/* --------------------------------------------------
   3) Formulářové prvky – input, textarea, radio / checkbox
   --------------------------------------------------*/
.form-control,
.form-select {
  border: 2px solid var(--bs-primary);
  border-radius: 0.5rem;
  background-color: #fff;
}

.form-control:focus,
.form-select:focus {
  border-color: #a56d00;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Moderní prohlížeče: accent-color vyřeší barvu za nás */
.form-check-input {
  width: 1.2em;
  height: 1.2em;
  margin-top: 0.25em;
  border: 1px solid var(--bs-primary);
  accent-color: var(--bs-primary);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  border-color: var(--bs-primary);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* --------------------------------------------------
   4) Odkazy v textu
   --------------------------------------------------*/
a {
  color: var(--bs-link-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--bs-link-hover-color);
  text-decoration: underline;
}

/* --------------------------------------------------
   5) Komponenty: badge, alert, progress bar
   --------------------------------------------------*/
.badge-primary {
  background-color: var(--bs-primary);
}

.alert-primary {
  --bs-alert-bg: rgba(var(--bs-primary-rgb), 0.1);
  --bs-alert-border-color: rgba(var(--bs-primary-rgb), 0.2);
  --bs-alert-color: var(--bs-primary);
}

.progress-bar {
  background-color: var(--bs-primary);
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--bs-primary);
}