/* WorldGuide tema köprüsü — a11y + çerez (KKU yapısı, WG renkleri) */

:root {
  --kku-navy: var(--lst-brand, #0c2d6b);
  --kku-red: var(--lst-vivid, #2563eb);
  --kku-gold: var(--lst-brand-light, #1d4ed8);
  --kku-blue: var(--lst-brand-light, #1d4ed8);
  --kku-muted: var(--lst-muted, #475569);
  --kku-text: var(--lst-ink-soft, #1e293b);
  --kku-web-options-bg: var(--lst-surface, #ffffff);
  --kku-web-options-bg-elevated: var(--lst-bg, #e8eef9);
  --kku-web-options-border: rgba(12, 45, 107, 0.16);
}

/* —— Erişilebilirlik —— */
.kku-a11y-skip-link {
  background: var(--lst-brand, #0c2d6b) !important;
  font-family: var(--lst-font, Inter, system-ui, sans-serif);
}

.kku-a11y-skip-link:focus {
  outline-color: var(--lst-vivid, #2563eb) !important;
}

.kku-a11y-widget {
  --aw-accent: var(--lst-vivid, #2563eb);
  --aw-primary: var(--lst-brand, #0c2d6b);
  --aw-primary-dark: var(--lst-brand-dark, #061428);
  --aw-navy: var(--lst-brand, #0c2d6b);
  --aw-fab-border: var(--lst-brand-lighter, #3b82f6);
  --aw-surface: var(--lst-bg, #e8eef9);
  --aw-border: rgba(12, 45, 107, 0.12);
  --aw-shadow: 0 12px 40px rgba(12, 45, 107, 0.18);
  --aw-radius: var(--lst-radius-lg, 12px);
  --aw-radius-sm: var(--lst-radius, 8px);
  font-family: var(--lst-font, Inter, system-ui, sans-serif) !important;
}

.kku-a11y-widget .aw-fab {
  background: linear-gradient(145deg, var(--lst-brand, #0c2d6b) 0%, var(--lst-brand-light, #1d4ed8) 100%) !important;
  border-color: var(--lst-brand-lighter, #3b82f6) !important;
  box-shadow: var(--lst-shadow, 0 8px 24px rgba(12, 45, 107, 0.18)) !important;
}

.kku-a11y-widget .aw-panel__header,
.kku-a11y-toast,
.kku-a11y-live {
  font-family: var(--lst-font, Inter, system-ui, sans-serif) !important;
}

.kku-a11y-widget .aw-panel__title {
  font-family: var(--lst-display, "Playfair Display", Georgia, serif) !important;
  letter-spacing: -0.01em;
}

.kku-a11y-widget .aw-button--reset,
.kku-a11y-widget .aw-button--secondary:hover,
.kku-a11y-widget .aw-toggle-switch[aria-checked="true"] .aw-toggle-switch__switch,
.kku-a11y-widget .aw-font-control-btn--selected,
.kku-a11y-widget .aw-contrast-mode--active {
  --aw-accent: var(--lst-vivid, #2563eb);
}

html.kku-a11y-highlight-links a:not(.kku-a11y-widget a):not(.kku-a11y-skip-link) {
  outline-color: var(--lst-vivid, #2563eb) !important;
}

html.kku-a11y-highlight-headings h1:not(.kku-a11y-widget *),
html.kku-a11y-highlight-headings h2:not(.kku-a11y-widget *),
html.kku-a11y-highlight-headings h3:not(.kku-a11y-widget *),
html.kku-a11y-highlight-headings h4:not(.kku-a11y-widget *),
html.kku-a11y-highlight-headings h5:not(.kku-a11y-widget *),
html.kku-a11y-highlight-headings h6:not(.kku-a11y-widget *) {
  outline-color: var(--lst-brand, #0c2d6b) !important;
}

html.kku-a11y-highlight-buttons button:not(.kku-a11y-widget button),
html.kku-a11y-highlight-buttons [role="button"]:not(.kku-a11y-widget *) {
  outline-color: var(--lst-brand, #0c2d6b) !important;
}

/* —— Çerez bandı —— */
.kku-web-options-wrap {
  --kku-navy: var(--lst-brand, #0c2d6b);
  --kku-red: var(--lst-vivid, #2563eb);
  --kku-gold: var(--lst-brand-light, #1d4ed8);
  --kku-blue: var(--lst-brand-light, #1d4ed8);
  --kku-web-options-bg: var(--lst-surface, #ffffff);
  --kku-web-options-bg-elevated: var(--lst-bg, #e8eef9);
  --kku-web-options-border: rgba(12, 45, 107, 0.14);
  font-family: var(--lst-font, Inter, system-ui, sans-serif);
}

.kku-web-options-panel {
  border-top: 3px solid var(--lst-vivid, #2563eb) !important;
  box-shadow: 0 -12px 40px rgba(12, 45, 107, 0.14) !important;
  background: var(--lst-surface, #ffffff) !important;
}

.kku-web-options-icon {
  background: linear-gradient(145deg, var(--lst-brand, #0c2d6b), var(--lst-brand-light, #1d4ed8)) !important;
  border-radius: var(--lst-radius, 8px) !important;
}

.kku-web-options-text {
  color: var(--lst-ink-soft, #1e293b) !important;
}

.kku-web-options-policy-link {
  color: var(--lst-vivid, #2563eb) !important;
  font-weight: 600;
}

.kku-web-options-btn {
  border-radius: var(--lst-radius, 8px) !important;
  font-family: var(--lst-font, Inter, system-ui, sans-serif) !important;
  font-weight: 600 !important;
}

.kku-web-options-btn--ghost,
.kku-web-options-btn--outline {
  border-color: var(--lst-brand, #0c2d6b) !important;
  color: var(--lst-brand, #0c2d6b) !important;
  background: transparent !important;
}

.kku-web-options-btn--ghost:hover,
.kku-web-options-btn--outline:hover,
.kku-web-options-btn--ghost:focus-visible,
.kku-web-options-btn--outline:focus-visible {
  background: var(--lst-brand-soft, rgba(29, 78, 216, 0.13)) !important;
  border-color: var(--lst-brand-light, #1d4ed8) !important;
  color: var(--lst-brand-dark, #061428) !important;
}

.kku-web-options-btn--primary {
  border-color: var(--lst-brand, #0c2d6b) !important;
  background: linear-gradient(135deg, var(--lst-brand-light, #1d4ed8) 0%, var(--lst-brand, #0c2d6b) 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28);
}

.kku-web-options-btn--primary:hover,
.kku-web-options-btn--primary:focus-visible {
  background: linear-gradient(135deg, var(--lst-vivid, #2563eb) 0%, var(--lst-brand-dark, #061428) 100%) !important;
  border-color: var(--lst-brand-dark, #061428) !important;
}

.kku-web-options-modal__header {
  background: linear-gradient(135deg, var(--lst-brand, #0c2d6b) 0%, var(--lst-brand-dark, #061428) 100%) !important;
  border-bottom: 3px solid var(--lst-vivid, #2563eb) !important;
}

.kku-web-options-modal__title {
  font-family: var(--lst-display, "Playfair Display", Georgia, serif) !important;
}

.kku-web-options-pref__title {
  color: var(--lst-brand, #0c2d6b) !important;
}

.kku-web-options-pref__badge {
  background: var(--lst-brand-soft, rgba(29, 78, 216, 0.13)) !important;
  color: var(--lst-brand, #0c2d6b) !important;
}

.kku-web-options-switch input:checked + .kku-web-options-switch__slider,
.kku-web-options-switch__slider::before {
  /* slider track uses --kku-blue via original CSS when checked */
}

.kku-web-options-switch input:checked + .kku-web-options-switch__slider {
  background-color: var(--lst-brand-light, #1d4ed8) !important;
  border-color: var(--lst-brand-light, #1d4ed8) !important;
}

.kku-web-options-warning--video {
  border-color: var(--lst-vivid, #2563eb) !important;
  background: var(--lst-brand-soft, rgba(29, 78, 216, 0.13)) !important;
}

.lst-footer__cookie-settings {
  color: rgba(255, 255, 255, 0.58);
}
