/*
 * Koçak Endüstri — semantic Light/Dark theme contract
 * Scope: shared theme controls and component surfaces that must own their
 * foreground colours. Loaded after the legacy stylesheets.
 */

html[data-kocak-theme="light"] {
  color-scheme: light;
  --kocak-theme-page: #f4f7f9;
  --kocak-theme-surface: #ffffff;
  --kocak-theme-surface-soft: #f5f8fa;
  --kocak-theme-surface-raised: #ffffff;
  --kocak-theme-surface-inset: #eef3f6;
  --kocak-theme-text: #102f43;
  --kocak-theme-text-muted: #607684;
  --kocak-theme-border: #d8e3e8;
  --kocak-theme-border-strong: #c6d4dc;
  --kocak-theme-input: #ffffff;
  --kocak-theme-focus: #e5252a;
}

html[data-kocak-theme="dark"] {
  color-scheme: dark;
  --kocak-theme-page: #1f232b;
  --kocak-theme-surface: #2a2f38;
  --kocak-theme-surface-soft: #242933;
  --kocak-theme-surface-raised: #303641;
  --kocak-theme-surface-inset: #181d25;
  --kocak-theme-text: #f8fafc;
  --kocak-theme-text-muted: #c4d0dc;
  --kocak-theme-border: rgba(255, 255, 255, .16);
  --kocak-theme-border-strong: rgba(255, 255, 255, .24);
  --kocak-theme-input: #181d25;
  --kocak-theme-focus: #ff5c60;
}

/* Theme controls */
.kocak-theme-option,
.kocak-mobile-theme-option {
  -webkit-tap-highlight-color: transparent;
}

.kocak-theme-option:focus-visible,
.kocak-mobile-theme-option:focus-visible {
  outline: 3px solid var(--kocak-theme-focus);
  outline-offset: 3px;
}

html[data-kocak-theme="dark"] .kocak-theme-rail {
  background: rgba(42, 47, 56, .96);
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
}

html[data-kocak-theme="dark"] .kocak-theme-option {
  color: #f1f5f9;
}

html[data-kocak-theme="dark"] .kocak-theme-option.active {
  color: #17202a;
  background: #f8fafc;
}

/*
 * Jowat technical catalogue
 * The former global dark-mode h1/h2/h3/p rules changed text colours without
 * changing these light component surfaces. Every surface below now owns both
 * its background and foreground.
 */
html[data-kocak-theme="dark"] .jowat-tds-finder {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background:
    radial-gradient(circle at 100% 0, rgba(229, 37, 42, .16), transparent 38%),
    linear-gradient(135deg, #282e38, #222831);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
}

html[data-kocak-theme="dark"] .jowat-tds-finder h3,
html[data-kocak-theme="dark"] .jowat-tds-finder__result > strong {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .jowat-tds-finder__copy p,
html[data-kocak-theme="dark"] .jowat-tds-finder__status {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .jowat-tds-finder__copy strong {
  color: #ffffff;
}

html[data-kocak-theme="dark"] .jowat-tds-finder__panel,
html[data-kocak-theme="dark"] .jowat-tds-finder__result {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .jowat-tds-finder__input {
  color: var(--kocak-theme-text);
  border-color: rgba(255, 255, 255, .24);
  background: var(--kocak-theme-input);
}

html[data-kocak-theme="dark"] .jowat-tds-finder__input::placeholder {
  color: #9dacb9;
  opacity: 1;
}

html[data-kocak-theme="dark"] .jowat-tds-finder__status.is-error {
  color: #ff9da1;
}

html[data-kocak-theme="dark"] .jowat-tds-finder__status.is-success {
  color: #84dfb5;
}

html[data-kocak-theme="dark"] .jowat-catalog__selector {
  color: var(--kocak-theme-text);
  border-bottom-color: var(--kocak-theme-border);
}

html[data-kocak-theme="dark"] .jowat-catalog__selector-head strong,
html[data-kocak-theme="dark"] .jowat-catalog__table-nav-copy strong {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .jowat-catalog__selector-head small,
html[data-kocak-theme="dark"] .jowat-catalog__table-nav-copy span,
html[data-kocak-theme="dark"] .jowat-catalog__count,
html[data-kocak-theme="dark"] .jowat-catalog__path,
html[data-kocak-theme="dark"] .jowat-catalog__missing {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .jowat-catalog__industry,
html[data-kocak-theme="dark"] .jowat-catalog__application,
html[data-kocak-theme="dark"] .jowat-catalog__filter,
html[data-kocak-theme="dark"] .jowat-catalog__table-nav button,
html[data-kocak-theme="dark"] .jowat-catalog__more {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .jowat-catalog__industry span,
html[data-kocak-theme="dark"] .jowat-catalog__application span {
  color: #d2dbe4;
  background: rgba(255, 255, 255, .09);
}

html[data-kocak-theme="dark"] .jowat-catalog__industry:hover,
html[data-kocak-theme="dark"] .jowat-catalog__application:hover,
html[data-kocak-theme="dark"] .jowat-catalog__filter:hover,
html[data-kocak-theme="dark"] .jowat-catalog__filter.is-active,
html[data-kocak-theme="dark"] .jowat-catalog__industry.is-active,
html[data-kocak-theme="dark"] .jowat-catalog__application.is-active {
  color: #ffffff;
  border-color: #e5252a;
  background: #d92329;
}

html[data-kocak-theme="dark"] .jowat-catalog__industry.is-active span,
html[data-kocak-theme="dark"] .jowat-catalog__application.is-active span {
  color: #ffffff;
  background: rgba(255, 255, 255, .18);
}

html[data-kocak-theme="dark"] .jowat-catalog__path span {
  color: var(--kocak-theme-text-muted);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .jowat-catalog__search input {
  color: var(--kocak-theme-text);
  border-color: rgba(255, 255, 255, .22);
  background: var(--kocak-theme-input);
}

html[data-kocak-theme="dark"] .jowat-catalog__search input::placeholder {
  color: #9dacb9;
  opacity: 1;
}

html[data-kocak-theme="dark"] .jowat-catalog__table-nav,
html[data-kocak-theme="dark"] .jowat-catalog__status,
html[data-kocak-theme="dark"] .jowat-catalog__notice {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .jowat-catalog__notice p {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .jowat-catalog__notice strong {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .jowat-catalog__status.is-error,
html[data-kocak-theme="dark"] .jowat-catalog__empty {
  color: #ffd6d8;
  border-color: rgba(255, 118, 124, .45);
  background: #4a2429;
}

html[data-kocak-theme="dark"] .jowat-catalog__table-wrap {
  border-color: var(--kocak-theme-border);
  background: #20252e;
}

html[data-kocak-theme="dark"] .jowat-catalog__table {
  color: #e7eef4;
}

html[data-kocak-theme="dark"] .jowat-catalog__table td,
html[data-kocak-theme="dark"] .jowat-catalog__table td:first-child {
  color: #e7eef4;
  border-bottom-color: rgba(255, 255, 255, .11);
  background: #242a33;
}

html[data-kocak-theme="dark"] .jowat-catalog__table tbody tr:nth-child(even) td,
html[data-kocak-theme="dark"] .jowat-catalog__table tbody tr:nth-child(even) td:first-child {
  background: #2b313b;
}

html[data-kocak-theme="dark"] .jowat-catalog__product {
  color: #ffffff;
}

html[data-kocak-theme="dark"] .jowat-catalog__group {
  color: #ffafb2;
  background: rgba(229, 37, 42, .18);
}

html[data-kocak-theme="dark"] .jowat-catalog__doc {
  color: #f3f7fa;
  border-color: rgba(255, 255, 255, .22);
  background: #303743;
}

html[data-kocak-theme="dark"] .jowat-catalog__doc--tr {
  color: #ffb8bb;
  border-color: rgba(255, 112, 118, .55);
  background: rgba(229, 37, 42, .12);
}

/* Generic shared form surfaces */
html[data-kocak-theme="dark"] .contact-modern-form input,
html[data-kocak-theme="dark"] .contact-modern-form select,
html[data-kocak-theme="dark"] .contact-modern-form textarea,
html[data-kocak-theme="dark"] .quote-form input,
html[data-kocak-theme="dark"] .quote-form select,
html[data-kocak-theme="dark"] .quote-form textarea {
  color: var(--kocak-theme-text);
  border-color: rgba(255, 255, 255, .22);
  background: var(--kocak-theme-input);
}

html[data-kocak-theme="dark"] .contact-modern-form input::placeholder,
html[data-kocak-theme="dark"] .contact-modern-form textarea::placeholder,
html[data-kocak-theme="dark"] .quote-form input::placeholder,
html[data-kocak-theme="dark"] .quote-form textarea::placeholder {
  color: #9dacb9;
  opacity: 1;
}

/*
 * Shared overlays and search surfaces
 */
html[data-kocak-theme="dark"] .kocak-site-search__panel,
html[data-kocak-theme="dark"] .kocak-site-search__results a,
html[data-kocak-theme="dark"] .blog-search-tools,
html[data-kocak-theme="dark"] .blog-search-empty,
html[data-kocak-theme="dark"] .modern-breadcrumb {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .kocak-site-search__head h2,
html[data-kocak-theme="dark"] .kocak-site-search__results strong,
html[data-kocak-theme="dark"] .blog-search-tools__field > label,
html[data-kocak-theme="dark"] .blog-search-empty h2,
html[data-kocak-theme="dark"] .modern-breadcrumb a {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .kocak-site-search__form > label,
html[data-kocak-theme="dark"] .kocak-site-search__status,
html[data-kocak-theme="dark"] .kocak-site-search__results small,
html[data-kocak-theme="dark"] .blog-search-tools > p,
html[data-kocak-theme="dark"] .blog-search-empty p {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .kocak-site-search__form input,
html[data-kocak-theme="dark"] .blog-search-tools__field input {
  color: var(--kocak-theme-text);
  border-color: rgba(255, 255, 255, .22);
  background: var(--kocak-theme-input);
}

html[data-kocak-theme="dark"] .kocak-site-search__close,
html[data-kocak-theme="dark"] .kocak-site-search__quick a,
html[data-kocak-theme="dark"] .blog-search-tools__filters button {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .blog-search-tools__filters button.is-active {
  color: #fff;
  border-color: #c91f27;
  background: #c91f27;
}

/*
 * Home page
 */
html[data-kocak-theme="dark"] .home-brand-center__head > p,
html[data-kocak-theme="dark"] .home-brand-card p {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .home-brand-card--riepe > span:not(.home-mayer-wordmark),
html[data-kocak-theme="dark"] .home-brand-card--riepe > strong {
  color: #aabfff;
}

html[data-kocak-theme="dark"] .home-jowat-seo,
html[data-kocak-theme="dark"] .home-use-cases,
html[data-kocak-theme="dark"] .home-knowledge-center,
html[data-kocak-theme="dark"] .service-section {
  background: var(--kocak-theme-page) !important;
}

html[data-kocak-theme="dark"] .home-jowat-seo__intro,
html[data-kocak-theme="dark"] .home-jowat-seo__grid a,
html[data-kocak-theme="dark"] .home-use-cases__grid article,
html[data-kocak-theme="dark"] .home-knowledge-center__links a {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface);
  box-shadow: 0 15px 36px rgba(0, 0, 0, .18);
}

html[data-kocak-theme="dark"] .home-jowat-seo__intro h2,
html[data-kocak-theme="dark"] .home-jowat-seo__grid strong,
html[data-kocak-theme="dark"] .home-use-cases__grid h3,
html[data-kocak-theme="dark"] .home-knowledge-center__links strong,
html[data-kocak-theme="dark"] .service-title-2 h2 {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .home-jowat-seo__intro p,
html[data-kocak-theme="dark"] .home-jowat-seo__grid span,
html[data-kocak-theme="dark"] .home-use-cases__head p,
html[data-kocak-theme="dark"] .home-use-cases__grid p,
html[data-kocak-theme="dark"] .home-knowledge-center__intro p,
html[data-kocak-theme="dark"] .home-knowledge-center__links small {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .home-jowat-seo__intro > span {
  color: #ff9a9e;
}

html[data-kocak-theme="dark"] .home-use-cases__grid a:not(:first-child) {
  color: #dceaf3;
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .contact-area h2,
html[data-kocak-theme="dark"] .project-section .section-title h2,
html[data-kocak-theme="dark"] .inner-project .section-title h2 {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .blog-content {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .blog-content h2,
html[data-kocak-theme="dark"] .blog-content h3,
html[data-kocak-theme="dark"] .blog-content a {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .blog-content p {
  color: var(--kocak-theme-text-muted) !important;
}

/*
 * Jowat product centre: navigation, product cards, comparison and resources
 */
html[data-kocak-theme="dark"] .jowat-center-nav,
html[data-kocak-theme="dark"] .jowat-content--center .jowat-product-card,
html[data-kocak-theme="dark"] .jowat-content--center .jowat-compare,
html[data-kocak-theme="dark"] .jowat-resource-card:not(.jowat-resource-card--dark) {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .jowat-center-nav strong,
html[data-kocak-theme="dark"] .jowat-center-nav a,
html[data-kocak-theme="dark"] .jowat-content--center .jowat-compare h2,
html[data-kocak-theme="dark"] .jowat-content--center .jowat-compare th,
html[data-kocak-theme="dark"] .jowat-content--center .jowat-compare td,
html[data-kocak-theme="dark"] .jowat-resource-card h3 {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .jowat-center-nav span,
html[data-kocak-theme="dark"] .jowat-resource-card p,
html[data-kocak-theme="dark"] .jowat-product-tools__count {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .jowat-product-tools input,
html[data-kocak-theme="dark"] .jowat-products-more {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-input);
}

html[data-kocak-theme="dark"] .jowat-content--center .jowat-product-card__media {
  background: linear-gradient(145deg, #eef3f5, #fff);
}

html[data-kocak-theme="dark"] .jowat-content--center .jowat-compare th,
html[data-kocak-theme="dark"] .jowat-content--center .jowat-compare td {
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

/*
 * Jowat page families
 * These components are shared by the product centre, industry/application
 * landing pages and individual product records. Each component owns both its
 * dark surface and all foreground colours so inherited legacy rules cannot
 * produce white-on-white or dark-on-dark combinations.
 */
html[data-kocak-theme="dark"] .jowat-center-section {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

html[data-kocak-theme="dark"] .jowat-center-head h2,
html[data-kocak-theme="dark"] .jowat-advisor legend,
html[data-kocak-theme="dark"] .jowat-tech-card h3,
html[data-kocak-theme="dark"] .jowat-panel h2,
html[data-kocak-theme="dark"] .jowat-panel h3,
html[data-kocak-theme="dark"] .jowat-sidebar h2,
html[data-kocak-theme="dark"] .jowat-faq h3,
html[data-kocak-theme="dark"] .jowat-mini-card strong,
html[data-kocak-theme="dark"] .jowat-wizard-grid strong {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .jowat-center-head p,
html[data-kocak-theme="dark"] .jowat-tech-card p,
html[data-kocak-theme="dark"] .jowat-faq p,
html[data-kocak-theme="dark"] .jowat-mini-card span,
html[data-kocak-theme="dark"] .jowat-wizard-grid span {
  color: var(--kocak-theme-text-muted) !important;
}

html[data-kocak-theme="dark"] .jowat-center-kicker {
  color: #ff7478;
}

html[data-kocak-theme="dark"] .jowat-advisor__form,
html[data-kocak-theme="dark"] .jowat-faq,
html[data-kocak-theme="dark"] .jowat-mini-card,
html[data-kocak-theme="dark"] .jowat-wizard-grid a,
html[data-kocak-theme="dark"] .guide-link-grid a,
html[data-kocak-theme="dark"] .jowat-resource-links a,
html[data-kocak-theme="dark"] .jowat-strength-strip > div {
  color: var(--kocak-theme-text) !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface-soft) !important;
  box-shadow: none;
}

html[data-kocak-theme="dark"] .jowat-strength-strip {
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-border);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

html[data-kocak-theme="dark"] .jowat-strength-strip strong {
  color: #ff666b;
}

html[data-kocak-theme="dark"] .jowat-strength-strip span {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .jowat-advisor__option {
  color: #e8f0f6;
  border-color: var(--kocak-theme-border-strong);
  background: var(--kocak-theme-surface-raised);
}

html[data-kocak-theme="dark"] .jowat-advisor__option:hover {
  color: #ffffff;
  border-color: rgba(255, 102, 107, .65);
  background: #353c48;
}

html[data-kocak-theme="dark"] .jowat-advisor__option.is-selected,
html[data-kocak-theme="dark"] .jowat-advisor__option[aria-pressed="true"] {
  color: #ffffff;
  border-color: #c91f27;
  background: #c91f27;
}

html[data-kocak-theme="dark"] .jowat-tech-card {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: linear-gradient(155deg, #303641, #272d36);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
}

html[data-kocak-theme="dark"] .jowat-tech-card:hover {
  border-color: rgba(255, 102, 107, .58);
  box-shadow: 0 18px 36px rgba(0, 0, 0, .28);
}

html[data-kocak-theme="dark"] .jowat-tech-card a {
  color: #ff9da1;
}

html[data-kocak-theme="dark"] .jowat-resource-links a,
html[data-kocak-theme="dark"] .guide-link-grid a {
  color: #d8edf8 !important;
}

html[data-kocak-theme="dark"] .jowat-resource-links a:hover,
html[data-kocak-theme="dark"] .guide-link-grid a:hover {
  color: #ffffff !important;
  border-color: rgba(255, 102, 107, .58) !important;
  background: var(--kocak-theme-surface-raised) !important;
}

html[data-kocak-theme="dark"] .jowat-product-card__warning,
html[data-kocak-theme="dark"] .jowat-product-card__note {
  color: #d8e3ec !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface-inset) !important;
}

html[data-kocak-theme="dark"] .jowat-product-card__warning strong,
html[data-kocak-theme="dark"] .jowat-product-card__note strong {
  color: #ff9da1 !important;
}

html[data-kocak-theme="dark"] .jowat-mini-card img {
  border-radius: 6px;
  background: #f4f7f8;
}

html[data-kocak-theme="dark"] .jowat-sidebar li {
  border-bottom-color: var(--kocak-theme-border);
}

html[data-kocak-theme="dark"] .jowat-sidebar li a {
  color: #d9e7f0 !important;
}

html[data-kocak-theme="dark"] .jowat-sidebar li a:hover {
  color: #ff9da1 !important;
}

html[data-kocak-theme="dark"] .jowat-contact {
  color: #ffffff;
  border: 1px solid rgba(143, 213, 243, .18);
  background: #102c3e;
}

html[data-kocak-theme="dark"] .jowat-contact h3,
html[data-kocak-theme="dark"] .jowat-contact p,
html[data-kocak-theme="dark"] .jowat-contact a {
  color: #ffffff !important;
}

html[data-kocak-theme="dark"] .jowat-compare th,
html[data-kocak-theme="dark"] .jowat-compare td {
  color: var(--kocak-theme-text) !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface-soft) !important;
}

/*
 * Mayer
 */
html[data-kocak-theme="dark"] .mayer-page {
  --mayer-ink: #f4f8fb;
  --mayer-muted: #c4d0dc;
  --mayer-line: rgba(255, 255, 255, .16);
  --mayer-soft: #242a33;
}

html[data-kocak-theme="dark"] .mayer-wordmark small {
  color: #202020;
}

html[data-kocak-theme="dark"] .mayer-wordmark {
  background: #ffffff;
}

html[data-kocak-theme="dark"] .mayer-note {
  color: #d7e2e9;
  border-color: rgba(255, 116, 121, .42);
  border-left-color: #ff6267;
  background: #35292f;
}

/*
 * Riepe video and TDS cards
 */
html[data-kocak-theme="dark"] .riepe-video-section {
  border-color: var(--kocak-theme-border);
  background:
    radial-gradient(circle at 100% 0, rgba(53, 177, 233, .18), transparent 34%),
    linear-gradient(145deg, #202a34, #242f3a);
}

html[data-kocak-theme="dark"] .riepe-video-head h2,
html[data-kocak-theme="dark"] .riepe-video-card h3,
html[data-kocak-theme="dark"] .riepe-tds-card h3 {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .riepe-video-head p,
html[data-kocak-theme="dark"] .riepe-video-card p,
html[data-kocak-theme="dark"] .riepe-tds-card > p {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .riepe-video-head__count,
html[data-kocak-theme="dark"] .riepe-video-card,
html[data-kocak-theme="dark"] .riepe-tds-card {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .riepe-tds-card__type {
  color: #8fd8ff;
}

html[data-kocak-theme="dark"] .riepe-tds-meta li,
html[data-kocak-theme="dark"] .riepe-tds-button:not(.riepe-tds-button--primary) {
  color: #e3edf4;
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .riepe-category-tabs a {
  color: #e7eff5 !important;
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface-raised);
}

html[data-kocak-theme="dark"] .riepe-category-tabs a:hover,
html[data-kocak-theme="dark"] .riepe-category-tabs a.active {
  color: #ffffff !important;
  border-color: #c91f27;
  background: #c91f27;
}

html[data-kocak-theme="dark"] .riepe-process-panel {
  border: 1px solid var(--kocak-theme-border);
  background: var(--kocak-theme-border);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

html[data-kocak-theme="dark"] .riepe-process-panel > div {
  color: var(--kocak-theme-text);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .riepe-process-panel strong {
  color: #ff666b;
}

html[data-kocak-theme="dark"] .riepe-process-panel span {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .riepe-guide-btn--primary {
  color: #ffffff !important;
  border-color: #c91f27 !important;
  background: #c91f27 !important;
}

/*
 * General adhesive catalogue and family-detail pages.
 * Page-local custom properties are the contract for future components.
 */
html[data-kocak-theme="dark"] .general-catalog-page,
html[data-kocak-theme="dark"] .general-detail-page {
  --gc-ink: #f4f8fb;
  --gc-muted: #c2cfda;
  --gc-line: rgba(255, 255, 255, .15);
  --gc-soft: #242a33;
  --gc-white: #2a303a;
  --gc-blue: #8fd5f3;
  --gc-red: #ff666b;
  --gc-red-dark: #ff9a9e;
  color: var(--gc-ink);
  background: var(--kocak-theme-page);
}

html[data-kocak-theme="dark"] .general-catalog-hero__finder,
html[data-kocak-theme="dark"] .general-catalog-brand-card,
html[data-kocak-theme="dark"] .general-catalog-quick-apps button,
html[data-kocak-theme="dark"] .general-catalog-toolbar,
html[data-kocak-theme="dark"] .general-catalog-status,
html[data-kocak-theme="dark"] .general-catalog-card,
html[data-kocak-theme="dark"] .general-catalog-empty,
html[data-kocak-theme="dark"] .general-catalog-more,
html[data-kocak-theme="dark"] .general-catalog-family-card,
html[data-kocak-theme="dark"] .general-catalog-faq details,
html[data-kocak-theme="dark"] .general-catalog-compare__dialog,
html[data-kocak-theme="dark"] .general-catalog-compare__dialog header,
html[data-kocak-theme="dark"] .general-detail-products__grid article,
html[data-kocak-theme="dark"] .general-detail-brand-links a {
  color: var(--gc-ink);
  border-color: var(--gc-line);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .general-catalog-brands,
html[data-kocak-theme="dark"] .general-catalog-deniz,
html[data-kocak-theme="dark"] .general-catalog-families,
html[data-kocak-theme="dark"] .general-catalog-faq,
html[data-kocak-theme="dark"] .general-detail-overview,
html[data-kocak-theme="dark"] .general-detail-brands {
  background: var(--kocak-theme-page) !important;
}

html[data-kocak-theme="dark"] .general-catalog-finder,
html[data-kocak-theme="dark"] .general-detail-products {
  border-color: var(--gc-line);
  background: var(--kocak-theme-surface-soft) !important;
}

html[data-kocak-theme="dark"] .general-catalog-hero__finder-icon,
html[data-kocak-theme="dark"] .general-catalog-check span,
html[data-kocak-theme="dark"] .general-catalog-card__families span,
html[data-kocak-theme="dark"] .general-detail-apps span,
html[data-kocak-theme="dark"] .general-catalog-compare__dialog header button,
html[data-kocak-theme="dark"] .general-catalog-compare tbody th,
html[data-kocak-theme="dark"] .general-catalog-compare__note {
  color: var(--gc-ink);
  border-color: var(--gc-line);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .general-catalog-field input,
html[data-kocak-theme="dark"] .general-catalog-field select,
html[data-kocak-theme="dark"] .general-catalog-hero__finder input {
  color: var(--gc-ink);
  border-color: rgba(255, 255, 255, .22);
  background: var(--kocak-theme-input);
}

html[data-kocak-theme="dark"] .general-catalog-card > footer,
html[data-kocak-theme="dark"] .general-detail-products__grid footer {
  border-color: var(--gc-line);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .general-catalog-card__brand--jowat {
  color: #ffb5b8;
  background: rgba(201, 31, 39, .22);
}

html[data-kocak-theme="dark"] .general-catalog-card__brand--mayer {
  color: #b8e8fb;
  background: rgba(23, 99, 132, .28);
}

html[data-kocak-theme="dark"] .general-catalog-card__content,
html[data-kocak-theme="dark"] .general-catalog-card__applications,
html[data-kocak-theme="dark"] .general-catalog-card__specs > div,
html[data-kocak-theme="dark"] .general-catalog-card__documents a,
html[data-kocak-theme="dark"] .general-catalog-family-card__body > div,
html[data-kocak-theme="dark"] .general-detail-products__grid dl,
html[data-kocak-theme="dark"] .general-detail-products__grid dl > div {
  border-color: var(--gc-line);
}

html[data-kocak-theme="dark"] .general-detail-hero figure {
  border-color: var(--gc-line);
  background: var(--kocak-theme-surface);
}

/*
 * Adhesive category selector
 */
html[data-kocak-theme="dark"] .adhesive-hub-page {
  --ah-ink: #f4f8fb;
  --ah-muted: #c2cfda;
  --ah-line: rgba(255, 255, 255, .15);
  --ah-soft: #202b35;
  --ah-blue: #8fd5f3;
  --ah-red: #ff8d91;
  --ah-red-dark: #ffb0b3;
}

html[data-kocak-theme="dark"] .adhesive-hub-selector {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .adhesive-hub-selector__icon,
html[data-kocak-theme="dark"] .adhesive-hub-selector input {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-input);
}

html[data-kocak-theme="dark"] .adhesive-hub-selector h2,
html[data-kocak-theme="dark"] .adhesive-hub-selector li strong,
html[data-kocak-theme="dark"] .adhesive-hub-selector form label {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .adhesive-hub-selector li small {
  color: var(--kocak-theme-text-muted);
}

/*
 * Services and forms
 */
html[data-kocak-theme="dark"] .modern-services-head h1,
html[data-kocak-theme="dark"] .modern-services-subhead h2,
html[data-kocak-theme="dark"] .modern-service-card h2 a {
  color: var(--kocak-theme-text);
}

html[data-kocak-theme="dark"] .modern-services-head p,
html[data-kocak-theme="dark"] .modern-services-subhead p,
html[data-kocak-theme="dark"] .modern-services-strip span,
html[data-kocak-theme="dark"] .modern-service-card p,
html[data-kocak-theme="dark"] .modern-service-card li,
html[data-kocak-theme="dark"] .private-label-consent {
  color: var(--kocak-theme-text-muted);
}

html[data-kocak-theme="dark"] .modern-services-strip {
  background: rgba(255, 255, 255, .1);
}

html[data-kocak-theme="dark"] .modern-services-strip > div,
html[data-kocak-theme="dark"] .modern-service-card {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border);
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .modern-service-card__body > span {
  color: #ffb0b3;
  background: rgba(201, 31, 39, .2);
}

html[data-kocak-theme="dark"] .private-label-consent a {
  color: #ff9a9e;
}

/*
 * Legacy and long-form content surfaces
 * Several page templates append local styles after the shared stylesheets.
 * Dark-theme declarations are intentionally important within this narrow
 * theme scope so late light-mode declarations cannot override the contract.
 */
html[data-kocak-theme="dark"] .service-column,
html[data-kocak-theme="dark"] .project-section .slide-item,
html[data-kocak-theme="dark"] .project-section .info-box {
  color: var(--kocak-theme-text) !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface) !important;
}

html[data-kocak-theme="dark"] .service-column .details,
html[data-kocak-theme="dark"] .project-section .info-box {
  color: var(--kocak-theme-text) !important;
  background: var(--kocak-theme-surface) !important;
}

html[data-kocak-theme="dark"] .service-column .details h3,
html[data-kocak-theme="dark"] .service-column .details h4,
html[data-kocak-theme="dark"] .service-column .details a,
html[data-kocak-theme="dark"] .project-section .info-box h3,
html[data-kocak-theme="dark"] .project-section .info-box a {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .home-brand-card {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .kocak-group-band__button {
  color: var(--kocak-theme-text) !important;
  border-color: var(--kocak-theme-border-strong) !important;
  background: var(--kocak-theme-surface-raised) !important;
  box-shadow: 0 13px 30px rgba(0, 0, 0, .22);
}

html[data-kocak-theme="dark"] .kocak-group-band__button span {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .kocak-group-band__button small {
  color: var(--kocak-theme-text-muted) !important;
}

html[data-kocak-theme="dark"] .kocak-group-band__button:hover,
html[data-kocak-theme="dark"] .kocak-group-band__button:focus {
  color: #ffffff !important;
  border-color: rgba(255, 102, 107, .55) !important;
  background: #353c48 !important;
}

html[data-kocak-theme="dark"] .jowat-source-link {
  color: #e7eff5 !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface-raised) !important;
}

html[data-kocak-theme="dark"] .jowat-source-link:hover {
  color: #ffffff !important;
  border-color: rgba(255, 102, 107, .58) !important;
  background: #353c48 !important;
}

/* Blog detail and AEO article blocks */
html[data-kocak-theme="dark"] .article-trust-strip,
html[data-kocak-theme="dark"] .article-toc,
html[data-kocak-theme="dark"] .aeo-quick-answer,
html[data-kocak-theme="dark"] .aeo-table-wrap,
html[data-kocak-theme="dark"] .aeo-table,
html[data-kocak-theme="dark"] .aeo-steps li,
html[data-kocak-theme="dark"] .aeo-checklist li,
html[data-kocak-theme="dark"] .cause-grid > div,
html[data-kocak-theme="dark"] .article-note,
html[data-kocak-theme="dark"] .article-faq details,
html[data-kocak-theme="dark"] .article-sources {
  color: var(--kocak-theme-text) !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface-soft) !important;
  box-shadow: none !important;
}

html[data-kocak-theme="dark"] .aeo-table th {
  color: #ffffff !important;
  border-color: var(--kocak-theme-border) !important;
  background: #123f59 !important;
}

html[data-kocak-theme="dark"] .aeo-table td {
  color: #d7e2eb !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface-soft) !important;
}

html[data-kocak-theme="dark"] .article-trust-strip,
html[data-kocak-theme="dark"] .article-trust-strip strong,
html[data-kocak-theme="dark"] .article-toc strong,
html[data-kocak-theme="dark"] .aeo-quick-answer h2,
html[data-kocak-theme="dark"] .cause-grid strong,
html[data-kocak-theme="dark"] .article-faq h2,
html[data-kocak-theme="dark"] .article-faq summary,
html[data-kocak-theme="dark"] .article-sources h2 {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .blog-detail__content p,
html[data-kocak-theme="dark"] .blog-detail__content li,
html[data-kocak-theme="dark"] .aeo-quick-answer p,
html[data-kocak-theme="dark"] .cause-grid p,
html[data-kocak-theme="dark"] .article-faq details p,
html[data-kocak-theme="dark"] .article-sources p {
  color: var(--kocak-theme-text-muted) !important;
}

html[data-kocak-theme="dark"] .article-breadcrumb,
html[data-kocak-theme="dark"] .article-breadcrumb a,
html[data-kocak-theme="dark"] .article-toc a,
html[data-kocak-theme="dark"] .blog-detail__content a,
html[data-kocak-theme="dark"] .article-sources a {
  color: #9edfff !important;
}

html[data-kocak-theme="dark"] .article-note {
  color: #f0dfbd !important;
  border-left-color: #e2a536 !important;
  background: #352f25 !important;
}

/* Technical guides and quote forms */
html[data-kocak-theme="dark"] .quote-content,
html[data-kocak-theme="dark"] .guide-content {
  background: var(--kocak-theme-page) !important;
}

html[data-kocak-theme="dark"] .quote-panel,
html[data-kocak-theme="dark"] .quote-form-card,
html[data-kocak-theme="dark"] .guide-article,
html[data-kocak-theme="dark"] .guide-process,
html[data-kocak-theme="dark"] .guide-feature-card,
html[data-kocak-theme="dark"] .quote-checklist > div,
html[data-kocak-theme="dark"] .quote-contact-line {
  color: var(--kocak-theme-text) !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface) !important;
}

html[data-kocak-theme="dark"] .quote-panel h2,
html[data-kocak-theme="dark"] .quote-form-card h2,
html[data-kocak-theme="dark"] .guide-article h2,
html[data-kocak-theme="dark"] .guide-feature-card h2,
html[data-kocak-theme="dark"] .quote-checklist strong,
html[data-kocak-theme="dark"] .quote-field label,
html[data-kocak-theme="dark"] .quote-contact-line,
html[data-kocak-theme="dark"] .guide-process__grid span {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .quote-panel__lead,
html[data-kocak-theme="dark"] .quote-checklist span,
html[data-kocak-theme="dark"] .quote-form-card > p,
html[data-kocak-theme="dark"] .guide-article p {
  color: var(--kocak-theme-text-muted) !important;
}

html[data-kocak-theme="dark"] .guide-process__grid > div {
  color: var(--kocak-theme-text);
  background: var(--kocak-theme-surface-soft);
}

html[data-kocak-theme="dark"] .quote-form-card .quote-form {
  background: var(--kocak-theme-surface);
}

html[data-kocak-theme="dark"] .quote-whatsapp-cta,
html[data-kocak-theme="dark"] .private-label-whatsapp {
  color: #ffffff !important;
}

html[data-kocak-theme="dark"] .private-label-consent {
  color: var(--kocak-theme-text-muted) !important;
}

/* Service detail navigation and sector/application cards */
html[data-kocak-theme="dark"] .service-detail-nav {
  color: var(--kocak-theme-text);
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface) !important;
}

html[data-kocak-theme="dark"] .service-detail-nav a {
  color: #d9e7f0 !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface-soft) !important;
}

html[data-kocak-theme="dark"] .service-detail-nav a.active,
html[data-kocak-theme="dark"] .service-detail-nav a:hover {
  color: #ffffff !important;
  border-color: rgba(255, 102, 107, .58) !important;
  background: rgba(201, 31, 39, .32) !important;
}

html[data-kocak-theme="dark"] .service-sector-panel h2,
html[data-kocak-theme="dark"] .service-sector-applications strong,
html[data-kocak-theme="dark"] .service-sector-criteria__grid h3 {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .service-sector-panel > p,
html[data-kocak-theme="dark"] .service-sector-applications span,
html[data-kocak-theme="dark"] .service-sector-criteria__grid p {
  color: var(--kocak-theme-text-muted) !important;
}

/* Private-label page sections inherit the same semantic surface contract. */
html[data-kocak-theme="dark"] .private-label-process,
html[data-kocak-theme="dark"] .private-label-proof > div,
html[data-kocak-theme="dark"] .private-label-card,
html[data-kocak-theme="dark"] .private-label-why,
html[data-kocak-theme="dark"] .private-label-channels__grid article,
html[data-kocak-theme="dark"] .private-label-faq details,
html[data-kocak-theme="dark"] .private-label-process__grid > div {
  color: var(--kocak-theme-text) !important;
  border-color: var(--kocak-theme-border) !important;
  background: var(--kocak-theme-surface) !important;
}

html[data-kocak-theme="dark"] .private-label-process__grid > div {
  background: var(--kocak-theme-surface-soft) !important;
}

html[data-kocak-theme="dark"] .private-label-process h2,
html[data-kocak-theme="dark"] .private-label-process__grid h3,
html[data-kocak-theme="dark"] .private-label-channels__grid h3,
html[data-kocak-theme="dark"] .private-label-faq summary,
html[data-kocak-theme="dark"] .private-label-card h2 {
  color: var(--kocak-theme-text) !important;
}

html[data-kocak-theme="dark"] .private-label-proof span {
  color: var(--kocak-theme-text-muted) !important;
}

html[data-kocak-theme="dark"] .private-label-process p,
html[data-kocak-theme="dark"] .private-label-process__grid p,
html[data-kocak-theme="dark"] .private-label-channels__grid p,
html[data-kocak-theme="dark"] .private-label-faq details p,
html[data-kocak-theme="dark"] .private-label-card p,
html[data-kocak-theme="dark"] .private-label-card li {
  color: var(--kocak-theme-text-muted) !important;
}

/* General catalogue/category detail completion */
html[data-kocak-theme="dark"] .adhesive-hub-page {
  color: var(--kocak-theme-text);
  background: var(--kocak-theme-page) !important;
}

html[data-kocak-theme="dark"] .general-detail-products__all {
  color: #d8edf8 !important;
}

html[data-kocak-theme="dark"] .quote-whatsapp-cta,
html[data-kocak-theme="dark"] .private-label-whatsapp {
  color: #ffffff !important;
  background: #137a3f !important;
}

/*
 * Red is retained as the brand action colour, with a darker dark-mode surface
 * so small white labels meet contrast requirements.
 */
html[data-kocak-theme="dark"] .main-menu .navigation > li.current > a,
html[data-kocak-theme="dark"] .main-menu .navigation > li:hover > a,
html[data-kocak-theme="dark"] .main-menu .navigation > li:focus-within > a,
html[data-kocak-theme="dark"] .get-btn .appt-btn,
html[data-kocak-theme="dark"] .theme-btn,
html[data-kocak-theme="dark"] .general-catalog-button--primary,
html[data-kocak-theme="dark"] .general-catalog-hero__finder button,
html[data-kocak-theme="dark"] .adhesive-hub-button--primary,
html[data-kocak-theme="dark"] .adhesive-hub-selector button,
html[data-kocak-theme="dark"] .adhesive-hub-cta a:first-child,
html[data-kocak-theme="dark"] .jowat-tds-finder button,
html[data-kocak-theme="dark"] .riepe-tds-button--primary,
html[data-kocak-theme="dark"] .mayer-hero__actions a:first-child,
html[data-kocak-theme="dark"] .mayer-product__tds--tr,
html[data-kocak-theme="dark"] .home-use-cases__grid a:first-child,
html[data-kocak-theme="dark"] .home-jowat-seo__actions a:first-child,
html[data-kocak-theme="dark"] .blog-search-tools__filters button.is-active {
  color: #ffffff !important;
  border-color: #c91f27 !important;
  background: #c91f27 !important;
}

/* Keyboard focus remains visible in both themes. */
html[data-kocak-theme] :where(
  a,
  button,
  input,
  select,
  textarea,
  summary
):focus-visible {
  outline: 3px solid var(--kocak-theme-focus);
  outline-offset: 3px;
}

@media (forced-colors: active) {
  .kocak-theme-option.active,
  .kocak-mobile-theme-option.active {
    outline: 2px solid CanvasText;
  }
}