body:not(.dark-mode) h1,
body:not(.dark-mode) h2,
body:not(.dark-mode) h3,
body:not(.dark-mode) h4,
body:not(.dark-mode) h5,
body:not(.dark-mode) h6 {
  color: #000000 !important;
  padding-bottom: 10px;
  line-height: 1em;
  font-weight: 500;
}

body:not(.dark-mode) #footer-info {
  text-align: left;
  color: #000000;
  padding-bottom: 10px;
  float: left;
}

body:not(.dark-mode) #footer-bottom {
  background-color: #ffffff;
  color: #000000 !important;
}

body:not(.dark-mode) #main-content {
  background-color: #ffffff;
}

body:not(.dark-mode) .et_mobile_menu {
  background: #ffffff;
  color: #000000;
}

body.dark-mode {
    background-color: #121212 !important;
    color: #FFFFFF !important;
}

body.dark-mode a {
    color: #FFFFFF !important;
}

body.dark-mode h1,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #FFFFFF !important;
  padding-bottom: 10px;
  line-height: 1em;
  font-weight: 500;
}

body.dark-mode h2 {
    color: #c99122 !important;
    padding-bottom: 10px;
    line-height: 1em;
    font-weight: 500;
}

body.dark-mode .et_pb_section,
body.dark-mode .et_pb_row,
body.dark-mode .et_pb_column,
body.dark-mode .et_pb_module {
    background-color: #121212 !important;
    color: #ffffff !important;
}

body.dark-mode #main-header,
body.dark-mode #main-footer {
    background-color: #121212 !important;
    color: #ffffff !important;
}

body.dark-mode #footer-info {
  text-align: left;
  color: #ffffff !important;
  padding-bottom: 10px;
  float: left;
}

body.dark-mode #footer-bottom {
  background-color: #121212 !important;
  color: #ffffff !important;
}

body.dark-mode #main-content {
  background-color: #121212 !important;
  color: #ffffff !important;
}

body.dark-mode .et_mobile_menu {
  background: #000000 !important;
  color: #ffffff !important;
}

body.dark-mode .et_pb_bg_layout_light .et_pb_post .post-meta,
body.dark-mode .et_pb_bg_layout_light .et_pb_post .post-meta a,
body.dark-mode .et_pb_bg_layout_light .et_pb_post p {
    color: #ffffff !important;
}

body.dark-mode .et_pb_toggle_close .et_pb_toggle_title,
body.dark-mode .et_pb_toggle_close h5.et_pb_toggle_title {
    color: #FFFFFF !important;
}

body.dark-mode .et_pb_toggle_open .et_pb_toggle_title,
body.dark-mode .et_pb_toggle_open h5.et_pb_toggle_title {
    color: #c99122 !important;
}

#branko-nocni-mod-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    border: none;
    padding: 6px 2px;
    border-radius: 8px; 
    cursor: pointer;
    font-size: 36px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}

body:not(.dark-mode) #branko-nocni-mod-toggle {
    background-color: #f0f0f0;
    color: #000;
}

body.dark-mode #branko-nocni-mod-toggle {
    background-color: #222;
    color: #fff;
}

#branko-nocni-mod-toggle:hover {
    background-color: #555;
}

#branko-nocni-mod-toggle.animate {
    transform: scale(1.2);
    opacity: 0.7;
}

.et_pb_slider:hover .et-pb-arrow-prev {
  left: 22px !important;
  opacity: 1 !important;
}

.et_pb_slider:hover .et-pb-arrow-next {
  right: 22px !important;
  opacity: 1 !important;
}

body:not(.dark-mode) .et-pb-arrow-prev,
body:not(.dark-mode) .et-pb-arrow-next {
  color: #000000 !important;   /* crne strelice */
  font-size: 40px !important;  /* veće strelice */
  font-weight: bold !important;/* deblje strelice */
  transition: color 0.3s ease !important; /* glatka promena boje */
}

body.dark-mode .et-pb-arrow-prev,
body.dark-mode .et-pb-arrow-next {
  color: #ffffff !important;   /* bele strelice */
  font-size: 40px !important;  /* veće strelice */
  font-weight: bold !important;/* deblje strelice */
  transition: color 0.3s ease !important; /* glatka promena boje */
}

body:not(.dark-mode) #et-info-phone,
body:not(.dark-mode) #et-info-email {
  color: #ffffff !important;
}

body:not(.dark-mode) .et-cart-info {
  color: #ffffff !important;
}

body.dark-mode #et-info-phone,
body.dark-mode #et-info-email {
  color: #ffffff !important;
}

body.dark-mode .et-cart-info {
  color: #ffffff !important;
}

#et-secondary-menu > ul > li > a:hover,
#et-info-email:hover {
  opacity: 0.7 !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  transition: all 0.4s ease-in-out !important;
}

body:not(.dark-mode) .woocommerce-page #content,
body:not(.dark-mode) .woocommerce-page .product,
body:not(.dark-mode) .woocommerce-page .cart,
body:not(.dark-mode) .woocommerce-page .checkout {
  background-color: #ffffff !important;
  color: #ffffffff !important;
}

body.dark-mode .woocommerce-page #content,
body.dark-mode .woocommerce-page .product,
body.dark-mode .woocommerce-page .cart,
body.dark-mode .woocommerce-page .checkout {
  background-color: #121212 !important;
  color: #ffffff !important;
}