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

body.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;   
}


/* TEXTY */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: #ffffff;
}


/* LIGHT MODE */
.breadcrumb-wrapper {
  background-color: var(--section-bg, #f8f7f0);
}

/* DARK MODE */
body.dark .breadcrumb-wrapper {
  background-color: #0f1a17;
}


/*** DARK MODE KONTAKTY ***/

body.dark .boxed_wrapper {
    background: #16211d !important;
}


body.dark .kontakty-page-one {
    background: #16211d !important;
}

body.dark .kontakty-style1-content {
    background: #16211d !important;
}


body.dark .auto-container {
    background: transparent !important;
}

body.dark .ekor-container > div {
    background: #16211d !important;
}


body.dark .ekor-container {
    background: #16211d !important;
}

body.dark .accordion-box .block .acc-btn {
    background: #1c2a25;
    border-color: #1c2a25;
}

body.dark .accordion-box .block .acc-btn.active {
    background: #16211d;
}

body.dark .accordion-box .block .acc-content {
    background: #16211d;
    border-color: #1c2a25;
}

/* FORM */
body.dark .kontakty-form-box {
    background: #16211d;
    box-shadow: none;
}

body.dark .kontakty-form-box form input,
body.dark .kontakty-form-box form textarea {
    background: #1c2a25;
    border-color: #1c2a25;
    color: #ffffff;
}

body.dark .ekor-card {
    background: #24352f;
    color: #eaeaea;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

body.dark .ekor-card h3 {
    color: #ffffff;
}

body.dark .ekor-card p {
    color: #c8d5cf;
}

body.dark .ekor-card.active {
    background: #22332d;
    border-color: var(--theme-base);
}

body.dark .ekor-nav {
    background: #16211d;
}

body.dark .ekor-nav a {
    background: #22332d;
    color: #cfe5dc;
}

body.dark .ekor-nav a.active {
    background: var(--theme-base);
    color: #fff;
}

body.dark .ekor-section-title {
    color: #ffffff;
}

body.dark .ekor-section {
    background: #16211d;
}

body.dark .ekor-card i {
    color: var(--theme-base);
}

body.dark .ekor-card:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}


/* ===== DARK MODE – TABULKA FIX ===== */

body.dark .ekor-table {
    background: transparent;
}

body.dark .ekor-row {
    background: #1c2a25 !important;
    border: 1px solid #2a3d36;
}

body.dark .ekor-row.ekor-head {
    background: transparent !important;
    color: #cfe5dc;
}

body.dark .ekor-cell {
    color: #eaeaea;
}

body.dark .ekor-row a {
    color: #7bdcb5;
}

body.dark .ekor-row:hover {
    background: #22332d !important;
}


body.dark table td,
body.dark table th {
    background: transparent !important;
    color: #cfe5dc !important;
}

body.dark table tr {
    border-color: #2a3d36 !important;
}

body.dark .ekor-section-box {
    background: linear-gradient(145deg, #16211d, #1c2a25);
    box-shadow: none !important;
    border: 1px solid #2a3d36;
    border-radius: 16px;
}

body.dark .ekor-card h5 {
    color: #ffffff;
}

body.dark .ekor-card span  {
    color: #a8c1b8;
}

body.dark .ekor-card a {
    color: #7bdcb5;
}

body.dark .ekor-card .text-muted i {
    color: #8fa9a0;
}

body.dark .ekor-card a:hover {
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.6);
}

/* ===== DARK MODE – MUTED TEXT FIX ===== */

body.dark .text-muted {
    color: #8fa9a0 !important;
}

body.dark .ekor-card .text-muted {
    color: #8fa9a0 !important;
}

/* ===== FIX ACTIVE KARTY V DARK MODE ===== */

body.dark .contact-info-section {
    background: transparent !important;
}

body.dark .contact-info-layout {
    background: #16211d !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    overflow: visible;
}

/* ============================================
   CONTACT INFO – DARK MODE VYLEPŠENÍ
============================================ */

/* karta */
body.dark .contact-info {
    background: linear-gradient(145deg, #1c2a25, #16211d);
    border: 1px solid #2a3d36;
    border-radius: 14px;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
    position: relative;
    z-index: 1;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

body.dark .contact-info::before,
body.dark .contact-info::after {
    will-change: opacity, transform;
}


/* ===== FIX ACTIVE KARTY V DARK MODE ===== */
body.dark .contact-info:hover,
body.dark .contact-info.active {
    background: linear-gradient(145deg, #22332d, #1a2722) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    transform: translateY(-20px) scale(1.01);
    border: 1px solid #4cd3a3;
    z-index: 10;
}


@keyframes pulseSoft {
    0% { transform: translateY(-10px) scale(1.01); }
    50% { transform: translateY(-10px) scale(1.03); }
    100% { transform: translateY(-10px) scale(1.01); }
}

body.dark .contact-info:not(:hover) {
    opacity: 0.85;
}

body.dark .contact-info:hover::after {
    left: 120%;
}

body.dark .contact-info.active::before {
    background: radial-gradient(circle at center, rgba(76,211,163,0.12), transparent 70%);
    border: 1px solid rgba(76,211,163,0.2);
}

/* nadpis */
body.dark .contact-info h3 {
    color: #ffffff;
}

/* popisek */
body.dark .contact-info p {
    color: #a8c3b8;
}

/* ikona */
body.dark .contact-info .icon {
    color: #4cd3a3;
}

/* hover ikon */
body.dark .contact-info:hover .icon {
    color: #6ef0c0;
    transform: scale(1.1);
}

/* jemný glow */
body.dark .contact-info::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at top left, rgba(76,211,163,0.08), transparent 60%);
    pointer-events: none;
}



/*** DARK MODE SBERNE-DVORY ***/

body.dark .sberne-dvory-section {
    background: linear-gradient(180deg, #0f1a17, #16211d);
}

body.dark .camping-card {
    background: linear-gradient(145deg, #1c2a25, #16211d);
    border: 1px solid #2a3d36;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

body.dark .camping-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.6);
    border-color: #4cd3a3;
}

body.dark .camping-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 20% 0%, rgba(76,211,163,0.04), transparent 70%);
    pointer-events: none;
    opacity: 0;
    transition: 0.3s;
}

body.dark .camping-card:hover::before {
    opacity: 1;
    background: radial-gradient(circle at 20% 0%, rgba(76,211,163,0.06), transparent 70%);
}


body.dark .camping-card .title h3,
body.dark .camping-card .title h3 a {
    color: #ffffff;
}

body.dark .camping-card .text p {
    color: #a8c3b8;
}

body.dark .camping-card .content .date {
    background: #1c2a25;
    border: 1px solid #2a3d36;
    color: #cfe5dc;
}

body.dark .camping-card .content .date i {
    color: #4cd3a3; /* hlavní zelená */
    opacity: 0.9;
}

body.dark .camping-card .content .date .tag {
    background: rgba(76, 211, 163, 0.08);
    display: flex;
    align-items: center;
    gap: 6px;
}

body.dark .camping-card .content .date .tag:hover {
    background: #4cd3a3;
}
body.dark .camping-card .content .date .tag:hover i {
    color: #0f1a17;
}

body.dark .camping-card .content .donation-wrap {
    background: #16211d;
    border: 1px solid #2a3d36;
}

body.dark .camping-card .content .donation-wrap .d-top p {
    color: #ffffff;
}

body.dark .camping-card .content .donation-wrap .progress {
    background: rgba(76,211,163,0.1);
}

body.dark .camping-card .content .donation-wrap .progress-bar {
    background: #4cd3a3;
}

body.dark .camping-card .d-btn {
    background: #4cd3a3;
    color: #0f1a17;
}

body.dark .camping-card .d-btn .icon-wrap {
    background: #0f1a17;
    color: #4cd3a3;
}

body.dark .camping-card .d-wishlist {
    border-color: #2a3d36;
    color: #cfe5dc;
}

body.dark .camping-card .d-wishlist:hover {
    color: #4cd3a3;
}

body.dark .hero-side,
body.dark .services-section .project-card .thumb img,
body.dark .what-we-do-section  .project-card .thumb img,
body.dark .camping-card .thumb img,
body.dark .breadcrumb-thumb img,
body.dark .shape-wrapped-thumb-1,
body.dark .why-us-section-2 .thumb img,
body.dark .why-us-section-2 .experience-shape,
body.dark .swiper-wrapper .slide-bg,
body.dark .map-section .contact-map iframe {
  opacity: 1.5;  /* ztlumení světlých obrázků*/
  filter: brightness(70%) contrast(1.1);
}

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


body.dark .why-us-section-2-bg img,
body.dark .d-shape-1 {
    opacity: 0.15; /* ztlumení světlých obrázků */
    filter: brightness(0.6);
}

/* kolečko za ikonou */
body.dark .contact-info .icon-shape {
    background: rgba(76, 211, 163, 0.08);
}

body.dark .opening-hours {
    color: #a8c3b8;
}
/*#d8efe6*/
/*body.dark .opening-hours .day {*/
body.dark .content .content-top .opening-hours .day,
body.dark .content .content-top .opening-hours i {
    color: #ffffff;
}

body.dark .content .content-top .opening-hours .time,
body.dark .content .content-top .opening-hours .time-2,
body.dark .content .content-top .opening-hours .time-3,
body.dark .content .content-top .opening-hours .time-4,
body.dark .content .content-top .opening-hours .time-so {
  color: #a8c3b8
}

body.dark .content .content-top .opening-hours .highlight {
    color: #6ef0c0;
}


/*color: #a8c3b8*/

.opening-hours .empty {
    visibility: hidden;
}

/* wrapper */
body.dark .donation-wrap {
    color: #a8c3b8;
    border-top: 1px solid rgba(76, 211, 163, 0.15);
    padding-top: 10px;
}


/* nadpis */
body.dark .donation-wrap .d-top p,
body.dark .donation-wrap p:first-child {
    color: #e6f4ef;
    font-weight: 600;
}

/* hlavní info (adresa, telefon, mail) */
body.dark .donation-wrap .fund span {
    color: #a8c3b8;
}

/* odkazy */
body.dark .donation-wrap a {
    color: #a8c3b8;
    display: flex;
    align-items: center;
    gap: 8px;

}

body.dark .donation-wrap a:hover {
    color: #6ef0c0;
}

/* ikony */
body.dark .donation-wrap i {
    color: #4cd3a3;
    opacity: 0.9;
}

/* disabled text (např. není k dispozici) */
/*body.dark .donation-wrap .fund .text-muted {
    color: #6f8f86 !important;
    opacity: 0.8;
}*/

body.dark .donation-wrap .fund,
body.dark .donation-wrap .fund-souradnice {
  transition: all 0.2s ease;
}

body.dark .donation-wrap .fund:hover,
body.dark .donation-wrap .fund-souradnice:hover {
    transform: translateX(4px);
    color: #ffffff;
}

body.dark .camping-card:hover .donation-wrap {
    background: #1a2722; /* jemná změna */
}

body.dark .camping-card .fund {
    color: #a8c3b8;
}

body.dark .camping-card .fund span {
    color: #cfe5dc;
}

body.dark .camping-card .fund i {
    color: #4cd3a3;
}

.camping-card .fund i {
    color: var(--theme-color-3);
    width: 16px;
}


body.dark .camping-card .content .donation-wrap .fund *,
body.dark .camping-card .content .donation-wrap .fund-souradnice * {
  color: #868681;
}

body.dark .camping-card .donation-wrap .fund .text-muted span,
body.dark .camping-card .donation-wrap .fund .text-muted i {
    color: #6f8f86 !important;
}

/* ===== HOVER EFFECT (LIGHT MODE) ===== */

body:not(.dark) .camping-card:hover .fund,
body:not(.dark) .camping-card:hover .fund-souradnice,
body:not(.dark) .camping-card:hover .fund-souradnice -i {
    color: var(--white-color);
}

body:not(.dark) .camping-card:hover .fund span {
    color: var(--theme-color-2);
}

body:not(.dark) .camping-card:hover .fund i,
body:not(.dark) .camping-card:hover .fund-souradnice,
body:not(.dark) .camping-card:hover .fund-souradnice i {
    color: var(--theme-color-2);
}

/* ===== LIGHT MODE – FUND GREEN ===== */

body:not(.dark) .camping-card .content .donation-wrap .fund,
body:not(.dark) .camping-card .content .donation-wrap .fund-souradnice {
    color: var(--theme-color-3);
}

body:not(.dark) .camping-card .content .donation-wrap .fund i,
body:not(.dark) .camping-card .content .donation-wrap .fund-souradnice i{
    color: var(--theme-color-3);
}

body:not(.dark) .camping-card .content .donation-wrap .fund a,
body:not(.dark) .camping-card .content .donation-wrap .fund p {
    color: inherit;
}


/* ===== HOVER FIX (funguje i přes dark konflikty) ===== */

.camping-card:hover .donation-wrap .fund,
.camping-card:hover .donation-wrap .fund-souradnice,
.camping-card:hover .donation-wrap .fund-souradnice i,
.camping-card:hover .donation-wrap .fund a {
    color: var(--white-color) !important;
}

.camping-card:hover .donation-wrap .fund i,
.camping-card:hover .donation-wrap .fund-souradnice i{
    color: var(--theme-color-2) !important;
}

body:not(.dark) .camping-card:hover .donation-wrap .fund,
body:not(.dark) .camping-card:hover .donation-wrap .fund-souradnice,
body:not(.dark) .camping-card:hover .donation-wrap .fund-souradnice i,
body:not(.dark) .camping-card:hover .donation-wrap .fund a {
    color: var(--white-color);
}

/* ===== HOVER TEXT FIX ===== */

.camping-card:hover .donation-wrap .fund,
.camping-card:hover .donation-wrap .fund a,
.camping-card:hover .donation-wrap .fund span {
    color: var(--theme-color-2) !important;
}


/*** 
=============================================
    o-ekoru Dark Mode   
=============================================
***/
.service-card {
  background-color: var(--card-bg);
}

body.dark .o-ekoru-style1-area {
    background: transparent !important;
}

body.dark .camping-card::before,
body.dark .contact-info::before {
  opacity: 0.3;
}

body.dark .service-card {
    background: #1c2a25;
    border: 1px solid #2a3d36;
    color: #eaeaea;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

body.dark .service-card h4 {
    color: #ffffff;
}

body.dark .service-card p {
    color: #a8c3b8;
}

body.dark .service-card i {
    color: #4cd3a3;
}

body.dark .why-us-section-2 {
    background: #0f1a17;
}

body.dark .separace-benefits ul li {
    color: #a8c3b8;
}

body.dark .kopostarna-benefits ul li {
    color: #a8c3b8;
}

body.dark .why-us-content p {
    color: #a8c3b8;
}

body.dark .achievement {
    color: #eaeaea;
    background: rgba(28, 42, 37, 0.6);
    border: 1px solid #2a3d36;
    border-radius: 12px;
    padding: 20px;
/*    backdrop-filter: blur(4px);*/
}

body.dark .achievement i {
    color: #4cd3a3;
    /*opacity: 0.9;*/
    /*transition: 0.3s ease;*/
}

body.dark .achievement:hover i {
  color: var(--theme-color-2);
  transform: scale(1.1);
}

body.dark .achievement h2 {
    color: #4cd3a3;
}

body.dark .achievement p {
    color: #a8c3b8;
}

body.dark section {
  background: transparent !important;
}

/* ===== DARK MODE – REMOVE STRIPES ===== */
body.dark .service-card,
body.dark .achievement,
body.dark .contact-info {
  box-shadow: 0 5px 20px rgba(0,0,0,0.25);
}

body.dark .section,
body.dark .contact-info-section,
body.dark .services-section,
body.dark .company-achievements-section {
    background: transparent !important;
}

body.dark .services i {
  color:#4cd3a3; 
}

/* ==============================================
   DARK MODE – FOOTER FIX COMPLETE - VERZE SVĚTLÁ
================================================= */


body.dark .footer__item ul li a:hover,
body.dark .footer__hours .footer__hours-title:hover span,
body.dark .footer__hours .footer__hours-item:hover span,
body.dark .footer__item ul li a.active {
    color: var(--theme-color-2);
}

body.dark .footer__item ul li.active a {
  color: var(--body-color);
}

body.dark .footer {
    background: #0f1a17 !important;
    background-image: none !important;
}

body.dark .footer__item p,
body.dark .footer__item ul li a,
body.dark .footer__copyright,
body.dark .footer__hours .footer__hours-title span,
body.dark .footer__hours .footer__hours-item span{
    color: #a8c3b8;
}

body.dark .footer__hours .footer__hours-item strong{
  color: var(--theme-orange);
}

body.dark .footer__item h3 {
    color: #ffffff;
}

body.dark .footer__copyright {
  background: #001f1d;
}

body.dark .footer__get-in-touch-otevreni .text span {
  color: var(--theme-color-2);
}

body.dark .footer-item .map-popup {
  color: #a8c3b8;
}

/* =========================================
   DARK MODE – HEADER FIX COMPLETE
========================================= */

/* hlavní header */
body.dark .main-header {
    background: #0e1512;
    color: #cfe5dc;
}

body.dark .main-header a {
    color: #cfe5dc;
}

/* logo box */
body.dark .main-logo-box {
    background-color: rgba(255,255,255,0.03);
}

/* Aktivní stránka*/
body.dark .main-header .main-menu ul li.active a {
  background: #737d79;
  
}
body.dark .main-header .main-menu ul li a:hover {
  background:#737d79 !important;
  color: #ffffff ;
}


body.dark .main-menu ul .has-dropdown .sub-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 38px;
  width: 14px;
  height: 14px;
  background: linear-gradient(
    145deg,
    #16211d,
    #1c2a25
  );
  border-left: 1px solid #2a3d36;
  border-top: 1px solid #2a3d36;
  transform: rotate(45deg);
  box-shadow: 0 0 12px rgba(76, 211, 163, 0.15);
}

body.dark .main-menu ul .has-dropdown .sub-menu li a i {
      color: #ffffff;
}

body.dark .main-menu ul .has-dropdown .sub-menu li a:hover i {
  color: var(--theme-color-2);
}

body.dark .main-header .main-menu .navigation > li:hover > a {
    color: #ffffff;
}
body.dark .main-menu ul .has-dropdown .sub-menu li a:hover {
  background: rgba(76, 211, 163, 0.15);
  color: #ffffff;
  transform: translateX(4px);
}


body.dark .main-header .main-menu .navigation > li > a span:before {
    background: linear-gradient(90deg, #4cd3a3, #2bbf90);
}

/* telefon */
body.dark .main-header .header-info-content span {
    color: #8fa9a0;
}

body.dark .main-header .header-info-content a {
    color: #ffffff;
}

/* ikonky */
body.dark .main-header i {
    color: #4cd3a3;
}
/* dropdown */

body.dark .main-menu ul .has-dropdown .sub-menu li a {
  color: #a8c3b8;
  transition: all 0.2s ease;
}

body.dark .main-menu ul .has-dropdown .sub-menu {
  background: linear-gradient(145deg, #16211d, #1c2a25);
  border: 1px solid #2a3d36;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* dropdown background */
body.dark .main-header .main-menu .navigation li ul,
body.dark .main-header .main-menu .sub-menu {
    background: linear-gradient(145deg, #16211d, #1c2a25) !important;
    border: 1px solid #2a3d36 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* položky */
body.dark .main-header .main-menu .navigation > li > ul > li > a {
    color: #a8c3b8 !important;
    padding: 10px 18px;
    transition: all 0.25s ease;
}

body.dark .main-header .main-menu .navigation li ul li a:hover {
    background: rgba(76, 211, 163, 0.15) !important;
    color: #ffffff !important;
}

/* aktivní položka */
body.dark .main-header .main-menu .navigation > li > ul > li.current > a {
    background: rgba(76, 211, 163, 0.2);
    color: #4cd3a3;
}

/* oddělení položek (jemné) */
body.dark .main-header .main-menu .navigation > li > ul > li {
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

body.dark .main-header .main-menu .navigation > li > ul > li:last-child {
    border-bottom: none;
}

/* search button */
body.dark .search-toggler span {
    color: #9fb3aa;
}

body.dark .search-toggler:hover span {
  color: var(--theme-orange);
  transform: scale(1.1);
}

/* sticky header */
body.dark .main-header.fixed-header {
    background: rgba(14, 21, 18, 0.95);
    box-shadow: 0 5px 20px rgba(0,0,0,0.4);
    backdrop-filter: blur(10px);
}

body.dark .gdpr-text {
    line-height: 1.8;
}

body.dark .gdpr-text strong {
    color: #ffffff;
}

/*body.dark .gdpr-text h3 + p {
    color: #ffffff;
    font-weight: 500;
}*/

body.dark .gdpr-text h2 {
    color: #4cd3a3;;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
}

body.dark .gdpr-text h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #4cd3a3;
    margin-top: 10px;
    border-radius: 2px;
}
/* běžný text */
body.dark .gdpr-text p {
    color: #cfe5dc;
}

/* seznamy lehce světlejší */
body.dark .gdpr-text li {
    color: #d9efe7;
}


#theme-toggle {
    background: #1c2a25;
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    color: #9fb3aa;
    font-size: 18px;
    cursor: pointer;
    transition: all .3s ease;
}

#theme-toggle:hover {
    background: #2a3d36;
    color: #ffffff;
    transform: translateY(-1px);
}

body.dark .search-button .toggle-button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-logo {
  transition: opacity 0.2s ease;
}

body.dark .site-logo {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}
/* LIGHT */
body:not(.dark) .footer-logo img {
    filter: brightness(0) invert(1);
}

/* DARK (klidně stejné nebo jiné) */
body.dark .footer-logo img {
    filter: brightness(0) invert(1);
}

.footer-logo-img {
    filter: brightness(0) invert(1);
}

/* 🔥 KRITICKÉ – zrušení absolute bordelu */
body.dark .header-bar .bar {
    width: 18px;
    height: 2px;
    background: #ffffff;

    position: static !important;
    transform: none !important;
}

/* =========================================
   DARK MODE – HAMBURGER RESET (funkční základ)
========================================= */

/* 🔥 reset template hacků */
body.dark .header-bar .bar-1,
body.dark .header-bar .bar-2,
body.dark .header-bar .bar-3 {
    margin: 0 !important;
}


/* =========================================
   DARK MODE – HAMBURGER FINAL FIX
========================================= */


/* wrapper */
body.dark .header-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(28,42,37,0.9);
    border: 1px solid #2a3d36;
}

/* ČÁRKY – tvrdý reset */
/* FIX – nikdy nezobrazuj oba najednou */

/* desktop */
@media (min-width: 1200px) {
    body.dark .open-mobile-menu {
        display: none !important;
    }
}

/* mobile */
@media (max-width: 1199px) {
    body.dark .open-sidebar {
        display: none !important;
    }
}

/* OFF-CANVAS – DARK MODE */
body.dark .off-canvas-sidebar,
body.dark .off-canvas-menubar {
    background: #0e1512;
    color: #cfe5dc;
    box-shadow: 0 0 40px rgba(0,0,0,0.6);
}

body.dark .off-canvas-sidebar-body,
body.dark .off-canvas-menubar-body {
    background: #0e1512;
}

body.dark .off-canvas-sidebar h6,
body.dark .off-canvas-sidebar p,
body.dark .off-canvas-menubar a {
    color: #cfe5dc;
}

body.dark .off-canvas-menubar ul li a {
    color: #a8c3b8;
}

body.dark .off-canvas-menubar ul li a:hover {
    color: #ffffff;
    background: rgba(76, 211, 163, 0.1);
}

body.dark .off-canvas-menubar .sub-menu {
    background: #16211d;
}

body.dark .off-canvas-menubar .sub-menu li a {
    color: #a8c3b8;
}

body.dark .off-canvas-contact-item .text h6 {
    color: #ffffff;
}

body.dark .off-canvas-contact-item .text p {
    color: #9fb3aa;
}

body.dark .off-canvas-contact-item .icon {
    background: #1c2a25;
    color: #4cd3a3;
}

body.dark .off-canvas-sidebar-close,
body.dark .off-canvas-menubar-close {
    color: #ffffff;
}

body.dark .off-canvas-sidebar-overlay,
body.dark .off-canvas-menubar-overlay {
    background: rgba(0,0,0,0.7);
}

/* 🔥 DARK MODE override */
body.dark .logo-link {
  border-color: rgba(var(--white-color-rgb), 1.5);
}

body.dark .logo-link:hover::after {
  left: 100%;
}

/* klik efekt */
body.dark .logo-link:active img {
  transform: scale(0.96);
  transition: transform 0.1s ease;
}

body.dark .logo-link::after {
  content: "";
  position: absolute;
  left: -40%;
  bottom: 0;
  width: 50%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--white-color-rgb), 0.8),
    transparent
  );
  transition: left 0.4s ease;
}

body.dark .main-menu a i,
body.dark .off-canvas-menu a i {
  color: #fff;
}

body.dark .main-menu a:hover i,
body.dark .off-canvas-menu a:hover i {
  color: var(--theme-color-2);
}

/*** DARK MODE KOMUNÁL ***/

body.dark .boxed_wrapper {
    background: #16211d !important;
}

body.dark .kontakty-page-one {
    background: #16211d !important;
}

body.dark .kontakty-style1-content {
    background: #16211d !important;
}


body.dark .auto-container {
    background: transparent !important;
}

body.dark .ekor-komunal-container > div {
    background: #16211d !important;
}


body.dark .ekor-komunal-container {
    background: #16211d !important;
}

body.dark .accordion-box .block .acc-btn {
    background: #1c2a25;
    border-color: #1c2a25;
}

body.dark .accordion-box .block .acc-btn.active {
    background: #16211d;
}

body.dark .accordion-box .block .acc-content {
    background: #16211d;
    border-color: #1c2a25;
}

/* FORM */
body.dark .kontakty-form-box {
    background: #16211d;
    box-shadow: none;
}

body.dark .kontakty-form-box form input,
body.dark .kontakty-form-box form textarea {
    background: #1c2a25;
    border-color: #1c2a25;
    color: #ffffff;
}

body.dark .ekor-komunal-card {
    background: #24352f;
    color: #eaeaea;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

body.dark .ekor-komunal-card h3 {
    color: #ffffff;
}

body.dark .ekor-komunal-card p {
    color: #c8d5cf;
}

body.dark .ekor-komunal-card.active {
    background: #22332d;
    border-color: var(--theme-base);
}

body.dark .ekor-komunal-nav {
    background: #16211d;
}

body.dark .ekor-komunal-nav a {
    background: #22332d;
    color: #cfe5dc;
}

body.dark .ekor-komunal-nav a.active {
    background: var(--theme-base);
    color: #fff;
}

body.dark .ekor-komunal-section-title {
    color: #ffffff;
}

body.dark .ekor-komunal-section {
    background: #16211d;
}

body.dark .ekor-komunal-card i {
    color: var(--theme-base);
}

body.dark .ekor-komunal-card:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}


/* ===== DARK MODE – TABULKA FIX ===== */

body.dark .ekor-komunal-table {
    background: transparent;
}

body.dark .ekor-komunal-row {
    background: #1c2a25 !important;
    border: 1px solid #2a3d36;
}

body.dark .ekor-komunal-row.ekor-komunal-head {
    background: transparent !important;
    color: #cfe5dc;
}

body.dark .ekor-komunal-cell {
    color: #eaeaea;
}

body.dark .ekor-komunal-row a {
    color: #7bdcb5;
}

body.dark .ekor-komunal-row:hover {
    background: #22332d !important;
}


body.dark komunal-table td,
body.dark komunal-table th {
    background: transparent !important;
    color: #cfe5dc !important;
}

body.dark komunal-table tr {
    border-color: #2a3d36 !important;
}

body.dark .ekor-komunal-section-box {
    background: linear-gradient(145deg, #16211d, #1c2a25);
    box-shadow: none !important;
    border: 1px solid #2a3d36;
    border-radius: 16px;
}

body.dark .ekor-komunal-card h5 {
    color: #ffffff;
}

body.dark .ekor-komunal-card span  {
    color: #a8c1b8;
}

body.dark .ekor-komunal-card a {
    color: #7bdcb5;
}

body.dark .ekor-komunal-card .text-muted i {
    color: #8fa9a0;
}

body.dark .ekor-komunal-card a:hover {
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.6);
}

/* ===== DARK MODE – MUTED TEXT FIX ===== */

body.dark .text-muted {
    color: #8fa9a0 !important;
}

body.dark .ekor-komunal-card .text-muted {
    color: #8fa9a0 !important;
}

/* ===== DARK MODE – TABULKA KOMUNAL FIX ===== */

body.dark .ekor-komunal-row {
    background: #1c2a25 !important;
    border: 1px solid #2a3d36;
}

body.dark .ekor-komunal-row.ekor-komunal-head {
    background: transparent !important;
    color: #cfe5dc;
}

body.dark .ekor-komunal-cell {
    color: #eaeaea;
}

body.dark .ekor-komunal-row a {
    color: #7bdcb5;
}

body.dark .ekor-komunal-row:hover {
    background: #22332d !important;
}

body.dark .ekor-komunal-section-box {
    background: linear-gradient(145deg, #16211d, #1c2a25);
    box-shadow: none !important;
    border: 1px solid #2a3d36;
    border-radius: 16px;
}


body.dark .komunal-row {
    background: #1c2a25 !important;
    border: 1px solid #2a3d36;
}

body.dark .komunal-grid .komunal-col .item{
    background: #1c2a25 !important;
    border: 1px solid #2a3d36;
}
body.dark .komunal-head span {
    background: transparent !important;
    /*border: 1px solid #2a3d36;*/
    color: #fff;
}


body.dark .komunal-cell {
    color: #eaeaea;
}

body.dark .komunal-row a {
    color: #7bdcb5;
}

body.dark .komunal-row:hover {
    background: #22332d !important;
}

body.dark .komunal-section-box {
    background: linear-gradient(145deg, #16211d, #1c2a25);
    box-shadow: none !important;
    border: 1px solid #2a3d36;
    border-radius: 16px;
}

body.dark .ekor-komunal-ui {
      background: transparent;
}

body.dark main.bg-cream,
body.dark main.bg-off-white-2,
body.dark main.bg-off-green, 
body.dark .process-section.bg-off-green {
  background: transparent;
}




/*** 
=============================================
    SKLÁDKA – DARK MODE FIX (FINAL)
=============================================
***/

/* KARTY (ty zelené pill boxy) */
body.dark .view-odpad-wrap .karta-odpad {
  background: #1c2a25;
  border: 1px solid #2a3d36;
  color: #eaeaea;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  transition: 0.3s;
}

body.dark .view-odpad-wrap .karta-odpad:hover {
  background: #22332c;
  border-color: #3e5a50;
  transform: translateX(6px);
}

body.dark .karta-odpad {
  backdrop-filter: blur(6px);
}

/* NADPISY */
body.dark .details-title h2,
body.dark .details-title h3 {
  color: #ffffff;
}

/* TEXTY */
body.dark .details-odpad-wrap p {
  color: #a8c3b8;
}

body.dark .details-odpad-wrap .view-odpad-wrap h5 {
  color: #d8efe6;
}

/* IKONY */
body.dark .details-odpad-wrap i {
  color: #4cd3a3;
}

/* SIDEBAR */
body.dark .s-widget-wrap {
  background: #1c2a25;
  border: 1px solid #2a3d36;
  border-radius: 12px;
}

/* SIDEBAR TITLE */
body.dark .detail-sidebar .w-title h3 {
  color: #ffffff;
}

/* SKLADKA GRID (box) */
body.dark .skladka-col .item {
  background: rgba(255,255,255,0.03);
}

body.dark .skladka-col .item:hover {
  background: rgba(76, 211, 163, 0.15);
}

/* KOLEČKO */
body.dark .skladka-col .item span {
  background: #2a3d36;
  color: #4cd3a3;
}

/* TEXT V TABULCE */
body.dark .skladka-col i {
  color: var(--theme-color-2);
}

body.dark .skladka-col .item .day,
body.dark .skladka-col .item .time,
body.dark .skladka-col .item span  {
  background: rgba(255,255,255,0);  
  color: #d8efe6
}

body.dark .skladka-grid row {
  color: #d8efe6;
}

body.dark .skladka-col .item strong {
  color: #4cd3a3;
}

/* HEADER TABULKY */
body.dark .skladka-head span {
  color: var(--theme-color);
}

/* SLIDER (aby nebyl světlý) */
body.dark .banner-slide-wrap {
  background: #1c2a25;
}

body.dark .detail-sidebar .s-widget-wrap .w-title .bar-wrap {
  position: relative;
  z-index: 1;
  margin: 10px 0 30px;
}

body.dark .detail-sidebar .s-widget-wrap .w-title .bar-wrap .bar-1 {
  border-bottom: 2px solid rgba(0, 69, 64, 0.1);
}

body.dark .detail-sidebar .s-widget-wrap .w-title .bar-wrap .bar-2 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(216, 239, 230, 0) 0%, #d8efe6 100%);
}

/* =========================================
   DARK MODE – JAK A PROČ TŘÍDIT
========================================= */

body.dark .trideni-details-section {
    background: transparent !important;
}

/* hlavní obsah */
body.dark .trideni-details-content {
    color: #d8efe6;
}

/* úvodní info box */
body.dark .trideni-details-content h5 {
    background: linear-gradient(145deg, #1c2a25, #16211d);
    border: 1px solid #2a3d36;

    color: #cfe5dc;

    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* zvýraznění */
body.dark .trideni-details-content h5 strong {
    color: #6ef0c0;
}

/* texty */
body.dark .trideni-detail-text ul li,
body.dark .trideni-detail-text p,
body.dark .trideni-tip-box span,
body.dark .trideni-warning-box ul li {
    color: #b8d3c8;
}

/* =========================
   WARNING BOX
========================= */

body.dark .trideni-warning-box {
    background: linear-gradient(145deg, #1c2a25, #16211d);

    border: 1px solid #2a3d36;
    border-left: 5px solid var(--accent-color);

    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* title */
body.dark .trideni-warning-box .warning-title {
    color: #ffffff;
}

/* červená ikona */
body.dark .trideni-warning-box .warning-title i {
    color: #ff6b6b;
}

/* =========================
   TIP BOX
========================= */

body.dark .trideni-section .trideni-tip-box {
    background:
      linear-gradient(
        145deg,
        rgba(28,42,37,0.95),
        rgba(22,33,29,0.95)
      );
    border-left: 5px solid var(--accent-color);
    box-shadow:
      0 10px 30px rgba(0,0,0,0.35),
      inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(6px);
}

/* jemný glow */
body.dark .trideni-section .trideni-tip-box::before {
    background: linear-gradient(
      135deg,
      rgba(255,255,255,0.03),
      transparent
    );
}

/* text */
body.dark .trideni-section .trideni-tip-box span {
    color: #cfe5dc;
}

/* strong */
body.dark .trideni-section .trideni-tip-box strong {
    color: var(--accent-color);
}

/* =========================
   DIVIDER
========================= */

body.dark .trideni-divider::before {
    background: linear-gradient(
      to right,
      transparent,
      rgba(255,255,255,0.08),
      transparent
    );
}

body.dark .trideni-divider span {
    background: #16211d;

    border: 1px solid rgba(255,255,255,0.08);

    box-shadow:
      0 10px 25px rgba(0,0,0,0.4),
      inset 0 1px 0 rgba(255,255,255,0.04);
}

/* =========================
   NADPISY SEKCÍ
========================= */

body.dark .trideni-section .trideni-details-title h2 {
    color: var(--accent-color);

    text-shadow:
      0 0 12px rgba(255,255,255,0.03);
}

/* podnadpis */
body.dark .trideni-detail-text p span {
    color: #ffffff;
}

/* ikonka v kolečku */
body.dark .trideni-detail-text p span::before {
    background: rgba(255,255,255,0.05);

    border: 1px solid rgba(255,255,255,0.04);

    color: var(--accent-color);
}

/* marker */
body.dark .trideni-section ul li::marker {
    color: var(--accent-color);
}

/* obrázek */
body.dark .thumb-wrap-trideni img,
body.dark .trideni-section-image img {
    filter:
      brightness(0.78)
      contrast(1.05)
      saturate(0.92);

    box-shadow: 0 20px 40px rgba(0,0,0,0.45);
}

/* =========================
   DARK – STICKY NAV
========================= */

body.dark .trideni-sticky-nav {
  background: rgba(9, 20, 17, 0.82);

  border: 1px solid rgba(255,255,255,0.04);

  box-shadow:
    0 15px 40px rgba(0,0,0,0.45);
}

body.dark .trideni-sticky-nav a {
  color: #d7efe4;
}

body.dark .trideni-sticky-nav a:hover,
body.dark .trideni-sticky-nav a.active {
  background: var(--theme-color);
  color: #fff;
}
body.dark .trideni-sticky-nav a {
  color: #d7efe4;
}

body.dark .trideni-sticky-nav a:hover {
  background: var(--theme-color);
  color: #fff;
}

body.dark .trideni-warning-box:hover {
  box-shadow:
    0 20px 45px rgba(0,0,0,0.45),
    0 0 20px rgba(255,255,255,0.03);
  transform: translateY(-4px);
}

/* =========================================
   DARK MODE — PRODEJ DETAIL
========================================= */

body.dark .prodej-details-section {
    background: #071311;
}

/* =========================
   HORNÍ INFO
========================= */

body.dark .prodej-subtitle {
    color: rgba(255,255,255,0.45);
}

body.dark .prodej-box {
    background:
        linear-gradient(
            145deg,
            #10211d,
            #0b1815
        );
    border: 1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

body.dark .prodej-box span {
    color: #e8f3ef;
}

/* =========================
   OTEVÍRACÍ DOBA
========================= */

body.dark .prodej-detail-sidebar .prodej-s-widget-wrap {
    background:
        linear-gradient(
            145deg,
            #10211d,
            #0b1815
        );
    border: 1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

body.dark .prodej-detail-sidebar .prodej-s-widget-wrap:hover {
    box-shadow:
        0 25px 70px rgba(0,0,0,0.6);
}

body.dark .prodej-detail-sidebar .prodej-s-widget-wrap .prodej-w-title h3 {
    color: #ffffff;
}

/* divider */

body.dark .prodej-bar-1 {
    border-bottom:
        2px solid rgba(255,255,255,0.08);
}

body.dark .prodej-bar-2 {
    background:
        linear-gradient(
            90deg,
            rgba(16,185,129,0) 0%,
            #10b981 100%
        );
}

/* head */

body.dark .prodej-head div {
    color: #f59e0b;
}

/* řádky */

body.dark .prodej-item {
    background:
        rgba(255,255,255,0.03);

    border:
        1px solid rgba(255,255,255,0.04);
}

body.dark .prodej-item:hover {
    background:
        rgba(16,185,129,0.08);

    box-shadow:
        0 15px 40px rgba(0,0,0,0.35);
}

/* ikona */

body.dark .prodej-item i {
    background:
        rgba(16,185,129,0.12);

    color: #34d399;
}

/* den */

body.dark .prodej-day {
    color: #f3f4f6;
}

/* čas */

body.dark .prodej-time {
    color: #34d399;
}

/* =========================
   PRODUKT KARTA
========================= */

body.dark .prodej-detail-card {
    background:
        linear-gradient(
            145deg,
            #10211d,
            #0b1815
        );
    border:
        1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

body.dark .prodej-detail-card:hover {
    box-shadow:
        0 28px 70px rgba(0,0,0,0.65);
}

/* obrázek */

body.dark .prodej-thumb {
    background:
        rgba(255,255,255,0.03);
}

/* =========================
   DETAIL PRODUKTU
========================= */

body.dark .prodej-detail-content {
    background:
        linear-gradient(
            145deg,
            #10211d,
            #0b1815
        );
    border:
        1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

/* subtitle */

body.dark .prodej-content-wrap .subtitle {
    color: rgba(255,255,255,0.45);
}

/* title */

body.dark .prodej-content-wrap .title {
    color: #ffffff;
}

/* description */

body.dark .prodej-content-wrap p {
    color: #b6c4bf;
}

/* parametry */

body.dark .prodej-details-wrap {
    border-top:
        1px solid rgba(255,255,255,0.08);

    border-bottom:
        1px solid rgba(255,255,255,0.08);
}

body.dark .prodej-details-wrap .info {
    border-bottom:
        1px solid rgba(255,255,255,0.06);
}

/* levý label */

body.dark .prodej-details-wrap .info p {
    color: #f3f4f6;
}

/* pravý text */

body.dark .prodej-details-wrap .info span {
    color: #b6c4bf;
}

/* =========================
   HOVER EFEKTY
========================= */

body.dark .prodej-detail-content:hover,
body.dark .prodej-detail-card:hover,
body.dark .prodej-s-widget-wrap:hover,
body.dark .prodej-box:hover {
    transform: translateY(-4px);
}

/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    body.dark .prodej-detail-content,
    body.dark .prodej-detail-card,
    body.dark .prodej-detail-sidebar .prodej-s-widget-wrap,
    body.dark .prodej-box {
        border-radius: 22px;
    }

}

/* =========================================
   DARK MODE — DOWNLOAD SECTION
========================================= */

body.dark .download-section {
  position: relative;
}

/* title */

body.dark .download-section-title span {
  color: rgba(255,255,255,0.45);
}

body.dark .download-section-title h2 {
  color: #ffffff;
}

/* card */

body.dark .download-card {
  background:
    linear-gradient(
      145deg,
      #132826,
      #10211f
    );

  border: 1px solid rgba(255,255,255,0.06);

  box-shadow:
    0 18px 45px rgba(0,0,0,0.32);
}

/* hover */

body.dark .download-card:hover {
  border-color: rgba(255,255,255,0.12);

  box-shadow:
    0 28px 70px rgba(0,0,0,0.45);
}

/* icon */

body.dark .download-icon {
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.08),
      rgba(255,255,255,0.03)
    );
}

body.dark .download-icon i {
  color: #7dd3c7;
}

/* content */

body.dark .download-content h4 {
  color: #ffffff;
}

body.dark .download-content p {
  color: rgba(255,255,255,0.58);
}

/* arrow */

body.dark .download-arrow {
  background: rgba(255,255,255,0.06);
}

body.dark .download-arrow i {
  color: #7dd3c7;
}

body.dark .download-card:hover .download-arrow {
  background: rgba(125,211,199,0.12);
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  body.dark .download-card {
    border-radius: 20px;
  }
}

/* =========================================
   DARK MODE - AKTUALITY SECTION
========================================= */

body.dark .aktuality-section {
  background: #071311;
}

/* =========================================
   HEADING
========================================= */

body.dark .aktuality-heading .subtitle {
  color: rgba(255,255,255,0.45);
}

body.dark .aktuality-heading h2 {
  color: #ffffff;
}

body.dark .aktuality-heading p {
  color: rgba(255,255,255,0.72);
}

/* =========================================
   FILTER BAR
========================================= */

body.dark .aktuality-filter-wrap {
  background: rgba(16,28,25,0.88);

  border:
    1px solid rgba(255,255,255,0.06);

  box-shadow:
    0 18px 45px rgba(0,0,0,0.35);
}

body.dark .aktuality-filter-wrap button {
  color: rgba(255,255,255,0.78);
}

body.dark .aktuality-filter-wrap button:hover,
body.dark .aktuality-filter-wrap button.active {
  background: #0d5c53;
  color: #ffffff;
}

/* =========================================
   FEATURED ARTICLE
========================================= */

body.dark .featured-article {
  background: #101c19;

  border:
    1px solid rgba(255,255,255,0.05);

  box-shadow:
    0 24px 60px rgba(0,0,0,0.35);
}

body.dark .featured-content h3 {
  color: #ffffff;
}

body.dark .featured-content p {
  color: rgba(255,255,255,0.72);
}

body.dark .featured-content a {
  color: #8ee7d8;
}

body.dark .featured-content a:hover {
  color: #ffffff;
}

body.dark .meta-wrap .category {
  background: rgba(13,92,83,0.25);
  color: #8ee7d8;
}

body.dark .meta-wrap .date {
  color: rgba(255,255,255,0.45);
}

/* =========================================
   NEWS CARD
========================================= */

body.dark .news-card {
  background: #101c19;
  border:
    1px solid rgba(255,255,255,0.05);
  box-shadow:
    0 18px 45px rgba(0,0,0,0.30);
}

body.dark .news-card:hover {
  box-shadow:
    0 28px 70px rgba(0,0,0,0.45);
}

body.dark .news-meta .category {
  background: rgba(13,92,83,0.25);
  color: #8ee7d8;
}

body.dark .news-meta .category-pozor {
  background: rgba(13,92,83,0.25);
  color: #dc3545;
}

body.dark .news-meta .date {
  color: rgba(255,255,255,0.45);
}

body.dark .news-thumb img,
body.dark .featured-thumb img {
 opacity: 1.5;  /* ztlumení světlých obrázků*/
  filter: brightness(70%) contrast(1.1);
}


body.dark .news-content h4 {
  color: #ffffff;
}

body.dark .news-content p {
  color: rgba(255,255,255,0.72);
}

body.dark .news-content a {
  color: #8ee7d8;
}

body.dark .news-content a:hover {
  color: #ffffff;
}

/* =========================================
   PAGINATION
========================================= */

body.dark .news-pagination a {
  background: #101c19;
  color: rgba(255,255,255,0.82);

  border:
    1px solid rgba(255,255,255,0.06);
}

body.dark .news-pagination a:hover,
body.dark .news-pagination a.active {
  background: #0d5c53;
  color: #ffffff;
}

/* =========================================
   MODAL
========================================= */

body.dark .news-modal-overlay {
  background:
    rgba(0,0,0,0.75);
}

body.dark .news-modal-box {
  background: #101c19;

  border:
    1px solid rgba(255,255,255,0.05);

  box-shadow:
    0 40px 100px rgba(0,0,0,0.55);
}

body.dark .news-modal-close {
  background: rgba(255,255,255,0.06);
  color: #ffffff;
}

body.dark .news-modal-close:hover {
  background: #0d5c53;
}

body.dark .news-modal-content h3 {
  color: #ffffff;
}

body.dark .news-modal-content h4 {
  color: #ffb066;
}

body.dark .news-modal-content p {
  color: rgba(255,255,255,0.74);
}

body.dark .news-modal-badge {
  background:
    rgba(239,68,68,0.16);

  color: #ff8b8b;
}


/* =========================================
   DARK MODE — SKLADKA ODPADU DETAIL
========================================= */

body.dark .skladka-odpadu-details-section {
    background: #071311;
}

/* =========================
   HORNÍ INFO
========================= */

body.dark .skladka-odpadu-subtitle {
    color: rgba(255,255,255,0.45);
}

body.dark .skladka-odpadu-box {
    background:
        linear-gradient(
          145deg,
          #132721,
          #08120f
        );
    border: 1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

body.dark .skladka-odpadu-box span {
    color: #e8f3ef;
}

/* =========================
   OTEVÍRACÍ DOBA
========================= */

body.dark .skladka-odpadu-detail-sidebar .skladka-odpadu-s-widget-wrap {
    background:
        linear-gradient(
            145deg,
            #10211d,
            #0b1815
        );
    border: 1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

body.dark .skladka-odpadu-detail-sidebar .skladka-odpadu-s-widget-wrap:hover {
    box-shadow:
        0 25px 70px rgba(0,0,0,0.6);
}

body.dark .skladka-odpadu-detail-sidebar .skladka-odpadu-s-widget-wrap .skladka-odpadu-w-title h3 {
    color: #ffffff;
}

/* divider */

body.dark .skladka-odpadu-bar-1 {
    border-bottom:
        2px solid rgba(255,255,255,0.08);
}

body.dark .skladka-odpadu-bar-2 {
    background:
        linear-gradient(
            90deg,
            rgba(16,185,129,0) 0%,
            #10b981 100%
        );
}

/* head */

body.dark .skladka-odpadu-head div {
    color: #f59e0b;
}

/* řádky */

body.dark .skladka-odpadu-item {
    background:
        rgba(255,255,255,0.03);

    border:
        1px solid rgba(255,255,255,0.04);
}

body.dark .skladka-odpadu-item:hover {
    background:
        rgba(16,185,129,0.08);

    box-shadow:
        0 15px 40px rgba(0,0,0,0.35);
}

/* ikona */

body.dark .skladka-odpadu-item i {
    background:
        rgba(16,185,129,0.12);

    color: #34d399;
}

/* den */

body.dark .skladka-odpadu-day {
    color: #f3f4f6;
}

/* čas */

body.dark .skladka-odpadu-time {
    color: #34d399;
}

/* =========================
   PRODUKT KARTA
========================= */

body.dark .skladka-odpadu-detail-card {
    background:
        linear-gradient(
            145deg,
            #10211d,
            #0b1815
        );
    border:
        1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

body.dark .skladka-odpadu-detail-card:hover {
    box-shadow:
        0 28px 70px rgba(0,0,0,0.65);
}

/* obrázek */

body.dark .skladka-odpadu-thumb {
    background:
        rgba(255,255,255,0.03);
}

/* =========================
   DETAIL PRODUKTU
========================= */

body.dark .skladka-odpadu-detail-content {
    background:
        linear-gradient(
            145deg,
            #10211d,
            #0b1815
        );
    border:
        1px solid rgba(255,255,255,0.05);
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

/* subtitle */

body.dark .skladka-odpadu-content-wrap .subtitle {
    color: rgba(255,255,255,0.45);
}

/* title */

body.dark .skladka-odpadu-content-wrap .title {
    color: #ffffff;
}

/* description */

body.dark .skladka-odpadu-content-wrap p {
    color: #b6c4bf;
}

/* parametry */

body.dark .skladka-odpadu-details-wrap {
    border-top:
        1px solid rgba(255,255,255,0.08);

    border-bottom:
        1px solid rgba(255,255,255,0.08);
}

body.dark .skladka-odpadu-details-wrap .info {
    border-bottom:
        1px solid rgba(255,255,255,0.06);
}

/* levý label */

body.dark .skladka-odpadu-details-wrap .info p {
    color: #f3f4f6;
}

/* pravý text */

body.dark .skladka-odpadu-details-wrap .info span {
    color: #b6c4bf;
}

/* =========================
   HOVER EFEKTY
========================= */

body.dark .skladka-odpadu-detail-content:hover,
body.dark .skladka-odpadu-detail-card:hover,
body.dark .skladka-odpadu-s-widget-wrap:hover,
body.dark .skladka-odpadu-box:hover {
    transform: translateY(-4px);
}

/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    body.dark .skladka-odpadu-detail-content,
    body.dark .skladka-odpadu-detail-card,
    body.dark .skladka-odpadu-detail-sidebar .prodej-s-widget-wrap,
    body.dark .skladka-odpadu-box {
        border-radius: 22px;
    }
}


/* =========================================
   DARK MODE – PRAVIDLA SKLÁDKY
========================================= */

body.dark .skladka-odpadu-info-s-widget-wrap {
    background: linear-gradient(
      145deg,
      #132721,
      #08120f   
);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 24px;
    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

/* nadpis */

body.dark .skladka-odpadu-info-w-title h3 {
    color: #ffffff !important;
}

body.dark .skladka-odpadu-info-s-widget-wrap
.skladka-odpadu-info-w-title h3 {
    color: #ffffff;
}

body.dark .skladka-odpadu-info-w-title h3 i {
    color: var(--theme-primary);
}

/* linka */

body.dark .skladka-odpadu-info-bar-1 {
    border-bottom: 2px solid rgba(255,255,255,0.08);
}

body.dark .skladka-odpadu-info-bar-2 {
    background:
        linear-gradient(
            90deg,
            rgba(16,185,129,0) 0%,
            #10b981 100%
        );
}

/* jednotlivá pravidla */

body.dark .skladka-odpadu-info-item {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.04);
    border-radius: 14px;
    transition: all .25s ease;
}

body.dark .skladka-odpadu-info-item:hover {
  background: rgba(16,185,129,0.08);
  transform: translateX(4px);
  box-shadow:
    0 0 0 1px rgba(133,191,24,.15),
    0 12px 25px rgba(0,0,0,.25);
}

body.dark .our-info__social-icon {
  filter: brightness(70%) contrast(1.1);
}

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

body.dark .our-info {
    position: relative;
}

body.dark .our-info::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.25);
}

/* text pravidel */

body.dark .skladka-odpadu-info {
    color: #d8efe6;
}

/* čísla */

body.dark .rule-number {
    background:
        linear-gradient(
            135deg,
            var(--theme-color),
            var(--theme-base)
        );
    color: #fff;
    box-shadow:
        0 6px 16px rgba(var(--theme-base-rgb), .35);
}


/* =========================================
   DARK MODE – UPOZORNĚNÍ
========================================= */

body.dark .skladka-upozorneni {
    background: #10211d;

    border-left: 5px solid var(--theme-color);

    color: #d8efe6;

    box-shadow:
        0 12px 35px rgba(0,0,0,0.35);
}

/* =========================================
   DARK MODE — KONTAKT PAGE
========================================= */

body.dark .kontakt-info-item {
  background: #0f1d1b;
  border: 1px solid rgba(255,255,255,0.06);
  /*box-shadow: 0 20px 50px rgba(0,0,0,0.35);*/
}

body.dark .kontakt-info-content h3 {
  color: #ffffff;
}

body.dark .kontakt-info-content p,
body.dark .kontakt-info-content p a {
  color: rgba(255,255,255,0.72);
}

body.dark .kontakt-info-content p a:hover {
  color: #7dd3c0;
}

/* =========================================
   CONTACT BOX
========================================= */

body.dark .kontakt-us-box {
  background: #0f1d1b;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 25px 70px rgba(0,0,0,0.45);
}

/* =========================================
   SECTION TITLE
========================================= */

body.dark .kontakt-section-title h3 {
  color: #7dd3c0;
}

body.dark .kontakt-section-title h2 {
  color: #ffffff !important;
}

/* =========================================
   FORM INPUTS
========================================= */

body.dark .kontakt-form .form-control {
  background: #10201d;
  border: 1px solid rgba(255,255,255,0.08);
  color: #ffffff;
}

body.dark .kontakt-form .form-control:focus {
  border-color: #7dd3c0;
  box-shadow:
    0 0 0 4px rgba(125,211,192,0.12);
}

/* placeholder */

body.dark .kontakt-form .form-control::placeholder {
  color: rgba(255,255,255,0.42);
}

/* textarea */

/*body.dark .kontakt-form textarea.form-control {
  min-height: 180px;
}

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

body.dark #submitBtn {
  background: #0d5c54;
  color: #ffffff;
}

body.dark #submitBtn:hover {
  background: #11786d;
  transform: translateY(-2px);
}

body.dark #submitBtn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* =========================================
   FORM TOAST
========================================= */

body.dark .form-toast {
  background: #102320;
  border: 1px solid rgba(125,211,192,0.15);
  box-shadow: 0 25px 70px rgba(0,0,0,0.45);
}

body.dark .form-toast-icon {
  background: rgba(125,211,192,0.12);
  color: #7dd3c0;
}

body.dark .form-toast-content h5 {
  color: #ffffff;
}

body.dark .form-toast-content p {
  color: rgba(255,255,255,0.72);
}

/* =========================================
   IMAGE
========================================= */

body.dark .kontakt-us-image img {
  filter: brightness(0.88) contrast(1.05);
}

body.dark .page-kontakt-us {
  background: linear-gradient(180deg, #081311 0%, #0d1d1a 100%);
}

/* =========================================
   CONTACT FORM PANEL
========================================= */

body.dark .kontakt-form {
  background: #0f1d1b;
}

/* =========================================
   CONTACT IMAGE SIDE
========================================= */

body.dark .kontakt-us-image {
  background: #0f1d1b;
}