:root {
  --vw-bg: #0c1116;
  --vw-surface: #121a21;
  --vw-surface-2: #18222b;
  --vw-text: #e9f0f6;
  --vw-muted: #b3bec8;
  --vw-accent: #ff7a59;
  --vw-accent-2: #34c6b3;
  --vw-border: rgba(255, 255, 255, 0.08);
  --vw-glass: rgba(18, 26, 33, 0.55);
  --vw-glass-strong: rgba(18, 26, 33, 0.7);
  --vw-highlight: rgba(255, 255, 255, 0.12);
  --vw-gradient: linear-gradient(140deg, #0c1116 0%, #16212a 50%, #1c2a34 100%);
}

.u-body {
  background-color: var(--vw-bg);
  background-image: var(--vw-gradient);
  color: var(--vw-text);
}

.u-header {
  background-color: rgba(12, 17, 22, 0.85) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--vw-border);
}

.u-text, .u-nav-link, .u-btn, .u-btn a {
  color: var(--vw-text);
}

.u-text a, .u-nav-link, a.u-link {
  color: var(--vw-accent);
}

.u-text a:hover, .u-nav-link:hover, a.u-link:hover {
  color: var(--vw-accent-2);
}

/* Header menu should look like plain text, not buttons */
.u-header .u-nav-link {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 10px 16px !important;
}

.u-header .u-nav-link:hover {
  background: none !important;
}

.u-btn, .u-button-style {
  background: linear-gradient(135deg, rgba(255, 122, 89, 0.95), rgba(255, 122, 89, 0.65));
  color: #0b0f12;
  border-radius: 12px;
  border: 1px solid rgba(255, 122, 89, 0.45);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
}

.u-button-decline {
  background-color: transparent !important;
  color: var(--vw-text) !important;
  border: 1px solid var(--vw-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.u-button-confirm {
  background-color: var(--vw-accent) !important;
  color: #0b0f12 !important;
}

.u-grey-90, .u-grey-80, .u-grey-75, .u-black {
  background-color: var(--vw-surface) !important;
}

.u-custom-color-4 {
  background-color: var(--vw-surface-2) !important;
}

.u-section-1, .u-section-2, .u-section-3, .u-section-4 {
  color: var(--vw-text);
}

.u-list-item, .u-group, .u-layout-cell {
  background-color: var(--vw-glass);
  border: 1px solid var(--vw-border);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 var(--vw-highlight);
  backdrop-filter: blur(12px) saturate(120%);
}

.u-group:hover, .u-list-item:hover, .u-layout-cell:hover {
  background-color: var(--vw-glass-strong);
  border-color: rgba(255, 255, 255, 0.14);
}

.u-logo-image {
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.45));
}

.u-menu .u-nav-container, .u-menu .u-nav-container-collapse {
  background-color: transparent;
}

.u-sidenav {
  background-color: rgba(12, 17, 22, 0.95) !important;
  backdrop-filter: blur(10px);
}

.u-cookies-consent {
  background-color: var(--vw-glass-strong) !important;
  border-top: 1px solid var(--vw-border);
  backdrop-filter: blur(10px);
}

.u-cookies-consent .u-text-2 {
  color: var(--vw-muted);
}

@media (max-width: 991px) {
  .u-header {
    background-color: rgba(15, 20, 24, 0.98) !important;
  }
}

/* Improve readability for the kredi-taksit-app content section */
#tarimsal-krediler.content-section {
  background: linear-gradient(160deg, rgba(18, 26, 33, 0.92), rgba(18, 26, 33, 0.75));
  color: var(--vw-text);
  padding: 28px 28px 32px;
  border-radius: 16px;
  border: 1px solid var(--vw-border);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 var(--vw-highlight);
  backdrop-filter: blur(12px) saturate(120%);
}

#tarimsal-krediler h2,
#tarimsal-krediler h3 {
  color: var(--vw-text);
}

#tarimsal-krediler p,
#tarimsal-krediler li {
  color: var(--vw-muted);
}

#tarimsal-krediler strong {
  color: var(--vw-text);
}