/* Kaçak Tespit varyantı (2.0.10): "kanıt panosu". Yalnız body.yh-design-kacak; ortak tema kuralları değişmez.
   Renkler sitenin tema ayarından gelir (--yh-blue, --yh-navy, --yh-mist, --yh-line, --yh-banner-bg). */

/* Tek sol kenar: hero, bölümler ve başlık aynı 1200px kabukta; metin satırı okunur genişlikte kalır. */
body.yh-design-kacak .yh-section > .yh-section-inner,
body.yh-design-kacak.home .yh-section > .yh-section-inner,
body.yh-design-kacak .yh-section.yh-home-services > .yh-section-inner { width: min(1200px, calc(100% - 3rem)); }
body.yh-design-kacak .yh-section-inner > :is(p, ul:not([class*="yh-k-"]):not(.yh-related-links):not(.yh-page-jumps), .yh-faqs, .yh-k-where-item) { max-width: 72ch; }
body.yh-design-kacak .yh-section-inner > .wp-block-table { max-width: 860px; }
/* site.css ana sayfada listeleri 78ch ile sınırlar; kutucuk ızgarası kabuğun tamamını kullanır. */
body.yh-design-kacak.home .yh-section-inner > ul.yh-k-where { max-width: none; }

/* Izgara ve flex çocuklarında WordPress akış boşluğunu gap karşılar. */
body.yh-design-kacak .yh-k-cases > *,
body.yh-design-kacak .yh-k-compare > *,
body.yh-design-kacak .yh-k-where > *,
body.yh-design-kacak .yh-k-where li > *,
body.yh-design-kacak .yh-k-steps > *,
body.yh-design-kacak .yh-k-case > *,
body.yh-design-kacak .yh-k-principles > * { margin-block: 0; }

/* Hero: sola hizalı başlık ve ince vurgu çizgisi. */
body.yh-design-kacak .yh-banner .yh-banner-copy { width: min(1200px, 100%); align-items: flex-start; gap: 18px; text-align: start; }
body.yh-design-kacak .yh-banner h1 { max-width: 30ch; }
body.yh-design-kacak .yh-banner h1::after { content: ""; display: block; width: 64px; height: 4px; margin-block-start: 16px; border-radius: 2px; background: var(--yh-blue); }
body.yh-design-kacak .yh-banner .yh-intro { max-width: 62ch; }
body.yh-design-kacak .yh-banner .yh-call-buttons { justify-content: flex-start; }

/* Sayfa yolu bağlantıları en az 44px genişliğinde dokunma hedefi sunar. */
body.yh-design-kacak .yh-breadcrumb-shell a { min-width: 44px; }

/* Marka bağlantısı logo olmadan da 44px dokunma hedefi. */
body.yh-design-kacak .yh-header .yh-brand { min-height: 44px; }

/* Ana sayfa: "Islaklık nerede?" bandı hero'nun devamıdır. */
body.yh-design-kacak .yh-banner:has(+ .yh-section .yh-k-where) { border-bottom: 0; }
body.yh-design-kacak .yh-banner + .yh-section:has(.yh-k-where) { padding-block-start: 0; border-bottom: 1px solid var(--yh-line); background: var(--yh-banner-bg, var(--yh-mist)); }
body.yh-design-kacak .yh-section:has(.yh-k-where) h2 { font-size: 1.375rem; }
body.yh-design-kacak .yh-section:has(.yh-k-where) p { margin-block: 6px 0; color: var(--yh-muted); font-size: 1rem; }

/* Kutucuklar: kutunun tamamı bağlantı; başlık ve kısa belirti alt alta. */
body.yh-design-kacak ul.yh-k-where { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0 0; padding: 0; list-style: none; }
body.yh-design-kacak .yh-k-where li { display: flex; margin: 0; padding: 0; border: 0; }
body.yh-design-kacak .yh-k-where a {
  display: block; width: 100%; min-height: 92px; padding: 16px 16px 16px 18px;
  border: 1px solid var(--yh-line); border-inline-start: 4px solid var(--yh-blue); border-radius: 6px;
  background: #fff; color: var(--yh-muted); font-size: 1rem; line-height: 1.4; text-decoration: none;
}
body.yh-design-kacak .yh-k-where a::before, body.yh-design-kacak .yh-k-where a::after { display: none; }
body.yh-design-kacak .yh-k-where strong { display: block; margin-block-end: 4px; color: var(--yh-navy); font-size: 1.25rem; line-height: 1.25; }
body.yh-design-kacak .yh-k-where br { display: none; }
body.yh-design-kacak .yh-k-where a:hover { border-color: var(--yh-blue); background: var(--yh-mist); }
body.yh-design-kacak .yh-k-where a:hover strong { text-decoration: underline; text-decoration-thickness: 2px; }

/* Leak sayfası: ıslaklığın yeri; ana sayfadaki kutudan gelen ziyaretçi ilgili maddeyi vurgulu görür. */
body.yh-design-kacak .yh-k-where-item { padding-block: 14px; border-top: 1px solid var(--yh-line); scroll-margin-top: 16px; }
body.yh-design-kacak .yh-k-where-item:last-child { border-bottom: 1px solid var(--yh-line); }
body.yh-design-kacak .yh-k-where-item > * { margin: 0; }
body.yh-design-kacak .yh-k-where-item h3 { margin-block-end: 6px; font-size: 1.125rem; }
body.yh-design-kacak .yh-k-where-item:target { background: var(--yh-mist); box-shadow: 0 0 0 12px var(--yh-mist); }

/* Önce test, sonra onarım: numaralı adımlar; geniş ekranda yatay çizgiyle bağlı. */
body.yh-design-kacak ol.yh-k-steps { counter-reset: kstep; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 24px 0 0; padding: 0; list-style: none; }
body.yh-design-kacak .yh-k-steps li { counter-increment: kstep; position: relative; margin: 0; padding: 56px 0 0; color: var(--yh-muted); font-size: 1rem; line-height: 1.55; }
body.yh-design-kacak .yh-k-steps li::before {
  content: counter(kstep); position: absolute; inset-block-start: 0; inset-inline-start: 0;
  display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  border-radius: 50%; background: var(--yh-blue); color: #fff; font-size: 1.125rem; font-weight: 700;
}
body.yh-design-kacak .yh-k-steps li::after { content: ""; position: absolute; inset-block-start: 19px; inset-inline-start: 52px; inset-inline-end: -16px; height: 2px; background: var(--yh-line); }
body.yh-design-kacak .yh-k-steps li:last-child::after { display: none; }
body.yh-design-kacak .yh-k-steps strong { display: block; margin-block-end: 6px; color: var(--yh-navy); font-size: 1.125rem; line-height: 1.3; }
body.yh-design-kacak .yh-k-steps br { display: none; }

/* "Kaçak yok" / "yeri bulunamadı" karşılaştırması. */
body.yh-design-kacak .yh-k-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block-start: 20px; }
body.yh-design-kacak .yh-k-compare-item { padding: 20px 22px; border: 1px solid var(--yh-line); border-top: 4px solid var(--yh-navy); border-radius: 8px; background: #fff; }
body.yh-design-kacak .yh-k-compare-item + .yh-k-compare-item { border-top-color: var(--yh-blue); background: var(--yh-mist); }
body.yh-design-kacak .yh-k-compare-item > * { margin: 0; }
body.yh-design-kacak .yh-k-compare-item h3 { margin-block-end: 8px; font-size: 1.1875rem; line-height: 1.3; }
body.yh-design-kacak .yh-k-compare-item p { color: var(--yh-muted); font-size: 1rem; }
body.yh-design-kacak .yh-k-note { margin-block-start: 16px; color: var(--yh-muted); font-size: .9375rem; }

/* Vaka kartları: yer etiketi, başlık, anlatım ve vurgulu bulgu satırı. */
body.yh-design-kacak .yh-k-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-block-start: 20px; }
body.yh-design-kacak .yh-k-cases:has(> .yh-k-case:only-child) { grid-template-columns: minmax(0, 46rem); }
body.yh-design-kacak .yh-k-case { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 20px 22px; border: 1px solid var(--yh-line); border-radius: 8px; background: #fff; }
body.yh-design-kacak .yh-k-case > * { margin: 0; }
body.yh-design-kacak .yh-k-case-meta { color: var(--yh-blue); font-size: .875rem; font-weight: 700; line-height: 1.4; }
body.yh-design-kacak .yh-k-case h3 { font-size: 1.1875rem; line-height: 1.3; }
body.yh-design-kacak .yh-k-case p { color: var(--yh-muted); font-size: 1rem; line-height: 1.55; }
body.yh-design-kacak .yh-k-case p.yh-k-case-finding { padding: 10px 12px; border-inline-start: 3px solid var(--yh-blue); border-radius: 0 4px 4px 0; background: var(--yh-mist); color: var(--yh-navy); }
body.yh-design-kacak[dir="rtl"] .yh-k-case p.yh-k-case-finding, [dir="rtl"] body.yh-design-kacak .yh-k-case p.yh-k-case-finding { border-radius: 4px 0 0 4px; }
body.yh-design-kacak .yh-k-case-link { margin-block-start: auto !important; }
body.yh-design-kacak .yh-k-case-link a { display: inline-flex; align-items: center; min-height: 44px; font-size: 1rem; font-weight: 600; }

/* Kontrol listesi: işaret simgeli satırlar. */
body.yh-design-kacak ul.yh-k-check { max-width: 72ch; margin: 16px 0 20px; padding: 0; list-style: none; }
body.yh-design-kacak .yh-k-check li { position: relative; margin: 0; padding-block: 10px; padding-inline-start: 34px; border-top: 1px solid var(--yh-line); font-size: 1rem; line-height: 1.5; }
body.yh-design-kacak .yh-k-check li:last-child { border-bottom: 1px solid var(--yh-line); }
body.yh-design-kacak .yh-k-check li::before {
  content: ""; position: absolute; inset-inline-start: 4px; inset-block-start: 16px;
  width: 14px; height: 7px; border-left: 3px solid var(--yh-blue); border-bottom: 3px solid var(--yh-blue); transform: rotate(-45deg);
}

/* Hakkımızda: numaralı ilkeler. */
body.yh-design-kacak ol.yh-k-principles { counter-reset: kp; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; margin: 20px 0 0; padding: 0; list-style: none; }
body.yh-design-kacak .yh-k-principles li { counter-increment: kp; position: relative; margin: 0; padding: 16px 18px; padding-inline-start: 60px; border: 1px solid var(--yh-line); border-radius: 8px; color: var(--yh-muted); font-size: 1rem; line-height: 1.55; }
body.yh-design-kacak .yh-k-principles li::before {
  content: counter(kp); position: absolute; inset-inline-start: 16px; inset-block-start: 16px;
  display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;
  border-radius: 50%; background: var(--yh-mist); color: var(--yh-blue); font-size: 1rem; font-weight: 700;
}
body.yh-design-kacak .yh-k-principles strong { display: block; margin-block-end: 4px; color: var(--yh-navy); font-size: 1.0625rem; line-height: 1.35; }
body.yh-design-kacak .yh-k-principles br { display: none; }

/* Hizmet sayfalarındaki "daha fazla" bağlantısı dokunma hedefi kadar yüksek. */
body.yh-design-kacak .yh-k-more a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }

@media (max-width: 1023px) {
  body.yh-design-kacak .yh-k-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 959px) {
  body.yh-design-kacak ul.yh-k-where { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  body.yh-design-kacak ol.yh-k-steps { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  body.yh-design-kacak .yh-k-steps li { min-height: 40px; padding: 6px 0 0; padding-inline-start: 56px; }
  body.yh-design-kacak .yh-k-steps li::after { inset-block-start: 48px; inset-block-end: -16px; inset-inline-start: 19px; inset-inline-end: auto; width: 2px; height: auto; }
}
@media (max-width: 767px) {
  body.yh-design-kacak .yh-section > .yh-section-inner,
  body.yh-design-kacak.home .yh-section > .yh-section-inner,
  body.yh-design-kacak .yh-section.yh-home-services > .yh-section-inner { width: calc(100% - 40px); }
  body.yh-design-kacak .yh-banner + .yh-section:has(.yh-k-where) { padding-block-end: 24px; }
  body.home.yh-design-kacak .yh-banner { padding-block: 24px; }
  body.home.yh-design-kacak .yh-banner .yh-banner-copy { gap: 14px; }
  body.home.yh-design-kacak .yh-banner h1::after { margin-block-start: 8px; }
  body.home.yh-design-kacak #sec-nerede.yh-section { background: var(--yh-white, #fff); padding-block-start: 24px; }
  body.yh-design-kacak ol.yh-k-principles { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 719px) {
  body.yh-design-kacak .yh-k-compare { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599px) {
  body.yh-design-kacak .yh-k-cases { grid-template-columns: minmax(0, 1fr); }
  body.yh-design-kacak .yh-k-case { padding: 16px; }
}
@media (max-width: 479px) {
  body.yh-design-kacak ul.yh-k-where { gap: 8px; }
  body.yh-design-kacak .yh-k-where a { min-height: 76px; padding: 12px 12px 12px 14px; font-size: .9375rem; }
  body.yh-design-kacak .yh-k-where strong { font-size: 1.0625rem; }
}
@media (max-width: 430px) {
  html:not(.yh-js) body.yh-design-kacak .yh-header-inner > .yh-language-switcher { margin-inline-start: auto; }
}
@media (max-width: 359px) {
  body.yh-design-kacak .yh-section > .yh-section-inner,
  body.yh-design-kacak.home .yh-section > .yh-section-inner,
  body.yh-design-kacak .yh-section.yh-home-services > .yh-section-inner { width: calc(100% - 32px); }
}
@media print {
  body.yh-design-kacak .yh-k-where a, body.yh-design-kacak .yh-k-case, body.yh-design-kacak .yh-k-compare-item { break-inside: avoid; }
}

/* WhatsApp adds a second action; keep brand, language and both actions above the full menu. */
@media (min-width: 1280px) {
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) { grid-template-columns: max-content auto minmax(0, 1fr); gap: 0 1rem; }
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) > .yh-brand,
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) > .yh-language-switcher { grid-row: 1; }
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) > .yh-header-contact { grid-column: 3; grid-row: 1; justify-self: end; }
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) > .yh-navigation { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
}

/* 30 Ekim 2026: hizmetler tek "Hizmetler" panelinde toplandı; WhatsApp'lı başlık Maryo gibi tek satırdır. */
@media (min-width: 1280px) {
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) { grid-template-columns: max-content auto minmax(0, 1fr) max-content; gap: 0 1rem; }
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) > .yh-navigation { grid-column: 3; grid-row: 1; justify-self: end; }
  body.yh-design-kacak .yh-header-inner:has(.yh-header-whatsapp) > .yh-header-contact { grid-column: 4; grid-row: 1; }
  body.yh-design-kacak .yh-header .yh-menu { flex-wrap: nowrap; }
  body.yh-design-kacak .yh-header .yh-menu > li > a { white-space: nowrap; }
  body.yh-design-kacak .yh-header .yh-menu-services > .sub-menu > li:not(.yh-menu-group):not(.yh-menu-all) > a { font-weight: 700; }
}

/* 30 Ekim 2026: çerez paneli marka renginde; kabul ve ret eşit ağırlıkta kalır, düğme metni bölünmez. */
body.yh-design-kacak :is(.cky-consent-container, .cky-preference-center) .cky-btn { border-radius: 4px; font-weight: 600; white-space: nowrap; }
body.yh-design-kacak :is(.cky-consent-container, .cky-preference-center) :is(.cky-btn-accept, .cky-btn-reject, .cky-btn-preferences) {
  background-color: var(--yh-blue) !important; border-color: var(--yh-blue) !important; color: #fff !important;
}
body.yh-design-kacak :is(.cky-consent-container, .cky-preference-center) .cky-btn-customize {
  background-color: transparent !important; border-color: var(--yh-blue) !important; color: var(--yh-blue) !important;
}
/* Mevcut kompakt panel tek satır üç eşit düğmeyi korur (Ek CSS); 375 px ve üstünde etiketler bölünmez. */
@media (min-width: 375px) and (max-width: 1023px) {
  body.yh-design-kacak .cky-consent-container.cky-banner-bottom .cky-consent-bar .cky-notice-btn-wrapper .cky-btn {
    font-size: 13px !important; letter-spacing: -.01em; white-space: nowrap !important;
  }
}