@charset "UTF-8";

/* ZAČÁTEK: barevné schéma Bootstrap 5 */
/* ==========================================================================
   1. SVĚTLÝ REŽIM (Light Mode) - Moderní, čisté firemní barvy
   ========================================================================== */
:root, [data-bs-theme="light"] {
  /* Hlavní barvy (HEX) */
  --bs-primary: #0284c7;       /* Živá blankytně modrá */
  --bs-secondary: #64748b;     /* Slate šedá */
  --bs-success: #16a34a;       /* Čistá smaragdově zelená */
  --bs-info: #06b6d4;          /* Tyrkysová */
  --bs-warning: #ea580c;       /* Oranžovo-žlutá (vyšší kontrast než čistá žlutá) */
  --bs-danger: #dc2626;        /* Výrazná červená */
  --bs-light: #f8fafc;         /* Ultra světlá šedá */
  --bs-dark: #0f172a;          /* Hluboká břidlicová (místo ostré černé) */

  /* RGB složky (Nutné pro vnitřní průhlednost v Bootstrapu) */
  --bs-primary-rgb: 2, 132, 199;
  --bs-secondary-rgb: 100, 116, 139;
  --bs-success-rgb: 22, 163, 74;
  --bs-info-rgb: 6, 182, 212;
  --bs-warning-rgb: 234, 88, 12;
  --bs-danger-rgb: 220, 38, 38;
  --bs-light-rgb: 248, 250, 252;
  --bs-dark-rgb: 15, 23, 42;

  /* Celkové pozadí a text webu */
  --bs-body-bg: #ffffff;
  --bs-body-color: #0f172a;
  --bs-border-color: #e2e8f0;
}

/* ==========================================================================
   2. TMAVÝ REŽIM (Dark Mode) - Vysoký kontrast, šetrné k očím
   ========================================================================== */
[data-bs-theme="dark"] {
  /* 
     Zde jsou barvy úmyslně zesvětlené (desaturované). 
     Na tmavém pozadí díky tomu dosahují perfektního kontrastního poměru.
  */
  --bs-primary: #38bdf8;       /* Neonově světlá modrá */
  --bs-secondary: #94a3b8;     /* Jemná stříbrno-šedá */
  --bs-success: #4ade80;       /* Světlá mentolově zelená */
  --bs-info: #22d3ee;          /* Jasná polární modrá */
  --bs-warning: #fb923c;       /* Teplá pastelová oranžová */
  --bs-danger: #f87171;        /* Světlá korálově červená */
  --bs-light: #1e293b;         /* Tmavá břidlicová pro karty a sekce */
  --bs-dark: #f8fafc;          /* Off-white barva pro inverzní prvky */

  /* Přepočítané RGB složky pro tmavý režim */
  --bs-primary-rgb: 56, 189, 248;
  --bs-secondary-rgb: 148, 163, 184;
  --bs-success-rgb: 74, 222, 128;
  --bs-info-rgb: 34, 211, 238;
  --bs-warning-rgb: 251, 146, 60;
  --bs-danger-rgb: 248, 113, 113;
  --bs-light-rgb: 30, 41, 59;
  --bs-dark-rgb: 248, 250, 252;

  /* Optimalizace pozadí a textů pro eliminaci záření */
  --bs-body-bg: #0b0f19;              /* Velmi tmavá modro-černá (příjemnější než čistá černá #000) */
  --bs-body-color: #f1f5f9;           /* Mírně tlumená bílá (nesvítí tolik do očí jako #fff) */
  --bs-border-color: #334155;         /* Kontrastní rámečky pro oddělení tabulek a inputů */

  /* 
     3. KLÍČOVÉ PŘEPSÁNÍ PRO TEXTY (Emphasis & Subtle)
     Bootstrap 5.3+ používá tyto proměnné pro texty uvnitř Alertů a Badges.
     Zde jsou nastavené tak, aby texty nesplývaly s pozadím.
  */
  --bs-primary-text-emphasis: #38bdf8;
  --bs-primary-bg-subtle: #0c1e33;
  --bs-primary-border-subtle: #1d4ed8;

  --bs-success-text-emphasis: #4ade80;
  --bs-success-bg-subtle: #062413;
  --bs-success-border-subtle: #15803d;

  --bs-warning-text-emphasis: #fb923c;
  --bs-warning-bg-subtle: #2d1907;
  --bs-warning-border-subtle: #c2410c;

  --bs-danger-text-emphasis: #f87171;
  --bs-danger-bg-subtle: #2d0b0f;
  --bs-danger-border-subtle: #b91c1c;
  
  --bs-link-color: #38bdf8;
  --bs-link-hover-color: #7dd3fc;
}


/* ==========================================================================
   DOPLŇUJÍCÍ STYLY PRO TLAČÍTKA A FORMULÁŘE (Bootstrap 5 CSS Override)
   Tento kód vložte pod definici vašich :root proměnných.
   ========================================================================== */

/* 1. Kompletace chování primárního tlačítka (.btn-primary) */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 85%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 80%, black);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 80%, black);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 75%, black);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  /* Barva textu na tlačítku: bílá, nebo černá podle jasu vaší barvy */
  --bs-btn-color: #fff; 
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}

/* 2. Kompletace chování sekundárního tlačítka (.btn-secondary) */
.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary) 85%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary) 80%, black);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary) 80%, black);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary) 75%, black);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
}

/* 3. Oprava focus stavu (modrého stínu) u formulářových prvků (input, select, textarea) */
.form-control:focus,
.form-select:focus {
  border-color: color-mix(in srgb, var(--bs-primary) 50%, white);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* 4. Oprava aktivního stavu pro zaškrtávátka (Checkbox a Radio) */
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-check-input:focus {
  border-color: color-mix(in srgb, var(--bs-primary) 50%, white);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* 5. Oprava aktivních položek v menu (Nav Pills, Dropdowns, List Groups) */
.nav-pills .nav-link.active,
.dropdown-item.active,
.list-group-item.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}

/* KONEC: barevné schéma Bootstrap 5 */

/* ZAČÁTEK: základní styly */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #8b0000 !important;
	font-weight: 600 !important;
}

[data-bs-theme="dark"] {
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		color: #fb923c !important;
		font-weight: 600 !important;
	}
}

a {
	font-weight: 500;
    text-decoration: none !important;
}

ul {
    list-style-type: none;
}
/* KONEC: základní styly */

/* ZAČÁTEK: levé menu */
.sidebar-menu .nav-treeview {
    padding-left: 15px !important;
}

.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link:focus,
.sidebar-wrapper .nav-treeview > .nav-item > .nav-link:focus {
    color: var(--lte-sidebar-color); /* Výchozí barva textu menu v AdminLTE */
    background-color: transparent;   /* Výchozí průhledné pozadí */
}

.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link:hover,
.sidebar-wrapper .nav-treeview > .nav-item > .nav-link:hover {
    color: var(--lte-sidebar-hover-color);
    background-color: var(--lte-sidebar-hover-bg);
}

.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link.active:focus,
.sidebar-wrapper .nav-treeview > .nav-item > .nav-link.active:focus {
    color: var(--lte-sidebar-active-color);
    background-color: var(--lte-sidebar-active-bg);
}
/* KONEC: levé menu */

/* ZAČÁTEK: vlastní třídy */
.ok_disabled {
	pointer-events: none;
    cursor: default;
    /*
	opacity: 0.75;
	*/
}

.ok_stop, .ok_stop_2 {
	overflow: hidden;
}

.ok_odkaz {
	cursor: pointer;
}

.ok_zakaz {
    pointer-events: none !important;
    cursor: default !important;
}

.ok_schov, .oks {
	display: none;
}

.ok_05rem {
	font-size: 0.5rem;
}

.ok_06rem {
	font-size: 0.6rem;
}

.ok_07rem {
	font-size: 0.7rem;
}

.ok_08rem {
	font-size: 0.8rem;
}

.ok_09rem {
	font-size: 0.9rem;
}

.ok_10rem {
	font-size: 1rem;
}

.ok_11rem {
	font-size: 1.1rem;
}

.ok_12rem {
	font-size: 1.2rem;
}

.bez-animace, 
.bez-animace * {
    transition: none !important;
    transform: none !important;
}

.ok_form {
	position: relative;
}
/* KONEC: vlastní třídy */

/* ZAČÁTEK: chyby formuláře */
.help-block {
    position: relative;
    display: block;
    padding: 0.3rem;
    margin-top: 0.4rem;
 }

.error,
.help-block {
	display: block;
	padding: 0.3rem 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	color: rgba(var(--bs-danger-rgb)) !important;
	background-color: #ffc107;
	border: 2px solid rgba(var(--bs-danger-rgb)) !important;
	border-radius: 0.375rem;
	box-shadow: 0 4px 10px rgba(255, 234, 207, 0.12);
}
/* KONEC: chyby formuláře */

/* ZAČÁTEK: flashmessage (toast) */
.toast-center-center {
  top: 40%  !important;
  left: 50%  !important;
  position: fixed !important;
  transform: translate(-40%, -50%);
  margin: 0 auto;
  width: auto !important; /* nebo fixed šířka dle potřeby */
  height: auto !important;
  z-index: 999999;
}

.toast-title {
    white-space: nowrap;
    margin-right: 50px;
}

#toast-container>div {
	width: auto;
    margin: 0 0 20px;
	opacity: 0.95;
}
/* KONEC: flashmessage (toast) */


/* ZAČÁTEK:  */
/* KONEC:  */