/* =========================
   BARVY
========================= */
:root {
    --gold: #c9a23f;
    --dark: #111111;
    --light: #f8f8f8;
}

/* =========================
   HEADER + MENU
========================= */
#header {
    background-color: var(--dark) !important;
    border-bottom: 2px solid var(--gold);
}

/* menu odkazy */
.navbar-section.desktop-menu a {
    color: var(--gold) !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5rem 1rem 0.5rem 2.2rem;
    position: relative;
    display: inline-block;
}

/* =========================
   TLAPKA – SVG (SAFE)
========================= */
.navbar-section.desktop-menu a::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'>\
<circle cx='16' cy='18' r='6' fill='%23c9a23f'/>\
<circle cx='32' cy='12' r='6' fill='%23c9a23f'/>\
<circle cx='48' cy='18' r='6' fill='%23c9a23f'/>\
<path d='M16 36c0-8 32-8 32 0s-8 18-16 18-16-10-16-18z' fill='%23c9a23f'/>\
</svg>");
}

/* hover */
.navbar-section.desktop-menu a:hover {
    background-color: rgba(201,162,63,0.15);
}

/* aktivni stranka */
.navbar-section.desktop-menu li.active > a {
    border-bottom: 2px solid var(--gold);
}

/* =========================
   DROPDOWN
========================= */
ul.dropdown {
    background-color: var(--dark) !important;
    border: 1px solid var(--gold);
}

ul.dropdown a {
    color: var(--gold) !important;
}

/* =========================
   MOBILE MENU
========================= */
.mobile-menu,
.mobile-menu a {
    background-color: var(--dark) !important;
    color: var(--gold) !important;
}

/* =========================
   LIGHT MODE
========================= */
@media (prefers-color-scheme: light) {
    body {
        background-color: var(--light);
        color: #222;
    }

    #header {
        background-color: #ffffff !important;
    }

    .navbar-section.desktop-menu a {
        color: #222 !important;
    }
}
/* =========================
   FORCE BLACK HEADER (QUARK FIX)
========================= */

#header,
#header.header-dark,
#header:not(.scrolled),
#header.scrolled {
    background-color: #000000 !important;
    color: #c9a23f !important;
    border-bottom: 2px solid #c9a23f;
}

/* navbar container */
.navbar {
    background-color: #000000 !important;
}

/* odkazy v menu */
.navbar a {
    color: #c9a23f !important;
    font-weight: 600;
}

/* hover */
.navbar a:hover {
    background-color: rgba(201,162,63,0.2) !important;
    color: #c9a23f !important;
}

/* aktivni polozka */
.navbar li.active > a {
    border-bottom: 2px solid #c9a23f;
}

/* dropdown menu */
.dropdown,
.dropdown-menu {
    background-color: #000000 !important;
    border: 1px solid #c9a23f;
}

.dropdown a {
    color: #c9a23f !important;
}

/* mobile menu */
.mobile-menu,
.mobile-menu a {
    background-color: #000000 !important;
    color: #c9a23f !important;
}
/* =====================================
   QUARK DARK STYLE – HARD OVERRIDE
===================================== */

/* header – vsechny stavy */
body.header-dark #header,
body.header-dark #header.scrolled,
body.header-dark #header:not(.scrolled),
body.header-dark .navbar {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #c9a23f !important;
}

/* logo sekce */
body.header-dark .navbar-section.logo {
    background: #000000 !important;
}

/* text v menu */
body.header-dark .navbar-section.desktop-menu a {
    color: #c9a23f !important;
    font-weight: 600;
}

/* hover */
body.header-dark .navbar-section.desktop-menu a:hover {
    background-color: rgba(201,162,63,0.25) !important;
    color: #c9a23f !important;
}

/* aktivni polozka */
body.header-dark .navbar-section.desktop-menu li.active > a {
    border-bottom: 2px solid #c9a23f;
}

/* dropdown */
body.header-dark ul.dropdown,
body.header-dark .dropdown-menu {
    background-color: #000000 !important;
    border: 1px solid #c9a23f;
}

body.header-dark ul.dropdown a {
    color: #c9a23f !important;
}

/* mobile menu */
body.header-dark .mobile-menu,
body.header-dark .mobile-menu a {
    background-color: #000000 !important;
    color: #c9a23f !important;
}
/* =====================================
   QUARK – FORCE BLACK NAVBAR
===================================== */

/* sekce header */
body.header-dark section#header.section {
    background-color: #000000 !important;
}

/* samotné menu */
body.header-dark nav.navbar {
    background-color: #000000 !important;
    color: #c9a23f !important;
}

/* text menu */
body.header-dark nav.navbar a {
    color: #c9a23f !important;
    font-weight: 600;
}

/* hover */
body.header-dark nav.navbar a:hover {
    background-color: rgba(201, 162, 63, 0.25) !important;
    color: #c9a23f !important;
}

/* aktivní položka */
body.header-dark nav.navbar li.active > a {
    border-bottom: 2px solid #c9a23f;
}

/* dropdown */
body.header-dark .dropdown,
body.header-dark ul.dropdown {
    background-color: #000000 !important;
    border: 1px solid #c9a23f;
}

body.header-dark .dropdown a {
    color: #c9a23f !important;
}

/* mobile menu */
body.header-dark .mobile-menu,
body.header-dark .mobile-menu a {
    background-color: #000000 !important;
    color: #c9a23f !important;
}
/* =========================
   GOLD LINE UNDER MENU
========================= */

body.header-dark nav.navbar::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-color: #c9a23f;
    box-shadow: 
        0 -2px 0 rgba(255,255,255,0.15),
        0  2px 0 rgba(0,0,0,0.35);
}

}

/* Vynucení viditelnosti galerie */
.gallery-plusplus-wrapper, .gallery-plusplus {
    display: block !important;
    width: 100% !important;
    min-height: 200px !important; /* Aby tam nebyla ta nula */
    opacity: 1 !important;
    visibility: visible !important;
}

.gallery-plusplus img {
    display: block !important;
    height: auto !important;
    max-width: 100% !important;
}