/* Ceki Kapagi brand layer. Loaded after Partdo/Elementor; no layout replacement. */
@font-face {
  font-family: "Ceki Kapagi Sans";
  src: url("../fonts/CekiKapagiSans-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Ceki Kapagi Sans";
  src: url("../fonts/CekiKapagiSans-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Ceki Kapagi Sans";
  src: url("../fonts/CekiKapagiSans-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

body.cekikapagi-brand {
  --ck-navy: #05283d;
  --ck-orange: #f47617;
  --ck-white: #fff;
  --ck-pale: #f4f7fa;
  --ck-muted: #526574;
  --ck-line: #dce4ea;
  --ck-font: "Ceki Kapagi Sans", Arial, sans-serif;
  --theme-primary-font: var(--ck-font);
  --theme-secondary-font: var(--ck-font);
  --theme-font-weight: 400;
  --theme-form-font-weight: 400;
  --theme-letter-spacing: 0;
  --color-body: var(--ck-white);
  --color-text-primary: var(--ck-navy);
  --color-text-description: var(--ck-muted);
  --color-text-light: #617482;
  --color-text-lighter: #c7d2da;
  --color-info: #e7edf2;
  --color-info-dark: var(--ck-line);
  --color-info-light: var(--ck-pale);
  --color-form-border: #b9c8d2;
  --color-form-active-shadow: #e3ebf1;
  --color-form-placeholder: #637684;
  --color-primary: var(--ck-navy);
  --color-primary-dark: #031c2b;
  --color-primary-lighter: var(--ck-pale);
  --color-secondary: var(--ck-orange);
  --color-secondary-dark: #df650a;
  --color-secondary-lighter: #fff3e9;
  --color-gradient-1: var(--ck-orange);
  --e-global-color-primary: var(--ck-navy);
  --e-global-color-secondary: var(--ck-navy);
  --e-global-color-text: var(--ck-muted);
  --e-global-color-accent: var(--ck-orange);
  --e-global-typography-primary-font-family: "Ceki Kapagi Sans";
  --e-global-typography-secondary-font-family: "Ceki Kapagi Sans";
  --e-global-typography-text-font-family: "Ceki Kapagi Sans";
  --e-global-typography-accent-font-family: "Ceki Kapagi Sans";
  background: var(--ck-white);
  color: var(--ck-navy);
  font-family: var(--ck-font);
  font-weight: 400;
  font-synthesis: none;
}

/* Target text elements explicitly so Partdo, Font Awesome and Elementor icons survive. */
.cekikapagi-brand :is(h1, h2, h3, h4, h5, h6, input, select, textarea, button),
.cekikapagi-brand .elementor :is(.elementor-heading-title, .elementor-widget-text-editor, .elementor-button-text, .elementor-icon-list-text),
.cekikapagi-brand :is(.entry-title, .entry-subtitle, .product-title, .price, .klbth-menu, .widget-title, .select2-container, .woocommerce) {
  font-family: var(--ck-font) !important;
}
.cekikapagi-brand :is(h1, h2) { font-weight: 900; letter-spacing: -0.035em; }
.cekikapagi-brand :is(h3, h4, h5, h6, strong, b, .product-title, .widget-title) { font-weight: 700; }
.cekikapagi-brand :is(.product-title, .woocommerce-loop-product__title) { letter-spacing: -0.015em; }
.cekikapagi-brand .elementor-widget-text-editor { line-height: 1.65; }
.cekikapagi-brand :is(input, select, textarea) { font-size: 16px; }
.cekikapagi-brand :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--ck-orange);
  outline-offset: 4px;
}
.cekikapagi-brand ::selection { color: var(--ck-navy); background: #ffd2ad; }

/* Retain the established header, with the full approved logo in its existing slot. */
.cekikapagi-brand .site-header { color: var(--ck-navy); }
.cekikapagi-brand .site-header :is(.header-main, .header-mobile, .header-nav) {
  color: var(--ck-navy);
  background-color: var(--ck-white);
}
.cekikapagi-brand .site-header .header-sub { color: var(--ck-navy); background: var(--ck-pale); }
.cekikapagi-brand .site-header .site-brand img,
.cekikapagi-brand .site-drawer .site-brand img,
.cekikapagi-brand .site-footer .site-brand img {
  display: block;
  width: 270px !important;
  height: 60px !important;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}
.cekikapagi-brand .site-header .header-mobile .site-brand img {
  width: 180px !important;
  height: 42px !important;
}
.cekikapagi-brand .site-header .header-main .column.center { min-width: 0; }
.cekikapagi-brand .site-header .klbth-menu > li > a { font-weight: 700; }
.cekikapagi-brand .site-header .klbth-menu > li > a:hover { color: var(--ck-navy); }
.cekikapagi-brand .site-header .klbth-menu > li.current-menu-item > a { text-decoration: underline; text-underline-offset: 6px; }
.cekikapagi-brand .site-header .quick-button .quick-count { color: var(--ck-navy); background: var(--ck-orange); }

/* Orange is reserved for actions; navy lettering provides readable contrast. */
.cekikapagi-brand :is(.btn-primary, .button-primary, .elementor-button, .single_add_to_cart_button),
.cekikapagi-brand .woocommerce :is(a.button.alt, button.button.alt, input.button.alt),
.cekikapagi-brand :is(.retroco-hero-cta, .ck-hero-cta, .ck-help-strip > a) {
  color: var(--ck-navy) !important;
  background: var(--ck-orange) !important;
  border-color: var(--ck-orange) !important;
  font-weight: 700;
  text-decoration: none;
}
.cekikapagi-brand :is(.btn-primary, .button-primary, .elementor-button, .single_add_to_cart_button):hover,
.cekikapagi-brand .woocommerce :is(a.button.alt, button.button.alt, input.button.alt):hover,
.cekikapagi-brand :is(.retroco-hero-cta, .ck-hero-cta, .ck-help-strip > a):hover {
  color: var(--ck-navy) !important;
  background: #ff8b34 !important;
  border-color: #ff8b34 !important;
}
.cekikapagi-brand :is(.retroco-hero-cta, .ck-hero-cta) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: 20px;
  padding: 12px 22px;
  border: 1px solid var(--ck-orange);
  border-radius: 7px;
  line-height: 1.35;
}

/* The existing Partdo slider remains responsible for image position and behavior. */
.cekikapagi-brand.home .klbth-module-slider .entry-heading .entry-title,
.cekikapagi-brand .ck-hero .entry-title {
  max-width: 560px;
  font-size: clamp(30px, 3.4vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-wrap: balance;
}
.cekikapagi-brand.home .klbth-module-slider .entry-subtitle {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 14px;
}
.cekikapagi-brand.home .klbth-module-slider .entry-excerpt {
  max-width: 480px;
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 400;
  line-height: 1.55;
}
.cekikapagi-brand.home .klbth-module-slider .entry-footer .price:empty { display: none; }

/* Vehicle makes are the primary browsing index. No invented manufacturer marks. */
.cekikapagi-brand .ck-brand-directory {
  margin-block: 48px;
  scroll-margin-top: 120px;
}
.cekikapagi-brand .ck-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin: 0 0 24px;
}
.cekikapagi-brand .ck-section-heading :is(h2, h3),
.cekikapagi-brand :is(h2, h3).ck-section-heading {
  display: block;
  margin: 0;
  color: var(--ck-navy);
  font-size: clamp(25px, 2.5vw, 34px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.035em;
}
.cekikapagi-brand .ck-section-heading p {
  max-width: 540px;
  margin: 0;
  color: var(--ck-muted);
  font-size: 15px;
  line-height: 1.6;
}
.cekikapagi-brand .ck-brand-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-top: 1px solid var(--ck-line);
  border-left: 1px solid var(--ck-line);
}
.cekikapagi-brand .ck-brand-grid .ck-brand-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 112px;
  gap: 7px;
  padding: 22px 20px;
  border-right: 1px solid var(--ck-line);
  border-bottom: 1px solid var(--ck-line);
  background: var(--ck-white);
  color: var(--ck-navy);
  text-decoration: none;
  transition: background-color 140ms ease;
}
.cekikapagi-brand .ck-brand-link strong {
  font-size: clamp(17px, 1.7vw, 21px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
  overflow-wrap: break-word;
}
.cekikapagi-brand .ck-brand-link span { color: var(--ck-muted); font-size: 13px; line-height: 1.4; }
.cekikapagi-brand .ck-brand-grid .ck-brand-link:hover { background: var(--ck-pale); }
.cekikapagi-brand .ck-brand-grid .ck-brand-link:hover strong { text-decoration: underline; text-decoration-color: var(--ck-orange); text-decoration-thickness: 3px; text-underline-offset: 5px; }
.cekikapagi-brand .ck-brand-grid .ck-brand-link:focus-visible { position: relative; z-index: 1; outline-offset: -3px; }
.cekikapagi-brand .ck-fitment-note {
  margin: 18px 0 0;
  max-width: 850px;
  padding-left: 14px;
  border-left: 3px solid var(--ck-orange);
  color: var(--ck-muted);
  font-size: 14px;
  line-height: 1.65;
}
.cekikapagi-brand .ck-fitment-note a { color: var(--ck-navy); text-decoration: underline; text-underline-offset: 3px; }

.cekikapagi-brand .ck-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-block: 30px 48px;
}
.cekikapagi-brand .ck-guide-card {
  min-width: 0;
  padding: 24px 0 0;
  border-top: 3px solid var(--ck-navy);
}
.cekikapagi-brand .ck-guide-card h3 { margin: 0 0 12px; color: var(--ck-navy); font-size: 21px; line-height: 1.25; letter-spacing: -0.025em; }
.cekikapagi-brand .ck-guide-card p { max-width: 60ch; margin: 0; color: var(--ck-muted); font-size: 15px; line-height: 1.65; }
.cekikapagi-brand .ck-guide-card a { display: inline-block; margin-top: 15px; color: var(--ck-navy); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.cekikapagi-brand .ck-help-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 40px;
  margin-block: 36px 48px;
  padding: 30px 34px;
  border-radius: 10px;
  background: var(--ck-pale);
  color: var(--ck-navy);
}
.cekikapagi-brand .ck-help-strip :is(h2, h3) { margin: 0 0 8px; font-size: clamp(22px, 2vw, 28px); line-height: 1.2; }
.cekikapagi-brand .ck-help-strip p { max-width: 680px; margin: 0; color: var(--ck-muted); font-size: 15px; line-height: 1.6; }
.cekikapagi-brand .ck-help-strip > a { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 48px; padding: 12px 22px; border-radius: 7px; text-align: center; line-height: 1.4; }

.cekikapagi-brand .site-footer .footer-row.dark,
.cekikapagi-brand .site-footer .footer-row.custom-background-light { background-color: var(--ck-pale); color: var(--ck-navy); }
.cekikapagi-brand .site-footer :is(.widget-title, .company-content .entry-title) { color: var(--ck-navy); }
.cekikapagi-brand .site-footer .footer-copyright { background: var(--ck-white); }
.cekikapagi-brand .site-footer .footer-copyright .site-copyright { color: var(--ck-muted); }
.cekikapagi-brand .site-footer .company-content :is(p, a) { overflow-wrap: anywhere; }
.cekikapagi-brand .rc-dashboard { --rc-red: var(--ck-navy); --rc-ink: var(--ck-navy); --rc-muted: var(--ck-muted); --rc-line: var(--ck-line); }
.cekikapagi-brand .rc-dashboard .rc-dash-welcome { background: var(--ck-navy); border-left-color: var(--ck-orange); }
.cekikapagi-brand .rc-dashboard .rc-dash-text-link { color: var(--ck-navy); }

@media (max-width: 1199px) {
  .cekikapagi-brand .ck-brand-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cekikapagi-brand .ck-brand-link strong { font-size: 19px; }
  .cekikapagi-brand .ck-guide-grid { gap: 22px; }
}
@media (max-width: 767px) {
  .cekikapagi-brand .ck-brand-directory { margin-block: 32px; scroll-margin-top: 100px; }
  .cekikapagi-brand .ck-section-heading { align-items: start; gap: 10px; margin-bottom: 20px; }
  .cekikapagi-brand .ck-section-heading p { max-width: 100%; font-size: 14px; }
  .cekikapagi-brand .ck-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cekikapagi-brand .ck-brand-grid .ck-brand-link { min-height: 98px; padding: 20px 16px; }
  .cekikapagi-brand .ck-brand-link strong { font-size: 19px; }
  .cekikapagi-brand .ck-guide-grid { grid-template-columns: 1fr; gap: 24px; margin-block: 28px 32px; }
  .cekikapagi-brand .ck-guide-card { padding-top: 20px; }
  .cekikapagi-brand .ck-help-strip { align-items: start; flex-direction: column; gap: 20px; margin-block: 28px 36px; padding: 24px; }
  .cekikapagi-brand .ck-help-strip > a { width: 100%; }
  .cekikapagi-brand.home .klbth-module-slider .entry-heading .entry-title { font-size: clamp(30px, 6.5vw, 38px) !important; }
  .cekikapagi-brand.home .klbth-module-slider .entry-excerpt { max-width: 35ch; font-size: 16px; }
  .cekikapagi-brand .site-drawer .site-brand img { width: 220px !important; height: 50px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .cekikapagi-brand .ck-brand-grid .ck-brand-link { transition: none; }
}

.cekikapagi-brand .ck-brand-search { max-width: 480px; margin: 0 0 24px; }
.cekikapagi-brand .ck-brand-search label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; }
.cekikapagi-brand .ck-brand-search input { width: 100%; min-height: 48px; border: 1px solid var(--ck-line); border-radius: 6px; background: var(--ck-white); }
.cekikapagi-brand .ck-brand-search[hidden], .cekikapagi-brand [data-ck-brand-empty][hidden] { display: none; }
.cekikapagi-brand .dropdown-cats .dropdown-menu { max-height: min(460px, 65vh); overflow-y: auto; overscroll-behavior: contain; }
.cekikapagi-brand .site-footer img.ck-footer-logo { width: 240px; height: 55px; object-fit: cover; object-position: center; }
.cekikapagi-brand #uyum-rehberi { scroll-margin-top: 110px; }
.cekikapagi-brand #masthead .header-border { background: var(--ck-navy) !important; }
.cekikapagi-brand #masthead .dropdown-cats > .dropdown-toggle { background: var(--ck-navy) !important; color: white !important; }
.cekikapagi-brand #masthead :is(.cart-count, .klbwl-wishlist-count) { background: var(--ck-orange) !important; color: var(--ck-navy) !important; }
.cekikapagi-brand.home .klbth-module-slider :is(.slick-dots,.slick-arrow) { display: none !important; }
.cekikapagi-brand #uyum-rehberi.ck-fitment-note { max-width: none; margin: 0; border-left: 0; }
@media (max-width: 767px) {
  /* Keep the brand/menu controls reachable above the fixed mobile navigation. */
  .cekikapagi-brand:not(.woocommerce-checkout):not(.woocommerce-order-received) #iyzico-bpo1 { display: none !important; }
}
