/* =========================================================
   DARK THEME – VARIANTA 1 (Moderní technická modrá)
   ========================================================= */

:root {
    /* základní barvy */
    --color-bg-page:    #494b4c;  /* pozadí celé stránky */
    --color-bg-sidebar: #171e27;  /* sidebar */
    --color-bg-sidebar-active: #202a36;
    --color-bg-content: #103c4a;  /* hlavní obsah */
    --color-text-main:  #e5e9f0;
    --color-text-muted: #9ba3b3;

    /* akcent – moderní modrá */
    --color-accent:     #114277;  /* horní lišta, tlačítka, zvýraznění */
}


/* =========================================================
   GLOBAL TOPBAR (fixní nahoře)
   ========================================================= */

.global-topbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    height: 32px;
    background: var(--color-accent);
    color: #afffaf;

    display: flex;
    align-items: center;
    z-index: 2000;

    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

.global-topbar-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

/* posun stránky pod fixní lištu */
body {
    padding-top: 44px;
    background: radial-gradient(1200px 600px at 40% 0%, rgba(58,123,213,0.15), transparent 60%),
                var(--color-bg-page);
    color: var(--color-text-main);
}


/* =========================================================
   SIDEBAR
   ========================================================= */

#sidebar {
    background: var(--color-bg-sidebar);
    top: 44px; /* kvůli horní liště */
    border-right: 1px solid rgba(255,255,255,0.06);
}

/* horní část sidebaru (logo + search) */
#header-wrapper,
#header {
    background: #1c2530 !important;
}

/* text a odkazy v sidebaru */
#sidebar,
#sidebar a {
    color: var(--color-text-main);
}

/* hover a aktivní položky menu */
#sidebar li > a:hover,
#sidebar li.active > a {
    background: var(--color-bg-sidebar-active);
    color: #ffffff;
    border-left: 3px solid var(--color-accent);
}

/* skupinové nadpisy (Home / Projekty / Videa) – klidnější */
#sidebar .chapter > a {
    font-weight: 600;
}

/* search box */
#header .searchbox input,
#header .searchbox {
    background: #111822;
    color: var(--color-text-main);
    border-color: rgba(255,255,255,0.12);
}

#header .searchbox input::placeholder {
    color: var(--color-text-muted);
}

/* jemné oddělovače */
#sidebar hr {
    border-color: rgba(255,255,255,0.06);
}

/* spodní text méně výrazný */
#footer,
#footer a {
    color: var(--color-text-muted);
}


/* =========================================================
   HLAVNÍ OBSAH
   ========================================================= */

#body {
    background: transparent;
}

/* hlavní obsahový panel */
#body .padding.highlightable {
    background: var(--color-bg-content);
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 8px 30px rgba(0,0,0,0.55);
}

/* nadpisy */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

/* běžný text */
p {
    color: var(--color-text-main);
}

/* odkazy v obsahu */
a {
    color: #8fb6ff;
}

a:hover {
    color: #c0d4ff;
}

/* horizontální čára */
hr {
    border-color: rgba(255,255,255,0.1);
}

/* kód */
pre, code {
    background: #111822;
    color: #f1f3f5;
}


/* =========================================================
   TLAČÍTKA
   ========================================================= */

.btn, .button {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #ffffff;
}

.btn:hover, .button:hover {
    filter: brightness(1.1);
}


/* =========================================================
   BOXy (alert, panel, card, top-bar)
   ========================================================= */

.alert,
.panel,
.card,
#top-bar {
    background: #1b2330 !important;
    color: var(--color-text-main);
}

/* barevný proužek u alertu */
.alert {
    border-left: 4px solid var(--color-accent);
}
#body {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 20px;

}
.nav-prev,
.nav-next {
    display: none !important;
}

/* =========================================================
   Sidebar – úprava odsazení podkapitol
   ========================================================= */

/* text podkapitol (Laboratorní zdroj, Myši, Kockopes...) */
#sidebar ul.topics ul li a span {
    padding-left: 18px !important;   /* změň hodnotu dle potřeby */
}
/* =========================================================
   Sidebar – přepis inline padding-left (1. Laboratorní zdroj atd.)
   ========================================================= */

#sidebar ul.topics li > a > span {
    padding-left: 6px !important;   /* zkus třeba 6px */
}
#sidebar ul li.active > a {
    background: transparent !important;
    color: #ffffff !important;
    border-left: 3px solid var(--color-accent);
}

/* hover efekt – jemný, ale bez plného obdélníku */
#sidebar ul li > a:hover {
    background: rgba(255,255,255,0.05) !important;
}

/* aby se neskládal margin/padding z původního stylu */
#sidebar ul li.active > a {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Sekce v menu – Home / Projekty / Videa... */
#sidebar h5 {
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    color: var(--color-text-muted);
    padding: 8px 16px 4px;
    margin: 12px 0 0;
    background: transparent !important;
    border: 0;
}
/* Sekce v menu – Home / Projekty / Videa... */
#sidebar h5 {
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    color: var(--color-text-muted);
    padding: 8px 16px 4px;
    margin: 12px 0 0;
    background: transparent !important;
    border: 0;
}
/* 1. úroveň uvnitř sekce – projekty */
#sidebar ul.topics > li > ul > li > a {
    padding: 6px 16px;
    font-size: 0.95rem;
}

/* číslování 1. / 2. / 3. – ztlumit */
#sidebar ul.topics li a span b {
    color: var(--color-text-muted);
    font-weight: 500;
    margin-right: 4px;
    font-size: 0.85em;
}
/* Úroveň "Úvod" – lehké odsazení, ale ne přehnané */
#sidebar ul.topics > li > ul > li > ul > li a span {
    padding-left: 14px !important;  /* pokud je moc, klidně menší/větší */
}

/* Aktivní podstránka – jemně zvýraznit */
#sidebar ul.topics > li > ul > li > ul > li.active > a {
    background: rgba(255,255,255,0.04) !important;
    border-left: 3px solid var(--color-accent);
    color: #ffffff !important;
}
/* Úroveň "Úvod" – lehké odsazení, ale ne přehnané */
#sidebar ul.topics > li > ul > li > ul > li a span {
    padding-left: 14px !important;  /* pokud je moc, klidně menší/větší */
}

/* Aktivní podstránka – jemně zvýraznit */
#sidebar ul.topics > li > ul > li > ul > li.active > a {
    background: rgba(255,255,255,0.04) !important;
    border-left: 3px solid var(--color-accent);
    color: #ffffff !important;
}
#sidebar ul.topics > li.parent,
#sidebar ul.topics > li.active {
    background: #083238bd;
    margin-left: 0;
    margin-right: 0;
}
/* =========================================================
   Sidebar – sekční nadpis (PROJEKTY)
   ========================================================= */

#sidebar h5.parent > a {
    background: rgba(0, 66, 141, 0.6) !important; /* tvoje modrá, lehce průhledná */
    color: #ffffff !important;

    padding-left: 10px !important;  /* místo 1rem */
    padding-right: 10px !important;

    margin: 0 !important;
    border-radius: 1px;
}

/* šipka vpravo u PROJEKTY */
#sidebar h5.parent i {
    color: var(--color-text-muted);
}
/* =========================================================
   Sidebar – blok pod sekčním nadpisem (ul.topics)
   ========================================================= */

#sidebar ul.topics {
    background: rgba(255, 255, 255, 0.03);  /* jemné zesvětlení */
    padding: 10px !important;
    margin: 20px !important;
    border-radius: 1px;
}
#sidebar h5.active a {
  background: rgba(0, 66, 141, 0.6) !important;
  color: #fff9f9 !important;
}

table {
    border-collapse: collapse;
}

table th {
    background: rgba(0, 66, 141, 0.6) !important;
    color: white;
}

table td {
    background: #134a56;
}

table tbody tr {
    transition: background 0.2s ease;
}

table tbody tr:hover {
    background: rgba(255,255,255,0.08);
}

#sidebar h5 i.fa {
    margin-right: 5px;
}

body .notices.yellow {
    background: #b8802d !important;
    border-left: 10px solid #eeca59 !important;
    color: #fff6e5 !important;
}

body .notices.red {
    background: #8b2a2a !important;
    border-left: 10px solid #e05a5a !important;
    color: #ffecec !important;
}

body .notices.blue {
    background: #2f5f7d !important;
    border-left: 10px solid #5aa6d6 !important;
    color: #e8f6ff !important;
}

body .notices.green {
    background: #2f6a36 !important;
    border-left: 10px solid #63b36c !important;
    color: #eaffea !important;
}

body .notices.yellow p,
body .notices.red p,
body .notices.blue p,
body .notices.green p {
    color: inherit !important;
}