/* Clean night mode. Day mode is intentionally untouched. */
body.v-dark {
  --bg-color: #0d1524;
  --assistant-color: #141f33;
  --assistant-color-1: #ffffff;
  --theme-color: #ffde3e;
  --font-color: #d8e2f0;
  --heading-color: #ffffff;
  --border-color: rgba(255, 255, 255, 0.14);
  --smooth-color: #ffffff;
  --reverse-color: #ffffff;
  --reverse-heading-color: #0d1524;
  background: #0d1524 !important;
  color: #d8e2f0 !important;
}

body.v-dark .v-light,
body.v-dark .v-light-head,
body.v-dark .v-dark,
body.v-dark .v-dark-head {
  --bg-color: #0d1524;
  --assistant-color: #141f33;
  --assistant-color-1: #ffffff;
  --theme-color: #ffde3e;
  --font-color: #d8e2f0;
  --heading-color: #ffffff;
  --border-color: rgba(255, 255, 255, 0.14);
  --smooth-color: #ffffff;
  --reverse-color: #ffffff;
  --reverse-heading-color: #0d1524;
}

body.v-dark,
body.v-dark .main-root,
body.v-dark .wrapper,
body.v-dark #dsn-scrollbar {
  background: #0d1524 !important;
  color: #d8e2f0 !important;
}

body.v-dark h1,
body.v-dark h2,
body.v-dark h3,
body.v-dark h4,
body.v-dark h5,
body.v-dark h6,
body.v-dark .heading-color,
body.v-dark .app_areas_sec_title,
body.v-dark .section-title h2,
body.v-dark .title-block,
body.v-dark .zgSite {
  color: #ffffff !important;
}

body.v-dark p,
body.v-dark li,
body.v-dark span,
body.v-dark .description,
body.v-dark .contentBlock {
  color: #d8e2f0;
}

body.v-dark a {
  color: inherit;
}

/* Header */
body.v-dark .site-header {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.v-dark .inner-header.p-relative {
  background: rgba(13, 21, 36, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(12px);
}

body.v-dark #header_top_nav a,
body.v-dark #header_top_nav button,
body.v-dark .site-header a,
body.v-dark .site-header button {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.v-dark #header_top_nav a:hover,
body.v-dark #header_top_nav button:hover,
body.v-dark #header_top_nav a.active,
body.v-dark #header_top_nav button.active,
body.v-dark #header_top_nav li:hover > a,
body.v-dark #header_top_nav li:hover > button {
  color: #ffffff !important;
}

body.v-dark #online_rezerv {
  background: #ffde3e !important;
  color: #101827 !important;
  box-shadow: 0 10px 24px rgba(255, 222, 62, 0.18);
}

body.v-dark #online_rezerv:hover {
  background: #f1cc00 !important;
}

/* Fixed side rails */
body.v-dark #socials_wrappers,
body.v-dark .side-bar-full,
body.v-dark .side-box-left {
  background: #314b78 !important;
  color: #ffffff !important;
}

body.v-dark #socials_wrappers *,
body.v-dark .side-bar-full *,
body.v-dark .left_side_number a,
body.v-dark .socials li a {
  color: #ffffff !important;
}

body.v-dark .menu-icon .icon-m .menu-icon-line,
body.v-dark .menu-icon-line {
  background: #ffffff !important;
}

body.v-dark .scroll-to-top img {
  filter: none !important;
}

/* Theme switch button */
body.v-dark .day-night .night {
  opacity: 1;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

body.v-dark .day-night .moon {
  opacity: 0;
}

/* Hero */
body.v-dark .hero-img::after,
body.v-dark .bannerSliderWrapper .swiper-slide::after {
  background: linear-gradient(180deg, rgba(13, 21, 36, 0.08), rgba(13, 21, 36, 0.34)) !important;
}

body.v-dark .banner_arrow {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3) !important;
}

body.v-dark .banner_arrow svg path {
  fill: #0d1524 !important;
}

/* Sections */
body.v-dark section,
body.v-dark .background-section,
body.v-dark .sergi_tedbir_wrapper,
body.v-dark .events_wrapper,
body.v-dark footer.footer {
  background: #0d1524 !important;
}

body.v-dark .container,
body.v-dark .dsn-container {
  color: #d8e2f0;
}

/* Application area cards */
body.v-dark .application_areas_wrapper {
  background: transparent !important;
}

body.v-dark .app_area_card {
  background: #101b2d !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.32);
}

body.v-dark .app_area_card img {
  filter: saturate(0.95) contrast(1.03);
}

body.v-dark .app_area_card::after {
  background: linear-gradient(to bottom, rgba(13, 21, 36, 0), rgba(13, 21, 36, 0.94)) !important;
  height: 78% !important;
}

body.v-dark .app_area_card p {
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85);
}

/* Content panels */
body.v-dark .pro-text,
body.v-dark .style-box,
body.v-dark .news .news_column,
body.v-dark .office-info-card,
body.v-dark .office-extra-card,
body.v-dark .call-to-action-content,
body.v-dark .searchModalContent,
body.v-dark .modalBody {
  background: #141f33 !important;
  color: #d8e2f0 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.v-dark #call-to-action {
  background: #0a1120 !important;
}

body.v-dark .hihand-cnt,
body.v-dark .hihand-cnt p {
  color: #ffffff !important;
}

body.v-dark .call-to-action-right-side button {
  background: #ffde3e !important;
  color: #101827 !important;
}

body.v-dark input,
body.v-dark textarea,
body.v-dark .form-control {
  background: #0d1524 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

body.v-dark input::placeholder,
body.v-dark textarea::placeholder,
body.v-dark .form-control::placeholder {
  color: rgba(255, 255, 255, 0.58) !important;
}

/* Full-screen menus */
body.v-dark .site-header .extend-container .main-navigation,
body.v-dark .dropdown_content {
  background: #0d1524 !important;
  color: #ffffff !important;
}

body.v-dark .site-header .extend-container .main-navigation ul.extend-container li,
body.v-dark .site-header .extend-container .main-navigation ul.extend-container li a,
body.v-dark .site-header .extend-container .main-navigation ul.extend-container li button,
body.v-dark .product-submenu,
body.v-dark .product-submenu a,
body.v-dark .product-submenu button {
  color: #ffffff !important;
}

body.v-dark .site-header .extend-container .main-navigation ul.extend-container li:hover,
body.v-dark .site-header .extend-container .main-navigation ul.extend-container li:hover a,
body.v-dark .site-header .extend-container .main-navigation ul.extend-container li:hover button {
  color: #ffde3e !important;
}

/* Footer */
body.v-dark .footer,
body.v-dark .footer p,
body.v-dark .footer a,
body.v-dark .copyright,
body.v-dark .copright-text {
  color: #d8e2f0 !important;
}

body.v-dark .border-top,
body.v-dark .border-bottom,
body.v-dark .footer-bottom,
body.v-dark .new_footer {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
body.v-dark #static_content {
    background: none;
}
body.v-dark .category_item {
    color: #000 !important;
}
body.v-dark .category_item:hover {
    color: #fff !important;
}
body.v-dark .arrow_box {
    border: 1px solid #fff;
}
body.v-dark .arrow_box path {
    fill: #fff;
}
body.v-dark .placeholder,
body.v-dark .option-text,
body.v-dark .tag-text,
body.v-dark .category-items-box{
    color: #000 !important;
}