/* ----------------------------------------------------------------
   Fides Dark Theme
   Global dark-mode overrides extracted from style.css
-----------------------------------------------------------------*/

body.dark {
  --fides-dark-bg: #03070d;
  --fides-dark-bg-soft: #07111c;
  --fides-dark-surface: rgba(8, 16, 27, 0.94);
  --fides-dark-surface-strong: rgba(4, 10, 18, 0.98);
  --fides-dark-border: rgba(92, 147, 214, 0.2);
  --fides-dark-border-strong: rgba(111, 163, 255, 0.38);
  --fides-dark-text: #f4f7fb;
  --fides-dark-muted: #a7b6c9;
  --fides-dark-accent: #4f78a8;
  --fides-dark-accent-strong: #79adff;
  --fides-dark-shadow: inset 0 1px 0 rgba(126, 175, 255, 0.08), 0 18px 42px rgba(0, 0, 0, 0.34);
  background:
    radial-gradient(circle at top center, rgba(56, 94, 146, 0.2) 0%, rgba(56, 94, 146, 0) 32%),
    linear-gradient(180deg, #02060b 0%, #07111c 44%, #03070d 100%);
  color: var(--fides-dark-text);
}

html.theme-dark body,
html.theme-dark #wrapper,
body.dark #wrapper,
body.dark #content,
body.dark .content-wrap {
  background:
    radial-gradient(circle at top center, rgba(56, 94, 146, 0.16) 0%, rgba(56, 94, 146, 0) 34%),
    linear-gradient(180deg, #02060b 0%, #07111c 44%, #03070d 100%) !important;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark strong,
body.dark .section-title,
body.dark .section-label,
body.dark .fides-title {
  color: var(--fides-dark-text) !important;
}

body.dark p,
body.dark li,
body.dark label,
body.dark dd,
body.dark blockquote,
body.dark small {
  color: var(--fides-dark-muted);
}

body.dark a {
  color: var(--fides-dark-accent-strong);
}

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

body.dark:not(.home-page) #header #header-wrap,
body.dark:not(.home-page) #header.sticky-header #header-wrap,
body.dark:not(.home-page) #header.sticky-header-shrink #header-wrap,
body.dark .sub-menu-container {
  background: rgba(8, 15, 24, 0.98) !important;
  border-color: rgba(111, 163, 255, 0.16) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.36) !important;
}

body.dark:not(.home-page) #header #header-wrap,
body.dark:not(.home-page) #header.sticky-header #header-wrap,
body.dark:not(.home-page) #header.sticky-header-shrink #header-wrap {
  border-bottom: 1px solid rgba(111, 163, 255, 0.12) !important;
}

body.dark.home-page #header,
body.dark.home-page #header #header-wrap,
body.dark.home-page #header.sticky-header,
body.dark.home-page #header.sticky-header #header-wrap,
body.dark.home-page #header.sticky-header-shrink,
body.dark.home-page #header.sticky-header-shrink #header-wrap,
html.theme-dark body.home-page #header,
html.theme-dark body.home-page #header #header-wrap,
html.theme-dark body.home-page #header.sticky-header,
html.theme-dark body.home-page #header.sticky-header #header-wrap,
html.theme-dark body.home-page #header.sticky-header-shrink,
html.theme-dark body.home-page #header.sticky-header-shrink #header-wrap {
  border-bottom: 0 !important;
}

body.dark .menu-container > .menu-item > .menu-link,
body.dark .sub-menu-container .menu-item > .menu-link {
  color: var(--fides-dark-text) !important;
}

body.dark #header .menu-container > .menu-item.current > .menu-link,
body.dark.primary-menu-open #header .menu-container > .menu-item.current > .menu-link,
html.theme-dark body #header .menu-container > .menu-item.current > .menu-link,
html.theme-dark body.primary-menu-open #header .menu-container > .menu-item.current > .menu-link {
  color: #1362ab !important;
}

/* Logo görünürlüğü - dark mode */
body.dark #logo,
body.dark #logo a,
body.dark #logo img {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}

body.dark #logo a.standard-logo,
body.dark #logo a.retina-logo {
  display: flex !important;
}

body.dark #logo a.menu-open-logo {
  display: none !important;
}

@media (max-width: 1199.98px) {
  body.dark #header .primary-menu .menu-container,
  body.dark #header .primary-menu .sub-menu-container,
  body.dark #header .primary-menu .mega-menu-content,
  html.theme-dark body #header .primary-menu .menu-container,
  html.theme-dark body #header .primary-menu .sub-menu-container,
  html.theme-dark body #header .primary-menu .mega-menu-content {
    background: rgba(8, 15, 24, 0.98) !important;
    border-color: rgba(111, 163, 255, 0.16) !important;
  }

  body.dark.primary-menu-open #header,
  body.dark.primary-menu-open #header #header-wrap,
  body.dark.primary-menu-open #header .container,
  body.dark.primary-menu-open #header .header-row,
  body.dark.primary-menu-open #header .primary-menu,
  body.dark.primary-menu-open #header .menu-container,
  body.dark.primary-menu-open #header .sub-menu-container,
  body.dark.primary-menu-open #header .mega-menu-content,
  html.theme-dark body.primary-menu-open #header,
  html.theme-dark body.primary-menu-open #header #header-wrap,
  html.theme-dark body.primary-menu-open #header .container,
  html.theme-dark body.primary-menu-open #header .header-row,
  html.theme-dark body.primary-menu-open #header .primary-menu,
  html.theme-dark body.primary-menu-open #header .menu-container,
  html.theme-dark body.primary-menu-open #header .sub-menu-container,
  html.theme-dark body.primary-menu-open #header .mega-menu-content {
    background: #050b12 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
  }

  body.dark.primary-menu-open #header #header-wrap,
  html.theme-dark body.primary-menu-open #header #header-wrap {
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.42) !important;
  }

  body.dark.primary-menu-open #header .menu-container > .menu-item > .menu-link,
  body.dark.primary-menu-open #header .sub-menu-container .menu-item > .menu-link,
  html.theme-dark body.primary-menu-open #header .menu-container > .menu-item > .menu-link,
  html.theme-dark body.primary-menu-open #header .sub-menu-container .menu-item > .menu-link {
    color: #ffffff !important;
    text-shadow: none !important;
  }

  body.dark.primary-menu-open #header .menu-item .sub-menu-trigger,
  body.dark.primary-menu-open #primary-menu-trigger .svg-trigger path,
  html.theme-dark body.primary-menu-open #header .menu-item .sub-menu-trigger,
  html.theme-dark body.primary-menu-open #primary-menu-trigger .svg-trigger path {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }

  body.dark.primary-menu-open #primary-menu-trigger,
  html.theme-dark body.primary-menu-open #primary-menu-trigger {
    background: #1362ab !important;
    box-shadow: 0 12px 28px rgba(19, 98, 171, 0.38) !important;
  }

  body.dark.primary-menu-open .theme-toggle-item,
  body.dark.primary-menu-open .theme-toggle-button {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  body.dark.primary-menu-open .theme-toggle-button {
    width: 54px !important;
    height: 54px !important;
    background: #1362ab !important;
    border-radius: 999px !important;
    gap: 2px !important;
    box-shadow: 0 8px 20px rgba(19, 98, 171, 0.3) !important;
    margin: 19px 12px 19px 12px !important;
  }

  body.dark.primary-menu-open .theme-toggle-button:hover {
    background: #1f7ed6 !important;
    box-shadow: 0 10px 28px rgba(19, 98, 171, 0.4) !important;
  }

  body.dark.primary-menu-open #header .primary-menu.mobile-menu-off-canvas .menu-container,
  body.dark.primary-menu-open #header .primary-menu.mobile-menu-off-canvas .sub-menu-container,
  body.dark.primary-menu-open #header .primary-menu.mobile-menu-off-canvas .mega-menu-content,
  html.theme-dark body.primary-menu-open #header .primary-menu.mobile-menu-off-canvas .menu-container,
  html.theme-dark body.primary-menu-open #header .primary-menu.mobile-menu-off-canvas .sub-menu-container,
  html.theme-dark body.primary-menu-open #header .primary-menu.mobile-menu-off-canvas .mega-menu-content {
    background: rgba(8, 15, 24, 0.98) !important;
    border-color: rgba(111, 163, 255, 0.16) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.36) !important;
  }
}

@media (min-width: 1200px) {
  body.dark #header #logo img,
  body.dark #header.sticky-header #logo img,
  body.dark #header.sticky-header-shrink #logo img,
  html.theme-dark body #header #logo img,
  html.theme-dark body #header.sticky-header #logo img,
  html.theme-dark body #header.sticky-header-shrink #logo img {
    width: 120px !important;
    height: 46px !important;
    max-height: 46px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: left center !important;
  }
}


body.dark .fides-about-hero-new,
body.dark .fides-updates-vertical,
body.dark .references-section,
body.dark #section-contact,
body.dark #section-contact.section,
body.dark .contact-page-section,
body.dark .document-list-section,
body.dark .document-detail-section,
body.dark .services-tabs,
body.dark .engineering,
body.dark .info-panel-section,
body.dark .license-calc-section,
body.dark .career-intro,
body.dark .career-jobs,
body.dark .career-apply,
body.dark .corporate-about,
body.dark .corporate-catalog,
body.dark .process {
  background:
    radial-gradient(circle at top center, rgba(79, 120, 168, 0.12) 0%, rgba(79, 120, 168, 0) 42%),
    linear-gradient(180deg, rgba(2, 6, 11, 0.96) 0%, rgba(8, 16, 27, 0.98) 100%) !important;
}

body.dark .bg-white,
body.dark .bg-light,
body.dark .bg-color-light,
body.dark .card,
body.dark .grid-inner,
body.dark .wp-chat-box,
body.dark .wp-chat-body,
body.dark .document-nav-card,
body.dark .catalog-card,
body.dark .contact-widget,
body.dark .process-card,
body.dark .fides-map-stat,
body.dark .fides-map-info-box,
body.dark .services-flow-card,
body.dark .contact-page-board .contact-modern-wrap,
body.dark .project-request-box,
body.dark .career-text-card,
body.dark .job-card,
body.dark .career-apply-card,
body.dark .document-card,
body.dark .document-item,
body.dark .document-list-empty,
body.dark .document-meta-item,
body.dark .document-viewer-wrap,
body.dark .service-list-item,
body.dark .tabs-left .tab,
body.dark .tab-image,
body.dark .engineering-list,
body.dark .branch-card,
body.dark .board-card,
body.dark .license-calc-card,
body.dark .contact-social-list a,
body.dark .document-pdf-frame {
  background: linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
  color: var(--fides-dark-text) !important;
  border-color: var(--fides-dark-border) !important;
  border-top-color: var(--fides-dark-border-strong) !important;
  box-shadow: var(--fides-dark-shadow) !important;
}

body.dark .fides-map-stat:hover,
body.dark .fides-map-info-box:hover,
body.dark .services-flow-card:hover,
body.dark .job-card:hover,
body.dark .document-card:hover,
body.dark .document-item:hover,
body.dark .document-nav-card:hover,
body.dark .branch-card:hover,
body.dark .board-card:hover,
body.dark .license-calc-card:hover {
  border-color: rgba(121, 173, 255, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(160, 203, 255, 0.12), 0 24px 50px rgba(0, 0, 0, 0.4) !important;
}

body.dark .contact-page-intro,
body.dark .contact-page-board .contact-info-area,
body.dark .contact-info-block,
body.dark .document-item-left,
body.dark .fides-vertical-title-row,
body.dark .fides-vertical-announcement-item,
body.dark .fides-vertical-blog-item {
  border-color: rgba(111, 163, 255, 0.14) !important;
}

body.dark .contact-page-feedback.is-success {
  background: rgba(29, 82, 50, 0.22) !important;
  border-color: rgba(89, 188, 120, 0.34) !important;
  color: #d8f6e0 !important;
}

body.dark .contact-page-feedback.is-error {
  background: rgba(101, 28, 43, 0.24) !important;
  border-color: rgba(235, 120, 140, 0.28) !important;
  color: #ffd8de !important;
}

body.dark .contact-page-intro h2,
body.dark .project-request-head h3,
body.dark .career-text-card h2,
body.dark .job-card h3,
body.dark .career-apply-center h2,
body.dark .career-apply-content h3,
body.dark .document-name,
body.dark .document-list-empty h3,
body.dark .document-item-body h3,
body.dark .document-nav-card h3,
body.dark .document-meta-item strong,
body.dark .section-intro h2,
body.dark .services-intro-title,
body.dark .tab-content h3,
body.dark .engineering-text h2,
body.dark .branch-card h3,
body.dark .board-card h3,
body.dark .contact-info-block h4,
body.dark .project-field label {
  color: var(--fides-dark-text) !important;
}

body.dark .contact-page-intro p,
body.dark .project-request-head p,
body.dark .project-request-note,
body.dark .career-text-card p,
body.dark .job-card p,
body.dark .career-apply-center p,
body.dark .career-apply-content p,
body.dark .document-list-empty p,
body.dark .doc-date-label,
body.dark .document-item-date strong,
body.dark .document-meta-item span,
body.dark .tab-content p,
body.dark .tab-points li,
body.dark .engineering-text p,
body.dark .engineering-list li,
body.dark .branch-card p,
body.dark .board-card p,
body.dark .board-card-empty,
body.dark .services-intro-text,
body.dark .service-list-item,
body.dark .contact-info-block p,
body.dark .contact-info-block p a,
body.dark .contact-info-block p span {
  color: var(--fides-dark-muted) !important;
}

body.dark .contact-page-badge,
body.dark .career-badge,
body.dark .services-tabs .section-label,
body.dark .services-intro-small-title,
body.dark .doc-date-label,
body.dark .document-nav-label {
  background: rgba(79, 120, 168, 0.14) !important;
  border-color: rgba(111, 163, 255, 0.24) !important;
  color: #d4e4ff !important;
}

body.dark .document-image-wrap,
body.dark .fides-vertical-blog-image,
body.dark .fides-vertical-date,
body.dark .document-image {
  background: rgba(255, 255, 255, 0.04) !important;
}

body.dark .document-flipbook-section {
  background:
    radial-gradient(circle at top center, rgba(79, 120, 168, 0.12) 0%, rgba(79, 120, 168, 0) 42%),
    linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
  border-color: var(--fides-dark-border) !important;
  border-top-color: var(--fides-dark-border-strong) !important;
  box-shadow: var(--fides-dark-shadow) !important;
}

body.dark .document-viewer-top {
  margin-bottom: 16px;
}

body.dark .document-open-btn,
body.dark .fullscreen-close-btn,
body.dark .flip-nav {
  background: linear-gradient(135deg, #163154 0%, #24446f 100%) !important;
  border-color: rgba(121, 173, 255, 0.34) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

body.dark .document-open-btn:hover,
body.dark .fullscreen-close-btn:hover,
body.dark .flip-nav:hover {
  background: linear-gradient(135deg, #1d3d66 0%, #2f5a93 100%) !important;
  border-color: rgba(121, 173, 255, 0.48) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34) !important;
}

body.dark .flipbook-shell {
  background: transparent;
  border-radius: 0;
}

body.dark .flipbook-stage {
  background: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.dark .flipbook-stage::before,
body.dark .flipbook-stage::after {
  color: rgba(160, 203, 255, 0.04) !important;
  -webkit-text-stroke: 1.6px rgba(160, 203, 255, 0.12);
}

body.dark .flipbook-loading {
  color: var(--fides-dark-muted) !important;
  background: rgba(3, 7, 13, 0.95) !important;
}

body.dark .corporate-catalog-panel.document-flipbook-section {
  background:
    radial-gradient(circle at top center, rgba(79, 120, 168, 0.12) 0%, rgba(79, 120, 168, 0) 42%),
    linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
  border-color: var(--fides-dark-border) !important;
  border-top-color: var(--fides-dark-border-strong) !important;
  box-shadow: var(--fides-dark-shadow) !important;
}

body.dark .flipbook-bottom-bar {
  color: var(--fides-dark-muted);
}

body.dark .flipbook-page-info {
  color: var(--fides-dark-muted);
}

body.dark .flipbook-page-info strong {
  color: var(--fides-dark-text);
}

body.dark .flipbook-toolbar {
  background: linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
  border-color: rgba(111, 163, 255, 0.18) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28) !important;
}

body.dark .flipbook-tool-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(111, 163, 255, 0.16) !important;
  color: var(--fides-dark-text) !important;
}

body.dark .flipbook-tool-btn:hover,
body.dark .flipbook-tool-btn[aria-expanded="true"] {
  background: linear-gradient(135deg, #163154 0%, #24446f 100%) !important;
  border-color: rgba(121, 173, 255, 0.42) !important;
  color: #ffffff !important;
}

body.dark .flipbook-dropdown {
  background: linear-gradient(180deg, rgba(10, 18, 29, 0.98) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
  border-color: rgba(111, 163, 255, 0.18) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important;
}

body.dark .flipbook-dropdown-item {
  color: var(--fides-dark-muted) !important;
}

body.dark .flipbook-dropdown-item:hover {
  background: rgba(79, 120, 168, 0.14) !important;
  color: var(--fides-dark-text) !important;
}

body.dark .document-pdf-frame,
body.dark .document-pdf-frame iframe {
  background: #ffffff !important;
}

body.dark .document-flipbook-section:fullscreen {
  background:
    radial-gradient(circle at top center, rgba(79, 120, 168, 0.16) 0%, rgba(79, 120, 168, 0) 42%),
    linear-gradient(180deg, rgba(2, 6, 11, 0.98) 0%, rgba(8, 16, 27, 1) 100%) !important;
}

body.dark .tabs-left .tab {
  color: var(--fides-dark-muted) !important;
}

body.dark .tabs-left .tab:hover {
  background: rgba(79, 120, 168, 0.16) !important;
  color: #ffffff !important;
}

body.dark .tabs-left .tab.active {
  background: linear-gradient(135deg, #163154 0%, #24446f 100%) !important;
  color: #ffffff !important;
  border-color: rgba(111, 163, 255, 0.42) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.3) !important;
}

body.dark .tab-points li::before,
body.dark .engineering-list li::before {
  background: var(--fides-dark-accent-strong) !important;
  box-shadow: 0 0 0 6px rgba(121, 173, 255, 0.08) !important;
}

body.dark .contact-info-block p i,
body.dark .fides-vertical-arrow,
body.dark .services-intro-small-title,
body.dark .process .section-label {
  color: var(--fides-dark-accent-strong) !important;
}

body.dark .project-field input,
body.dark .project-field textarea,
body.dark .project-field select {
  background: rgba(4, 10, 18, 0.96) !important;
  border-color: rgba(111, 163, 255, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
  color: var(--fides-dark-text) !important;
}

body.dark .project-field input::placeholder,
body.dark .project-field textarea::placeholder {
  color: rgba(167, 182, 201, 0.72) !important;
}

body.dark .project-field input:hover,
body.dark .project-field textarea:hover {
  border-color: rgba(121, 173, 255, 0.3) !important;
}

body.dark .project-field input:focus,
body.dark .project-field textarea:focus,
body.dark .project-field select:focus {
  border-color: rgba(121, 173, 255, 0.48) !important;
  box-shadow: 0 0 0 4px rgba(79, 120, 168, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}

body.dark .contact-social-list a:hover,
body.dark .contact-social-list a:focus-visible {
  background: linear-gradient(135deg, #163154 0%, #2b4f85 100%) !important;
  color: #ffffff !important;
}

body.dark .career-apply {
  background: #08111f !important;
}

body.dark .career-apply-split {
  background:
    linear-gradient(90deg, #0a1424 0%, #0a1424 40%, #0c192a 40%, #0c192a 60%, #0a1424 60%, #0a1424 100%) !important;
  border: 1px solid rgba(124, 196, 255, 0.12);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

body.dark .career-apply-side {
  background: #0a1424 !important;
}

body.dark .career-apply-side-left {
  border-right-color: rgba(111, 163, 255, 0.16);
}

body.dark .career-apply-side-right {
  border-left-color: rgba(111, 163, 255, 0.16);
}

body.dark .career-apply-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.dark .career-apply-visual {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: none !important;
}

body.dark .career-apply-center {
  background:
    linear-gradient(180deg, rgba(18, 30, 46, 0.98) 0%, rgba(12, 22, 35, 0.98) 100%) !important;
  border-left: 1px solid rgba(111, 163, 255, 0.14);
  border-right: 1px solid rgba(111, 163, 255, 0.14);
}

body.dark .career-apply-center-inner {
  background: transparent;
}

body.dark .career-apply-center-icon {
  background: rgba(79, 120, 168, 0.16);
  color: var(--fides-dark-accent-strong);
  box-shadow: inset 0 1px 0 rgba(170, 209, 255, 0.1);
}

body.dark .career-apply-mail {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(111, 163, 255, 0.2);
  color: var(--fides-dark-text);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

body.dark .career-apply-mail:hover {
  background: rgba(121, 173, 255, 0.14);
  border-color: rgba(121, 173, 255, 0.32);
  color: #ffffff;
}

body.dark .career-field input {
  background: #08111f !important;
  border-color: rgba(124, 196, 255, 0.46) !important;
  color: #f4f8ff !important;
  box-shadow: inset 0 1px 0 rgba(124, 196, 255, 0.08) !important;
}

body.dark .career-field input:focus {
  background: #0a1627 !important;
  border-color: #7cc4ff !important;
  box-shadow: 0 0 0 4px rgba(124, 196, 255, 0.12), inset 0 1px 0 rgba(124, 196, 255, 0.12) !important;
}

body.dark .career-file-field input::file-selector-button {
  background: #0f2138;
  border: 1px solid rgba(124, 196, 255, 0.5);
  color: #f4f8ff;
}

body.dark .career-intro {
  background: #08111f !important;
}

body.dark .career-intro::before {
  background:
    linear-gradient(90deg, rgba(8, 17, 31, 1) 0%, rgba(8, 17, 31, 0.92) 32%, rgba(8, 17, 31, 0.48) 64%, rgba(8, 17, 31, 0.2) 100%),
    linear-gradient(180deg, rgba(8, 17, 31, 0) 55%, rgba(8, 17, 31, 0.9) 100%) !important;
}

body.dark .career-intro::after {
  background: linear-gradient(
    180deg,
    rgba(8, 17, 31, 0) 0%,
    rgba(8, 17, 31, 0.74) 48%,
    #08111f 100%
  ) !important;
}

body.dark .career-intro .career-image::before {
  background:
    linear-gradient(90deg, rgba(8, 17, 31, 0.98) 0%, rgba(8, 17, 31, 0.88) 34%, rgba(8, 17, 31, 0.42) 62%, rgba(8, 17, 31, 0.08) 100%) !important;
}

body.dark .career-intro .career-image::after {
  background:
    radial-gradient(circle at 58% 44%, rgba(8, 17, 31, 0.14), rgba(8, 17, 31, 0) 30%),
    linear-gradient(180deg, rgba(8, 17, 31, 0) 54%, rgba(8, 17, 31, 0.88) 100%) !important;
}

body.dark .team-tab-button {
  background:
    linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
  border-color: var(--fides-dark-border) !important;
  color: var(--fides-dark-text) !important;
  box-shadow: var(--fides-dark-shadow) !important;
}

body.dark .team-tab-button::after {
  background: linear-gradient(
    180deg,
    rgba(160, 203, 255, 0.12) 0%,
    rgba(160, 203, 255, 0.04) 32%,
    rgba(160, 203, 255, 0) 68%
  );
}

body.dark .team-tab-button:hover {
  border-color: rgba(121, 173, 255, 0.42) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(160, 203, 255, 0.12), 0 22px 44px rgba(0, 0, 0, 0.28) !important;
}

body.dark .team-tab-button.is-active {
  background: linear-gradient(135deg, #163154 0%, #24446f 100%) !important;
  border-color: rgba(121, 173, 255, 0.42) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

body.dark .team-tab-button.is-active:hover {
  background: linear-gradient(135deg, #1b3960 0%, #2d558b 100%) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32) !important;
}

body.dark .team-section-header h3 {
  color: var(--fides-dark-text) !important;
}

body.dark .team-section-header p {
  color: var(--fides-dark-muted) !important;
}

body.dark .team-card {
  background:
    radial-gradient(circle at top left, rgba(88, 140, 214, 0.08) 0%, rgba(88, 140, 214, 0) 40%),
    linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
  border-color: var(--fides-dark-border) !important;
  border-top-color: var(--fides-dark-border-strong) !important;
  box-shadow: var(--fides-dark-shadow) !important;
}

body.dark .team-card::before {
  background: linear-gradient(
    180deg,
    rgba(160, 203, 255, 0.22),
    rgba(19, 98, 171, 0.04)
  );
}

body.dark .team-card:hover {
  background:
    radial-gradient(circle at top left, rgba(96, 151, 226, 0.12) 0%, rgba(96, 151, 226, 0) 42%),
    linear-gradient(180deg, rgba(12, 21, 34, 0.98) 0%, rgba(8, 15, 25, 0.98) 100%) !important;
  border-color: rgba(121, 173, 255, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(160, 203, 255, 0.12), 0 24px 50px rgba(0, 0, 0, 0.4) !important;
}

body.dark .team-card h4,
body.dark .team-card:hover h4 {
  color: var(--fides-dark-text) !important;
}

body.dark .team-card span,
body.dark .team-card:hover span {
  color: var(--fides-dark-muted) !important;
}

body.dark.home-page #header.sticky-header,
body.dark:not(.home-page) #header.sticky-header,
body.dark.home-page #header.sticky-header #header-wrap,
body.dark:not(.home-page) #header.sticky-header #header-wrap {
  background: #000 !important;
  border-bottom: 0 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.32) !important;
}

body.dark.home-page #header.sticky-header .container,
body.dark.home-page #header.sticky-header .header-row,
body.dark.home-page #header.sticky-header #logo,
body.dark:not(.home-page) #header.sticky-header .container,
body.dark:not(.home-page) #header.sticky-header .header-row,
body.dark:not(.home-page) #header.sticky-header #logo {
  background: #000 !important;
}

body.dark.home-page #header.sticky-header .menu-container > .menu-item > .menu-link,
body.dark:not(.home-page) #header.sticky-header .menu-container > .menu-item > .menu-link {
  color: #ffffff !important;
}

body.dark.home-page #header.sticky-header .menu-container > .menu-item > .menu-link:hover,
body.dark:not(.home-page) #header.sticky-header .menu-container > .menu-item > .menu-link:hover {
  color: #4f78a8 !important;
}

body.dark.home-page #header.sticky-header #logo img,
body.dark.home-page #header.sticky-header-shrink #logo img {
  height: 90px !important;
  max-height: 90px !important;
  width: auto !important;
}

body.dark #footer,
body.dark footer,
body.dark #copyrights {
  background-color: #000000;
}

body.dark #footer {
  border-top: 0;
}

body.dark .references-section,
body.dark .references-slider {
  background:
    radial-gradient(circle at top center, rgba(79, 120, 168, 0.12) 0%, rgba(79, 120, 168, 0) 42%),
    linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
}

body.dark .reference-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  isolation: auto !important;
}

body.dark .reference-item img {
  filter: invert(1) grayscale(1) brightness(1.3) contrast(1.1) !important;
  mix-blend-mode: screen !important;
  opacity: 1 !important;
}

body.dark .reference-item img:hover {
  opacity: 1 !important;
  transform: scale(1.05);
}

body.dark .documents-hero + #content,
body.dark .contact-page-hero + .contact-page-section {
  background:
    radial-gradient(circle at top center, rgba(79, 120, 168, 0.12) 0%, rgba(79, 120, 168, 0) 42%),
    linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%) !important;
}

body.dark .document-grid {
  margin-top: 20px;
}

body.dark .team-showcase {
  margin-top: 22px;
}

body.dark .team-tab-panel {
  margin-top: 12px;
}

body.dark .team-section {
  margin-top: 24px;
}

body.dark .team-section-header {
  margin-bottom: 24px;
}

body.dark .team-section-header p {
  margin-top: 20px;
}

body.dark .contact-page-section {
  margin-top: 0;
  padding-top: 18px;
}

body.dark .contact-page-intro {
  padding-top: 12px;
  padding-bottom: 8px;
}

body.dark .service-detail-item span {
  color: #ffffff !important;
}

body.dark .fides-about-hero {
  --fides-about-accent: #4f78a8;
  --fides-about-surface: #000000;
  --fides-about-border: rgba(255, 255, 255, 0.82);
  --fides-about-text: #ffffff;
  --fides-about-pill: rgba(79, 120, 168, 0.14);
  background: var(--fides-about-surface);
}

body.dark.home-page #content,
body.dark.home-page .content-wrap,
body.dark.home-page #content > .content-wrap > .container.clearfix {
  background: #000000;
}

body.dark .fides-about-top-content h1 {
  color: #ffffff;
}

body.dark .fides-about-top-content h1 span,
body.dark .fides-map-info-box h4 {
  color: var(--fides-about-accent);
}

body.dark .fides-map-title {
  background: var(--fides-about-pill);
  color: var(--fides-about-accent);
  border: 1px solid var(--fides-about-border);
}

body.dark .fides-map-wrap {
  background: transparent;
}

body.dark .fides-map-wrap img {
  filter: brightness(0.94) contrast(1.04);
}

body.dark .fides-map-info-box {
  background: var(--fides-about-surface);
  border-color: var(--fides-about-border);
}

body.dark .fides-map-info-box:hover {
  box-shadow: 0 14px 28px rgba(19, 98, 171, 0.18);
}

body.dark .fides-info-icon {
  background: rgba(19, 98, 171, 0.14);
  color: var(--fides-about-accent);
}

body.dark .fides-map-info-box p {
  color: var(--fides-about-text);
}

body.dark .services-flow-section {
  --services-dark-accent: var(--fides-dark-accent-strong);
  --services-dark-surface: linear-gradient(180deg, rgba(10, 18, 29, 0.96) 0%, rgba(6, 12, 20, 0.98) 100%);
  --services-dark-border: var(--fides-dark-border);
  --services-dark-border-strong: var(--fides-dark-border-strong);
  --services-dark-title: var(--fides-dark-text);
  --services-dark-text: var(--fides-dark-muted);
  --services-dark-glow: inset 0 1px 0 rgba(126, 175, 255, 0.08), 0 18px 42px rgba(0, 0, 0, 0.34);
  background-color: #03070d;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.06), transparent 24%),
    radial-gradient(circle at 84% 70%, rgba(79, 120, 168, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(7, 10, 15, 0.96), rgba(16, 24, 36, 0.94)),
    url("../images/yeniekledigimfotolar/hizmetler/hizmetarazi.webp");
}

body.dark .services-flow-section::before,
body.dark .services-flow-section::after {
  display: none;
}

body.dark .services-flow-slider,
body.dark .services-flow-track {
  background: transparent;
}

body.dark .services-flow-card {
  background: var(--services-dark-surface);
  border: 1px solid var(--services-dark-border);
  border-top-color: var(--services-dark-border-strong);
  box-shadow: var(--services-dark-glow);
}

body.dark .services-flow-card:hover {
  border-color: rgba(121, 173, 255, 0.42);
  box-shadow: inset 0 1px 0 rgba(160, 203, 255, 0.12), 0 24px 50px rgba(0, 0, 0, 0.4);
}

body.dark .services-flow-content {
  background: var(--services-dark-surface);
}

body.dark .services-flow-content h3 {
  color: var(--services-dark-title);
}

body.dark .services-flow-content p,
body.dark .services-flow-content ul li {
  color: var(--services-dark-text);
}

body.dark .services-flow-content ul li::before {
  color: var(--services-dark-accent);
}

body.dark .fides-updates-vertical {
  background: #000000;
}

body.dark .fides-vertical-title-row {
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

body.dark .fides-vertical-title-row h3,
body.dark .fides-typing,
body.dark .fides-vertical-announcement-text h4,
body.dark .fides-vertical-blog-text h4 {
  color: #ffffff;
}

body.dark .fides-vertical-center::before {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 20px 45px rgba(0, 0, 0, 0.32);
}

body.dark .fides-vertical-divider {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.08) 0%,
    rgba(255, 255, 255, 0.24) 25%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0.24) 75%,
    rgba(255, 255, 255, 0.08) 100%
  );
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.05),
    0 0 12px rgba(255, 255, 255, 0.10);
}

body.dark .fides-vertical-divider::before {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.00) 0%,
    rgba(255, 255, 255, 0.22) 50%,
    rgba(255, 255, 255, 0.00) 100%
  );
}

body.dark .fides-vertical-divider::after {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.18) 15%,
    rgba(255, 255, 255, 0.70) 35%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0.70) 65%,
    rgba(255, 255, 255, 0.18) 85%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow:
    0 0 14px rgba(255, 255, 255, 0.30),
    0 0 30px rgba(255, 255, 255, 0.22),
    0 0 60px rgba(255, 255, 255, 0.12);
}

body.dark .fides-vertical-announcement-item,
body.dark .fides-vertical-blog-item {
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

body.dark .fides-vertical-date {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

body.dark .fides-vertical-announcement-text p,
body.dark .fides-vertical-blog-text p,
body.dark .fides-vertical-blog-meta,
body.dark .fides-vertical-blog-meta i,
body.dark .fides-vertical-arrow {
  color: rgba(255, 255, 255, 0.76);
}

.theme-toggle-item {
  display: flex;
  align-items: center;
  position: relative;
}

@media (min-width: 992px) {
  .theme-toggle-item {
    margin-left: 10px;
    padding-left: 14px;
    border-left: 0;
  }

  .theme-toggle-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background: #e5e5e5;
  }

  body.home-page #header:not(.sticky-header) .theme-toggle-item {
    border-left-color: transparent;
  }

  body.home-page #header:not(.sticky-header) .theme-toggle-item::before {
    background: rgba(255, 255, 255, 0.22);
  }

  body.dark .theme-toggle-item {
    border-left-color: transparent;
  }

  body.dark .theme-toggle-item::before {
    background: rgba(255, 255, 255, 0.14);
  }
}

.theme-toggle-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  width: 52px;
  height: 42px;
  margin: 19px 0 19px 12px;
  padding: 0;
  border: 1px solid rgba(19, 98, 171, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #1b2940;
  box-shadow: 0 10px 30px rgba(10, 24, 44, 0.08);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.theme-toggle-button:hover,
.theme-toggle-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(10, 24, 44, 0.14);
  outline: none;
}

.theme-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.theme-toggle-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.theme-toggle-icon-moon svg {
  fill: currentColor;
  stroke: none;
}

.theme-toggle-text {
  display: none;
}

.theme-toggle-icon-sun {
  opacity: 0.4;
  transform: scale(0.86);
}

body.dark .theme-toggle-button {
  background: rgba(15, 20, 27, 0.92);
  color: #f5f7fb;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
}

body.dark .theme-toggle-icon-sun {
  opacity: 1;
  transform: scale(1);
}

body.dark .theme-toggle-icon-moon {
  opacity: 0.38;
  transform: scale(0.86);
}

body:not(.dark) .theme-toggle-icon-moon {
  opacity: 1;
  transform: scale(1);
}

body:not(.dark) .theme-toggle-icon-sun {
  opacity: 0.38;
  transform: scale(0.86);
}

body.dark .corporate-about-left .corporate-title-glow,
body.dark .corporate-values-header h2 span {
  color: #ffffff;
}


@media (min-width: 992px) {
  body.dark:not(.home-page) #header #logo img,
  body.dark:not(.home-page) #header.sticky-header #logo img,
  body.dark:not(.home-page) #header.sticky-header-shrink #logo img,
  body.dark #header:not(.home-transparent-header) #logo img,
  body.dark #header.sticky-header #logo img,
  body.dark #header.sticky-header-shrink #logo img {
    height: 90px !important;
    max-height: 90px !important;
    width: auto !important;
  }
}

@media (max-width: 1199.98px) {
  body.dark:not(.home-page) #header #logo img,
  body.dark:not(.home-page) #header.sticky-header #logo img,
  body.dark:not(.home-page) #header.sticky-header-shrink #logo img,
  html.theme-dark body:not(.home-page) #header #logo img,
  html.theme-dark body:not(.home-page) #header.sticky-header #logo img,
  html.theme-dark body:not(.home-page) #header.sticky-header-shrink #logo img {
    height: 46px !important;
    max-height: 46px !important;
    width: auto !important;
    max-width: none !important;
  }
}

body.dark .fides-about-hero-new {
  background:
    radial-gradient(circle at 50% 0%, rgba(78, 164, 255, 0.12) 0%, rgba(78, 164, 255, 0) 34%),
    linear-gradient(180deg, #04080f 0%, #07101a 55%, #0a1420 100%);
}

body.dark.home-page.primary-menu-open #primary-menu-trigger,
html.theme-dark body.home-page.primary-menu-open #primary-menu-trigger,
body.dark.home-page.primary-menu-open #primary-menu-trigger .svg-trigger,
html.theme-dark body.home-page.primary-menu-open #primary-menu-trigger .svg-trigger {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.dark .fides-about-hero-new .fides-about-top-content h2,
body.dark .fides-about-hero-new .fides-map-stat-copy strong {
  color: #f5f9ff;
}

body.dark .fides-about-hero-new .fides-about-top-content h2 span {
  color: #8ec4ff;
}

body.dark .fides-about-eyebrow {
  background: rgba(79, 120, 168, 0.16);
  border-color: rgba(120, 167, 230, 0.20);
  color: #8ec4ff;
}

body.dark .fides-about-hero-new .fides-map-stat-copy p,
body.dark .fides-about-hero-new .fides-map-stat-copy span {
  color: rgba(227, 238, 250, 0.76);
}

body.dark .fides-about-hero-new .fides-map-stat {
  background: rgba(8, 15, 24, 0.86);
  border-color: rgba(120, 167, 230, 0.16);
  box-shadow: 0 30px 58px rgba(0, 0, 0, 0.30);
}

body.dark .fides-about-hero-new .fides-map-stage img {
  filter: brightness(0.94) contrast(1.04) drop-shadow(0 24px 34px rgba(0, 0, 0, 0.26));
}

body.dark .fides-about-hero-new .fides-map-stat-icon {
  color: rgba(142, 196, 255, 0.12);
}

body.dark .corporate-about-right .corporate-mini-card,
body.dark .values-grid .value-card {
  background:
    radial-gradient(circle at top left, rgba(88, 140, 214, 0.08) 0%, rgba(88, 140, 214, 0) 40%),
    linear-gradient(180deg, rgba(8, 14, 24, 0.98) 0%, rgba(5, 10, 18, 0.98) 100%) !important;
  border: 1px solid rgba(88, 140, 214, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(145, 189, 255, 0.06),
    0 18px 38px rgba(0, 0, 0, 0.24) !important;
}

body.dark .corporate-about-right .corporate-mini-card:hover,
body.dark .values-grid .value-card:hover {
  border-color: rgba(121, 173, 255, 0.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(170, 209, 255, 0.1),
    0 22px 44px rgba(0, 0, 0, 0.28) !important;
}

body.dark .corporate-about-right .corporate-mini-title,
body.dark .values-grid .value-card h3 {
  color: var(--fides-dark-text) !important;
}

body.dark .corporate-about-right .corporate-mini-title .is-typed-text,
html.theme-dark body .corporate-about-right .corporate-mini-title .is-typed-text {
  color: #ffffff !important;
}


body.dark .corporate-about-right .corporate-mini-title .typed-cursor {
  color: rgba(121, 173, 255, 0.92);
}

body.dark .corporate-about-right .corporate-mini-title .card-icon,
body.dark .values-grid .value-icon {
  color: var(--fides-dark-accent-strong) !important;
}

body.dark .values-grid .value-icon-box {
  background: rgba(79, 120, 168, 0.14);
  border: 1px solid rgba(111, 163, 255, 0.16);
}

body.dark .corporate-about-right .corporate-mini-card p,
body.dark .values-grid .value-card p {
  color: rgba(214, 227, 245, 0.8) !important;
}

@media (min-width: 992px) and (max-width: 1099.98px) {
  .theme-toggle-item {
    display: block;
    padding: 0 !important;
  }

  .theme-toggle-button {
    width: 52px;
    height: 48px;
    margin: 10px 16px 18px;
  }
}

@media (max-width: 1199.98px) {
  body.dark.home-page.mobile-header-visible #header #header-wrap,
  html.theme-dark body.home-page.mobile-header-visible #header #header-wrap {
    background: #050b12 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42) !important;
  }

  body.dark.home-page.mobile-header-visible #header #logo a.standard-logo::after,
  html.theme-dark body.home-page.mobile-header-visible #header #logo a.standard-logo::after {
    filter: brightness(0) invert(1) !important;
  }

  body.dark.home-page.mobile-header-visible #primary-menu-trigger .svg-trigger path,
  html.theme-dark body.home-page.mobile-header-visible #primary-menu-trigger .svg-trigger path {
    stroke: #ffffff !important;
  }

  body.dark:not(.home-page):not(.primary-menu-open) #header #logo a.standard-logo,
  html.theme-dark body:not(.home-page):not(.primary-menu-open) #header #logo a.standard-logo {
    position: relative !important;
    width: 92px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.dark:not(.home-page):not(.primary-menu-open) #header #logo a.standard-logo img,
  html.theme-dark body:not(.home-page):not(.primary-menu-open) #header #logo a.standard-logo img {
    opacity: 0 !important;
  }

  body.dark:not(.home-page):not(.primary-menu-open) #header #logo a.standard-logo::after,
  html.theme-dark body:not(.home-page):not(.primary-menu-open) #header #logo a.standard-logo::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/logo-side.webp") left center / contain no-repeat;
    filter: brightness(0) invert(1);
  }
}

/* =========================
   KUTUPHANE VE HESAPLAMA SAYFALARI KARANLIK MOD
========================= */

html.theme-dark body .library-section,
body.dark .library-section {
  background:
    radial-gradient(circle at 16% 6%, rgba(19, 98, 171, 0.2), transparent 30%),
    linear-gradient(180deg, #08111f 0%, #0b1626 48%, #08111f 100%) !important;
  color: #d6e2ef;
}

html.theme-dark body .library-title > span,
html.theme-dark body .library-title .typed-cursor,
body.dark .library-title > span,
body.dark .library-title .typed-cursor {
  color: #7cc4ff;
}

html.theme-dark body .library-title h2,
html.theme-dark body .library-card h3,
html.theme-dark body .library-modal-box h2,
body.dark .library-title h2,
body.dark .library-card h3,
body.dark .library-modal-box h2 {
  color: #f4f8ff !important;
}

html.theme-dark body .library-title p,
html.theme-dark body .library-card p,
html.theme-dark body .library-modal-box .item span,
body.dark .library-title p,
body.dark .library-card p,
body.dark .library-modal-box .item span {
  color: #b7c6d9 !important;
}

html.theme-dark body .library-card,
body.dark .library-card {
  background: #0d1828 !important;
  border-color: rgba(124, 196, 255, 0.16) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28) !important;
}


html.theme-dark body .library-card:hover,
body.dark .library-card:hover {
  border-color: rgba(101, 183, 255, 0.42) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.36) !important;
}

html.theme-dark body .library-card img,
body.dark .library-card img {
  filter: brightness(0.82) saturate(0.95);
}

html.theme-dark body .library-modal,
body.dark .library-modal {
  background: rgba(3, 7, 18, 0.82);
}

html.theme-dark body .library-modal-box,
body.dark .library-modal-box {
  background: #0d1828;
  border: 1px solid rgba(124, 196, 255, 0.16);
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.55);
}

html.theme-dark body .library-modal-box > button,
body.dark .library-modal-box > button {
  background: #13243a;
  color: #f4f8ff;
}

html.theme-dark body .library-modal-box > button:hover,
body.dark .library-modal-box > button:hover {
  background: #1a3352;
}

html.theme-dark body .library-modal-box .item,
body.dark .library-modal-box .item {
  background: #0a1424 !important;
  border-color: rgba(124, 196, 255, 0.16) !important;
}















html.theme-dark body.library-page #gotoTop,
body.dark.library-page #gotoTop {
  display: none !important;
}

#gotoTop {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Footer - karanlık modda yazı renkleri */
body.dark .fides-footer-slogan,
body.dark .fides-footer-desc,
body.dark .fides-footer-list li,
html.theme-dark .fides-footer-slogan,
html.theme-dark .fides-footer-desc,
html.theme-dark .fides-footer-list li {
  color: #ffffff !important;
}

/* ----------------------------------------------------------------
   CORPORATE TITLE SHIMMER - DARK MODE
-----------------------------------------------------------------*/

body.dark .corporate-title-glow {
  color: var(--fides-dark-text) !important;
}

body.dark .corporate-title-glow::after {
 
  background-size: 220% 100% !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  animation: corporateTitleShimmer 1.9s linear infinite !important;
}

@media (max-width: 1199.98px) {
  body.dark.home-page.primary-menu-open #header.sticky-header #logo,
  body.dark.home-page.primary-menu-open #header.sticky-header .home-logo-wrapper,
  body.dark.home-page.primary-menu-open #header.sticky-header #logo a,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header #logo,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header .home-logo-wrapper,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header #logo a {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
}

@media (max-width: 1199.98px) {
  /* Dark mod + anasayfa + menü açık + sticky header */
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header #header-wrap,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header .container,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header .header-row {
    background: #050b12 !important;
    background-color: #050b12 !important;
  }

  /* Dark modda sadece logo kutusu şeffaf kalsın */
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header #logo,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header .home-logo-wrapper,
  html.theme-dark body.home-page.primary-menu-open #header.sticky-header #logo a {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* Ama scroll en üstteyken, yani transparent header ise, header şeffaf kalsın */
  html.theme-dark body.home-page.primary-menu-open #header.home-transparent-header,
  html.theme-dark body.home-page.primary-menu-open #header.home-transparent-header #header-wrap,
  html.theme-dark body.home-page.primary-menu-open #header.home-transparent-header .container,
  html.theme-dark body.home-page.primary-menu-open #header.home-transparent-header .header-row {
    background: transparent !important;
    background-color: transparent !important;
  }
}
@media (min-width: 1200px) {
  .theme-toggle-button {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

body.dark.home-page #header.sticky-header::after,
body.dark.home-page #header.sticky-header-shrink::after,
html.theme-dark body.home-page #header.sticky-header::after,
html.theme-dark body.home-page #header.sticky-header-shrink::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background: #000;
  border: 0;
  box-shadow: none;
  pointer-events: none;
  z-index: 100000;
}

body.dark.home-page #header.home-transparent-header::after,
html.theme-dark body.home-page #header.home-transparent-header::after {
  content: none !important;
  display: none !important;
}

body.dark.home-page #header,
body.dark.home-page #header-wrap,
body.dark.home-page #header .container,
body.dark.home-page #header .header-row,
body.dark.home-page .header-wrap-clone,
html.theme-dark body.home-page #header,
html.theme-dark body.home-page #header-wrap,
html.theme-dark body.home-page #header .container,
html.theme-dark body.home-page #header .header-row,
html.theme-dark body.home-page .header-wrap-clone {
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
}
@media (min-width: 1200px) {

  /* Sayfa en üstteyken */
  body.dark.home-page #header.home-transparent-header
  .menu-container > .menu-item.current > .menu-link,

  html.theme-dark body.home-page #header.home-transparent-header
  .menu-container > .menu-item.current > .menu-link {

    color: #ffffff !important;
  }

  /* Scroll sonrası sticky navbar */
  body.dark.home-page #header.sticky-header
  .menu-container > .menu-item.current > .menu-link,

  html.theme-dark body.home-page #header.sticky-header
  .menu-container > .menu-item.current > .menu-link {

    color: #1362ab !important;
  }
}