:root {
  --card-bg: #f8f7f0;
}

/* =====================================================
   DARK MODE – ZÁKLAD
===================================================== */

.theme-dark {
    --background: #0f1a17; /* místo úplně černé */
    --color: var(--text-color);
    --bg-color: #121212;
    --text-color: #eaeaea;
    --card-bg: #1c2a25;
    --border-color: #2a2a2a;
    --section-bg: #0f1a17;
    --section-dark: #0f1a17;
    --card-dark: #1c2a25;
    --main-bg: #0f1a17;   
}

.theme-dark body {
  background-color: #0f1a17;
}

.theme-dark p {
  color: #f1f1f1;
}
.theme-dark p a {
  color: #f1f1f1 !important;
}
.theme-dark a {
  color: #ffffff;
}


/* =====================================================
   NADPISY
===================================================== */

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: #ffffff !important;
}

/* =====================================================
   STRANA HLAVIČKA
===================================================== */

.theme-dark .strana-hlavicka img {
  filter: brightness(70%) contrast(1.1);
}
.theme-dark .strana-hlavicka::before {
  background: none;
  background-color: rgba(17, 17, 17, 0.2);
}

/* =====================================================
   COMMON KOMPONENTY
===================================================== */

.theme-dark .common-subtitle img,
.theme-dark .common-subtitle span,
.theme-dark .section-title span {
    filter:
      brightness(0)
      saturate(100%)
      invert(73%) 
      sepia(21%) 
      saturate(582%)
      hue-rotate(110deg)
      brightness(95%)
      contrast(90%);
}


/* =====================================================
   MAIN / OBECNÉ SEKCE
===================================================== */

.theme-dark main.bg-off-green {
  background: transparent;
}

/* =====================================================
   OUR INFO
===================================================== */

.theme-dark .our-info::before {
    background: linear-gradient(
        90deg,
        rgba(17, 17, 17) 0%,
        rgba(17, 17, 17) 50%,
        rgba(17, 17, 17) 100%
    );
}

.theme-dark .our-info__social-icon i:hover {
    box-shadow: 0 0 20px rgba(133,191,24,.35);
}


/* =====================================================
   DARK MODE – SKLÁDKA TĚMICE
===================================================== */

/* -----------------------------------------------------
   ZÁKLAD STRÁNKY
----------------------------------------------------- */

html.theme-dark body {
  background: #101c18;
  color: #e7f0eb;
}

/* -----------------------------------------------------
   BĚŽNÉ SEKCE
----------------------------------------------------- */

html.theme-dark .st-person-section--white {
  background: #101c18;
}

html.theme-dark .st-person-section--green {
  background: #172c24;
}


/* -----------------------------------------------------
   NADPISY A TEXT
----------------------------------------------------- */

html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark p {
  color: #e7f0eb;
}

html.theme-dark .st-person-card h3,
html.theme-dark .st-person-payment strong {
  color: #dcefe5;
}


/* -----------------------------------------------------
   KARTY
----------------------------------------------------- */

html.theme-dark .st-person-card,
html.theme-dark .st-person-payment {
  background: #1b3028;
  border-color: #315447;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .20);
}

html.theme-dark .st-person-card__icon {
  background: #243f34;
  color: #b9e0ca;
}


/* -----------------------------------------------------
   PAYMENT / INFO PANELY
----------------------------------------------------- */

html.theme-dark .st-person-payment__icon {
  background: #075c3b;
  color: #fff;
}


/* -----------------------------------------------------
   ČÍSLA SEKČNÍCH NADPISŮ
----------------------------------------------------- */

html.theme-dark .st-person-number {
  background: #075c3b;
  color: #fff;
}


/* -----------------------------------------------------
   ODKAZY
----------------------------------------------------- */

html.theme-dark a {
  color: #a9d9bc;
}

html.theme-dark a:hover {
  color: #d1f0dc;
}

/* -----------------------------------------------------
   HEADER
----------------------------------------------------- */


html.theme-dark .site-header a {
  color: #a9d9bc !important;
}

html.theme-dark .site-header{
  background: transparent !important;
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)) !important;
}
html.theme-dark .site-header ul li{
  border-bottom-color: #244238;
}
html.theme-dark .desktop-nav .submenu  {
    background: #10231d;
}
html.theme-dark .desktop-nav .submenu i {
    color: #a9d9bc;
}
html.theme-dark .desktop-nav .submenu .active {
    background: #10231d;
    color: var(--theme-orange-hover) !important;
}
html.theme-dark .site-header .nav-menu li.active > a  {
  color: var(--theme-orange-hover) !important;
}
html.theme-dark .desktop-nav .submenu .active i {
  color: var(--theme-orange-hover);
}
/*html.theme-dark .desktop-nav .submenu .active  {
  color: var(--theme-orange-hover) !important;
}*/

html.theme-dark .desktop-nav .submenu .active:hover {
  background: #244238;
}
html.theme-dark .submenu a:hover {
  background: #244238;
  color: var(--white-color);
}

html.theme-dark .site-header{
  background: transparent !important;
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)) !important;
}


html.theme-dark .site-header.is-sticky {
  background: #10231d !important;
}

html.theme-dark .site-header.is-sticky a {
  color: #a9d9bc;
}
html.theme-dark .site-header.is-sticky .nav-menu li.active > a  {
  color: var(--theme-orange-hover);
}
html.theme-dark .site-header.is-sticky .desktop-nav .submenu .active {
  color: var(--theme-orange-hover);
}
html.theme-dark .site-header.is-sticky .submenu a:hover {
  color: var(--white-color);
}

html.theme-dark .site-header .logo-light {
  opacity:1;
}

/* ==========================================
   SEARCH BUTTON
========================================== */

html.theme-dark .header-tools button{
  background:rgba(255,255,255,.12);
  color:#fff;
}

html.theme-dark .header-tools button:hover{
  background:rgba(255,255,255,.12);
  color:var(--theme-orange-hover);
  transform:translateY(-1px);
}

html.theme-dark .site-header.is-sticky .header-tools button {
  background:rgba(255,255,255,.12);
  color:#fff;
}
html.theme-dark .site-header.is-sticky .header-tools button:hover {
  background:rgba(255,255,255,.12);
  color:var(--theme-orange-hover);
  transform:translateY(-1px);

}
html.theme-dark .site-header.is-sticky .header-tools button:active {
  transform:scale(.94);
}

/* =====================================================
   DARK MODE – SVOZY OBCÍ
===================================================== */

html.theme-dark .svozy-heading h2 {
  color: #e7f0eb;
}

html.theme-dark .svozy-heading p {
  color: #b9cbc2;
}

/* Karta obce */
html.theme-dark #svozy-obce .svoz-card {
  background: #162b22;
  border-color: #315447;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

html.theme-dark #svozy-obce .svoz-card:hover {
  border-color: rgba(255, 110, 30, 0.45);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
}

/* Hlavička karty */
html.theme-dark #svozy-obce .svoz-card__header {
  background: linear-gradient(
    135deg,
    rgba(255, 110, 30, 0.12),
    rgba(22, 43, 34, 0)
  );
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html.theme-dark #svozy-obce .svoz-card.is-bio .svoz-card__header {
  background: linear-gradient(
    135deg,
    rgba(77, 160, 75, 0.16),
    rgba(22, 43, 34, 0)
  );
}

html.theme-dark #svozy-obce .svoz-card__location h3 {
  color: #edf5f0 !important;
}

/* Jednotlivé svozy */
html.theme-dark #svozy-obce .svoz-card__item {
  background: rgba(255, 255, 255, 0.045);
}

html.theme-dark #svozy-obce .svoz-card__item.is-komunal {
  background: rgba(255, 110, 30, 0.12);
}

html.theme-dark #svozy-obce .svoz-card__item.is-bio {
  background: rgba(77, 160, 75, 0.15);
}

html.theme-dark #svozy-obce .svoz-card__item-title {
  color: #edf5f0;
}

html.theme-dark #svozy-obce .svoz-card__item-subtitle,
html.theme-dark #svozy-obce .svoz-card__item-note {
  color: #b9cbc2;
}

html.theme-dark #svozy-obce .svoz-card__item-info {
  color: #c9d8d0;
}

html.theme-dark #svozy-obce .svoz-card__item-info span {
  background: rgba(255, 255, 255, 0.07);
}

/* PDF tlačítka a rozbalené odkazy */
html.theme-dark #svozy-obce .svoz-card__button--pdf {
  background: rgba(255, 255, 255, 0.08);
  color: #dbe9e2;
}

html.theme-dark #svozy-obce .svoz-card__button--pdf:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

html.them-dark #svozy-obce .svoz-card__pdf-link {
  background: rgba(255, 255, 255, 0.055);
  color: #dbe9e2;
}

html.theme-dark #svozy-obce .svoz-card__pdf-link:hover {
  background: rgba(255, 110, 30, 0.14);
}
 

html.theme-dark #svozy-obce .svoz-card__button--web {
  color: #a9d9bc ;
}

.svoz-card__button--web:hover {
  color: #fff !important;
}