/*
 * Semantic CSS refined preview
 * ----------------------------
 * Opt-in URL: ?semantic-css=2
 *
 * This refinement intentionally stays small. It consumes the semantic
 * tokens from semantic-preview.css and only adjusts the decisions that
 * should remain editorial and unfilled.
 */

/*
 * Detail pages keep the original theme palette. The semantic layer remains
 * active for archives and shared UI, without restyling established details.
 */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .page-view {
  --brand: #1e2d78;
  --brand-dark: #15225f;
  --cyan: #7127aa;
  --red: #e21b2d;
  --ink: #111827;
  --ink-soft: #344054;
  --muted: #667085;
  --line: #e5eaf2;
  --line-strong: #ccd6e5;
  --paper: #ffffff;
  --soft: #f5f5f7;
  --soft-2: #eef0f3;
  color: var(--ink);
}

/* "İncele" actions remain quiet text links instead of filled buttons. */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .news-archive-card__action,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .catalog-card__action,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .member-card__footer {
  width: auto;
  min-height: 0;
  justify-content: flex-start;
  align-self: flex-start;
  gap: var(--ds-space-2);
  padding: var(--ds-space-1) 0 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: var(--ds-color-action-primary) !important;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .news-archive-card:hover .news-archive-card__action,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .catalog-card:hover .catalog-card__action,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .member-card:hover .member-card__footer {
  background: transparent !important;
  color: var(--ds-color-action-primary-hover) !important;
}

/* The catalog sidebar keeps a clean white editorial surface. */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-shell .filter-panel--catalog {
  background: var(--ds-color-surface-page);
  box-shadow: none;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-catalog-sidebar__head,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .filter-panel--catalog .filter-group--catalog,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .filter-panel--catalog .filter-group--categories {
  background: transparent;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-catalog-sidebar__head {
  border-top-color: var(--ds-color-border-subtle);
  border-bottom-color: var(--ds-color-border-subtle);
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .filter-panel--catalog .filter-link:hover,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .filter-panel--catalog .filter-link.is-active {
  background: transparent;
}

/*
 * Preserve the original focus treatment for native form controls. The broad
 * semantic focus ring remains available for links and custom interactive
 * elements, but it must not draw an extra blue rectangle around inputs,
 * selects or buttons that already have their own control styling.
 */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] input:focus-visible,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] button:focus-visible,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] select:focus-visible,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] textarea:focus-visible {
  outline: 0;
  outline-offset: 0;
}

/* Homepage discovery keeps the flat, square-edged original composition. */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .home-v2 .hv2-search,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .home-v2 .hv2-search.is-motion-visible:focus-within {
  overflow: visible;
  border: 1px solid #e3e6eb;
  border-radius: 0;
  background: #f7f7f8;
  box-shadow: none;
  transform: none;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .home-v2 .hv2-category-list {
  overflow: visible;
  border: 0;
  border-top: 1px solid #dfe2e8;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Archive filters and search controls retain the unboxed editorial layout. */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-shell {
  overflow: visible;
  border: 0 !important;
  background: transparent;
  box-shadow: none;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-shell .filter-panel,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel--catalog,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel--agenda {
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-catalog-sidebar__head,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-agenda-sidebar__head,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel .filter-group,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel--catalog .filter-group--catalog,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel--catalog .filter-group--categories {
  background: transparent;
  box-shadow: none;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-toolbar,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-main--members .archive-toolbar,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-main--career .archive-toolbar {
  overflow: visible;
  border: 0;
  border-bottom: 1px solid #dfe2e8;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}

/* Corporate navigation uses the same flat sidebar language as the archives. */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog {
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog .archive-catalog-sidebar__head {
  min-height: 0;
  padding: 0 0 17px;
  border: 0;
  border-bottom: 1px solid #dfe2e8;
  background: transparent;
  color: #17296d;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog .about-nav {
  margin: 0;
  padding: 16px 0 0;
  border: 0;
  background: transparent;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog .about-nav a {
  min-height: 39px;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #eceef2;
  background: transparent;
  color: #475063;
  font-size: 12px;
  font-weight: 650;
  transition: color 160ms ease, padding-left 160ms ease;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog .about-nav a:hover:not(.is-active) {
  padding-left: 6px;
  background: transparent;
  color: #17296d;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog .about-nav a.is-active {
  padding-left: 0;
  background: transparent;
  color: #17296d;
  font-weight: 800;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog .about-nav a.is-active::before {
  display: none;
  content: none;
}

/* Sidebars share the homepage category list's quiet 160 ms hover movement. */
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel .filter-link {
  border-color: #eceef2;
  color: #475063;
  transition: color 160ms ease, padding-left 160ms ease;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel .filter-link:hover:not(.is-active) {
  padding-left: 6px;
  background: transparent;
  color: #17296d;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-catalog-sidebar__head,
html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .archive-agenda-sidebar__head {
  border-bottom-color: #dfe2e8;
  color: #17296d;
}

html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel .filter-link.is-active {
  color: #17296d;
}

@media (prefers-reduced-motion: reduce) {
  html[data-semantic-css="preview"][data-semantic-refinement="clean"] .about-section .about-sidebar--catalog .about-nav a,
  html[data-semantic-css="preview"][data-semantic-refinement="clean"] .archive-page .filter-panel .filter-link {
    transition: none;
  }
}