/**
 * araset (krmsltema) — tema stilleri.
 *
 * BÖLÜM A: Tasarım (DOC/html/index.html <style>) — BİREBİR kopya, dokunulmaz.
 * BÖLÜM B: WordPress eklentileri — tasarımda karşılığı olmayan ama WP'nin
 *          gerektirdiği parçalar (menü dropdown, mobil alt menü, iç sayfa
 *          tipografisi, galeri + lightbox, sayfalama, kenar çubuğu, WhatsApp
 *          widget'ı). Tasarımın renk/tipografi diliyle yazılmıştır.
 */

/* ==============================================================
 * BÖLÜM A — TASARIM (birebir)
 * ============================================================== */

  :root { color-scheme: light; }
  html { scroll-behavior: smooth; scroll-padding-top: 96px; overflow-x: clip; }
  /* Sağdan gelen efektler görünmeden önce belgeyi genişletiyordu */
  body { font-family: 'Source Serif 4', Georgia, serif; background: #E7E4DE; color: #14100E; overflow-x: hidden; }

  .display { font-family: 'Archivo', system-ui, sans-serif; font-variation-settings: 'wdth' 112; letter-spacing: -0.025em; }
  .ui      { font-family: 'Archivo', system-ui, sans-serif; font-variation-settings: 'wdth' 100; }
  .label   { font-family: 'Archivo', system-ui, sans-serif; font-variation-settings: 'wdth' 100;
             text-transform: uppercase; letter-spacing: .15em; font-size: 14px; font-weight: 600; }

  /* Logodan gelen hilal işareti */
  .arc { width: 14px; height: 14px; flex: none; }

  /* Üst barda ekranın solundan menüye kadar uzanan kırmızı blok:
     soldan koyu bordo, sağa doğru tam markaya; sağ kenarı hero kesimiyle aynı yönde eğik.
     Genişlik header'ın kendi genişliğinden türetiliyor; 100vw kaydırma çubuğunu sayıp taşma yapardı. */
  .logo-zemin { position: absolute; left: 0; top: 0; height: 100%;
                background: linear-gradient(95deg, #5E0D12 0%, #A81319 46%, #E31E25 84%);
                clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
                width: calc(1.5rem + 178px + 2.5rem); }
  @media (min-width: 641px) { .logo-zemin { width: calc(1.5rem + 225px + 2.5rem); } }
  @media (min-width: 768px) { .logo-zemin { clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
                width: calc(max(0px, (100% - 1280px) / 2) + 2.5rem + 225px + 3.25rem); } }

  /* Kelime markası: logo.jpeg'ten üretilmiş şeffaf beyaz PNG */
  .logomark { display: block; }
  .logomark img { display: block; width: auto; }
  .logomark--sm img { height: 30px; }
  @media (min-width: 641px) { .logomark--sm img { height: 38px; } }
  .logomark--lg img { height: 44px; }

  /* Arka plan görsel katmanı */
  .panel-img { position: absolute; inset: 0; background-size: cover; background-position: center;
               will-change: transform; animation: drift 30s ease-in-out infinite alternate; }
  @keyframes drift { from { transform: scale(1.06); } to { transform: scale(1.16); } }

  /* Hero'nun alt kenarı: soldan yukarı eğik → düz → yukarı eğik.
     Kırmızı katman 4px altta kalır, kılcal bir kenar bırakır. */
  .hero-kesim   { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 235px), 83% calc(100% - 115px), 17% calc(100% - 115px), 0 calc(100% - 8px)); }
  .hero-kirmizi { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 231px), 83% calc(100% - 111px), 17% calc(100% - 111px), 0 calc(100% - 4px)); }
  @media (max-width: 900px) {
    .hero-kesim   { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 128px), 83% calc(100% - 62px), 17% calc(100% - 62px), 0 calc(100% - 6px)); }
    .hero-kirmizi { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 125px), 83% calc(100% - 59px), 17% calc(100% - 59px), 0 calc(100% - 3px)); }
  }

  /* Metnin durduğu bant koyu kalsın, sağ üçte bir açılsın */
  .hero-perde { background:
      linear-gradient(101deg, rgba(20,16,14,.97) 0%, rgba(20,16,14,.93) 44%, rgba(20,16,14,.76) 70%, rgba(20,16,14,.48) 100%),
      linear-gradient(0deg, rgba(20,16,14,.62) 0%, rgba(20,16,14,0) 48%); }

  /* Ekran kenarından taşan görsellerde metin sütunu şebekeye hizalı kalsın.
     Tailwind CDN kendi stilini head sonuna koyduğu için sınıfı iki kez yazıp öne geçiyoruz. */
  @media (min-width: 1024px) {
    .kenar-sag.kenar-sag { padding-right: max(2.5rem, calc((100vw - 1280px) / 2 + 2.5rem)); }
    .kenar-sol.kenar-sol { padding-left:  max(2.5rem, calc((100vw - 1280px) / 2 + 2.5rem)); }
  }
  /* Taşan görsellerin iç kenarı hero kesimiyle aynı eğimde */
  .egik-sag { clip-path: polygon(0 0, 100% 0, calc(100% - 72px) 100%, 0 100%); }
  .egik-sol { clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%); }
  @media (max-width: 1023px) { .egik-sag, .egik-sol { clip-path: none; } }

  /* Galeri sekmeleri */
  .sekme { font-family: 'Archivo', system-ui, sans-serif; font-size: 16px; font-weight: 600;
           padding: .8rem 1.7rem; border: 1px solid rgba(250,248,245,.25); color: rgba(250,248,245,.72);
           transition: color .3s, border-color .3s, background-color .3s; }
  .sekme:hover { color: #FAF8F5; border-color: rgba(250,248,245,.6); }
  .sekme.aktif { background: #E31E25; border-color: #E31E25; color: #fff; }
  .galeri-panel { display: none; }
  .galeri-panel.aktif { display: flex; flex-direction: column; height: 620px; gap: 8px;
                        animation: panelGir .55s ease both; }
  @media (min-width: 768px) { .galeri-panel.aktif { flex-direction: row; height: 560px; gap: 10px; } }

  /* Akordiyon: biri açık, imleç gelince o açılır */
  .kare { position: relative; flex: 1 1 0; min-width: 0; min-height: 0; overflow: hidden; cursor: pointer;
          transition: flex-grow .7s cubic-bezier(.2,.7,.2,1); }
  .galeri-panel .kare:first-child { flex-grow: 3.6; }
  .galeri-panel.aktif:hover .kare:first-child { flex-grow: 1; }
  .galeri-panel .kare:hover, .galeri-panel .kare:focus-visible { flex-grow: 3.6; }
  .kare img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
  .kare:hover img { transform: scale(1.06); }
  /* Açık olan net, diğerleri hafif karartılı */
  .kare::after { content: ''; position: absolute; inset: 0; background: rgba(20,16,14,.5);
                 opacity: 1; transition: opacity .6s ease; pointer-events: none; }
  .galeri-panel .kare:first-child::after { opacity: 0; }
  .galeri-panel.aktif:hover .kare:first-child::after { opacity: 1; }
  .galeri-panel .kare:hover::after, .galeri-panel .kare:focus-visible::after { opacity: 0; }

  @keyframes panelGir { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }

  /* Slayt katmanları */
  .slayt       { opacity: 0; transition: opacity .9s ease; }
  .slayt.aktif { opacity: 1; }
  .slayt-metin { opacity: 0; translate: 0 24px; pointer-events: none;
                 transition: opacity .7s ease, translate .7s cubic-bezier(.2,.7,.2,1); }
  .slayt-metin.aktif { opacity: 1; translate: 0 0; pointer-events: auto; }

  /* Kurumsal görsel kümesi: üç panelden oluşan tek eğik bant */
  .band-egik { clip-path: polygon(0 42px, 100% 0, 100% 100%, 0 100%); }
  @media (max-width: 900px) { .band-egik { clip-path: polygon(0 18px, 100% 0, 100% 100%, 0 100%); } }

  /* Hero kesimiyle aynı dili konuşan kırmızı paralelkenar aksan */
  .paralel { clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%); }

  /* Çizgili zemin dokusu */
  .cizgili { background-image: repeating-linear-gradient(118deg, rgba(20,16,14,.22) 0 1px, transparent 1px 9px); }

  /* Görünüme girince belirme — transform yerine translate (ken-burns ile çakışmasın) */
  /* Kaydırma efektleri. transform yerine translate/scale kullanılıyor ki
     görsellerdeki hover scale'i ile çakışmasın. */
  .rise { opacity: 0; translate: 0 42px;
          transition: opacity .85s cubic-bezier(.2,.7,.2,1), translate .85s cubic-bezier(.2,.7,.2,1), scale .85s cubic-bezier(.2,.7,.2,1); }
  .rise-sol   { translate: -56px 0; }
  .rise-sag   { translate: 56px 0; }
  .rise-ust   { translate: 0 -42px; }
  .rise-olcek { translate: 0 0; scale: .93; }
  .rise.is-in { opacity: 1; translate: 0 0; scale: 1; }
  .rise-d1 { transition-delay: .1s; } .rise-d2 { transition-delay: .2s; } .rise-d3 { transition-delay: .3s; }


  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #E31E25; outline-offset: 3px; border-radius: 2px;
  }

  .link-line { position: relative; }
  .link-line::after { content: ''; position: absolute; left: 0; bottom: -6px; height: 1px; width: 0; background: #E31E25; transition: width .45s cubic-bezier(.2,.7,.2,1); }
  .link-line:hover::after, .link-line:focus-visible::after { width: 100%; }

  .field { width: 100%; background: #fff; border: 1px solid #D9D4CC; border-bottom: 2px solid #14100E; padding: 14px 16px;
           font-family: 'Archivo', system-ui, sans-serif; font-size: 16px; color: #14100E; transition: border-color .25s; }
  .field::placeholder { color: #A39B93; }
  .field:hover { border-color: #B9B2A9; }
  .field:focus { border-color: #E31E25; border-bottom-color: #E31E25; }
  select.field { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%2314100E' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
                background-repeat: no-repeat; background-position: right 16px center; background-size: 12px; padding-right: 44px; }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .panel-img { animation: none !important; }
    .slayt, .slayt-metin { transition: none !important; }
    .galeri-panel.aktif { animation: none !important; }
    .rise { opacity: 1 !important; translate: none !important; transition: none !important; }
  }

/* ==============================================================
 * BÖLÜM B — WORDPRESS EKLENTİLERİ
 * Tasarımda karşılığı yok; tasarımın diliyle (ink panel, brand aksan,
 * keskin köşe, Archivo başlık / Source Serif 4 gövde) yazıldı.
 * ============================================================== */

/* Tema ayarlarından gelen metinler tasarımın kutularına her zaman sığmayabilir
   (uzun ürün/birim adı, boşluksuz uzun kelime). `overflow-x: clip` bunları
   kırpardı; sığmayan kelime artık kırpılmak yerine kırılır. Normal metinde
   görsel etkisi yoktur. */
body { overflow-wrap: break-word; }

/* Giriş yapmış kullanıcıda yönetim çubuğu fixed header'ı 32px aşağı iter.
   scroll-padding html üzerinde olduğu için body sınıfına :has() ile bakılır;
   desteklemeyen tarayıcıda tasarımın 96px'i geçerli kalır (yalnız girişli
   kullanıcıyı ve yalnız çapa hizasını etkiler). */
html:has(body.admin-bar) { scroll-padding-top: 128px; }
@media (max-width: 782px) { html:has(body.admin-bar) { scroll-padding-top: 142px; } }
/* Giriş yapmış kullanıcıda yönetim çubuğu fixed header'ı 32px aşağı iter */
body.admin-bar #ustbar { top: 32px; }
@media (max-width: 782px) { body.admin-bar #ustbar { top: 46px; } }
body.admin-bar #mobil-menu { top: 32px; }
@media (max-width: 782px) { body.admin-bar #mobil-menu { top: 46px; } }

/* --------------------------------------------------------------
 * Masaüstü menü — WP alt menüsü (dropdown). Tasarımda alt menü yok.
 * ------------------------------------------------------------ */
.kt-nav { position: relative; }
.kt-nav li { position: relative; }
.kt-nav ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 60;
  min-width: 240px;
  margin: 0;
  padding: .4rem 0;
  list-style: none;
  background: #14100E;
  border: 1px solid rgba(250, 248, 245, .14);
  box-shadow: 0 24px 48px rgba(20, 16, 14, .45);
  opacity: 0;
  visibility: hidden;
  translate: 0 10px;
  transition: opacity .3s ease, translate .3s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .3s;
}
.kt-nav li:hover > ul.sub-menu,
.kt-nav li:focus-within > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  transition: opacity .3s ease, translate .3s cubic-bezier(.2, .7, .2, 1), visibility 0s;
}
/* Üst öğe ile panel arasındaki boşlukta hover korunsun */
.kt-nav > li.menu-item-has-children::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 16px;
}
.kt-nav ul.sub-menu a {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .7rem 1.15rem;
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: rgba(250, 248, 245, .78);
  transition: color .3s ease, background-color .3s ease;
}
.kt-nav ul.sub-menu a:hover { color: #E31E25; background: rgba(250, 248, 245, .05); }
.kt-nav ul.sub-menu i { width: 18px; text-align: center; font-size: 15px; }
/* İkinci kademe alt menü yana açılır */
.kt-nav ul.sub-menu ul.sub-menu { top: 0; left: 100%; }

/* --------------------------------------------------------------
 * Mobil panel — alt menü (tüm satır tek toggle)
 * ------------------------------------------------------------ */
.kt-msub {
  max-height: 0;
  overflow: hidden;
  transition: max-height .45s cubic-bezier(.2, .7, .2, 1);
}
.kt-msub.open { max-height: 720px; }
.kt-mchevron { transition: rotate .35s ease; }
.kt-mchevron.rotated { rotate: 180deg; }
/* Mobil panel taşarsa kaydırılabilsin (uzun menüler) */
#mobil-menu { overflow-y: auto; -webkit-overflow-scrolling: touch; }

/* --------------------------------------------------------------
 * İç sayfa içerik tipografisi
 * ------------------------------------------------------------ */
.kt-entry-content { color: rgba(20, 16, 14, .84); line-height: 1.75; font-size: 1.0625rem; }
.kt-entry-content > * + * { margin-top: 1.15rem; }
.kt-entry-content h1,
.kt-entry-content h2,
.kt-entry-content h3,
.kt-entry-content h4 {
  font-family: 'Archivo', system-ui, sans-serif;
  font-variation-settings: 'wdth' 112;
  letter-spacing: -.025em;
  line-height: 1.12;
  font-weight: 800;
  color: #14100E;
  margin-top: 2.25rem;
}
.kt-entry-content h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
.kt-entry-content h3 { font-size: clamp(1.35rem, 2.2vw, 1.7rem); }
.kt-entry-content h4 { font-size: 1.25rem; }
.kt-entry-content a { color: #E31E25; text-decoration: underline; text-underline-offset: 3px; }
.kt-entry-content a:hover { color: #6B1015; }
.kt-entry-content ul,
.kt-entry-content ol { padding-left: 1.35rem; }
.kt-entry-content ul { list-style: disc; }
.kt-entry-content ol { list-style: decimal; }
.kt-entry-content li + li { margin-top: .4rem; }
.kt-entry-content img { max-width: 100%; height: auto; }
.kt-entry-content blockquote {
  border-left: 3px solid #E31E25;
  padding: .35rem 0 .35rem 1.25rem;
  color: #726B64;
  font-style: italic;
}
.kt-entry-content table { width: 100%; border-collapse: collapse; }
.kt-entry-content th,
.kt-entry-content td { border: 1px solid rgba(20, 16, 14, .14); padding: .65rem .85rem; text-align: left; }
.kt-entry-content th { background: rgba(20, 16, 14, .05); font-weight: 600; }
.kt-entry-content pre {
  background: #14100E;
  color: #FAF8F5;
  padding: 1.1rem;
  overflow-x: auto;
  font-size: .95rem;
}
.kt-entry-content code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .95em; }
/* WP çekirdek hizalama sınıfları */
.kt-entry-content .alignleft { float: left; margin: .35rem 1.5rem 1rem 0; }
.kt-entry-content .alignright { float: right; margin: .35rem 0 1rem 1.5rem; }
.kt-entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.kt-entry-content .wp-caption { max-width: 100%; }
.kt-entry-content .wp-caption-text { font-size: .9rem; color: #726B64; margin-top: .4rem; }
@media (max-width: 640px) {
  .kt-entry-content .alignleft,
  .kt-entry-content .alignright { float: none; margin: 0 0 1rem; }
}

/* --------------------------------------------------------------
 * Klasik WP galerisi ([gallery]) — düzenli grid
 * ------------------------------------------------------------ */
.kt-entry-content .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 0 0 1.5rem;
}
.kt-entry-content .gallery-columns-1 { grid-template-columns: 1fr; }
.kt-entry-content .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.kt-entry-content .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.kt-entry-content .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.kt-entry-content .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.kt-entry-content .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.kt-entry-content .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); }
.kt-entry-content .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); }
.kt-entry-content .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); }
.kt-entry-content .gallery-item {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: center;
}
.kt-entry-content .gallery-icon { margin: 0; overflow: hidden; }
.kt-entry-content .gallery-icon a { display: block; line-height: 0; }
.kt-entry-content .gallery-icon img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0 !important;
  border: none !important;
  cursor: zoom-in;
  transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}
.kt-entry-content .gallery-icon a:hover img { transform: scale(1.06); }
.kt-entry-content .gallery-caption {
  display: block;
  margin: .4rem 0 0;
  font-size: .9rem;
  color: #726B64;
}
@media (max-width: 640px) {
  .kt-entry-content .gallery { grid-template-columns: repeat(2, 1fr) !important; gap: 8px; }
}
.kt-entry-content a[data-kt-lightbox] img { cursor: zoom-in; }

/* --------------------------------------------------------------
 * İçerik lightbox'ı (yazı/sayfa içindeki galeriler)
 * Anasayfa galerisi tasarımın kendi ışık kutusunu (#isik) kullanır.
 * ------------------------------------------------------------ */
.kt-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 16, 14, .95);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
}
.kt-lightbox.open { opacity: 1; visibility: visible; }
.kt-lightbox__stage {
  max-width: 92vw;
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
}
.kt-lightbox__img {
  max-width: 92vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .55);
  background: #241D1A;
  transition: opacity .2s ease;
}
.kt-lightbox__img.loading { opacity: .3; }
.kt-lightbox__cap { color: #FAF8F5; font-size: .95rem; text-align: center; max-width: 90vw; }
.kt-lightbox__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(250, 248, 245, .3);
  background: transparent;
  color: #FAF8F5;
  font-size: 1.1rem;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.kt-lightbox__btn:hover { background: #FAF8F5; color: #14100E; }
.kt-lightbox__btn--prev { left: 18px; }
.kt-lightbox__btn--next { right: 18px; }
.kt-lightbox__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(250, 248, 245, .3);
  background: transparent;
  color: #FAF8F5;
  font-size: 1.1rem;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.kt-lightbox__close:hover { background: #FAF8F5; color: #14100E; }
.kt-lightbox__count {
  position: absolute;
  top: 26px;
  left: 26px;
  color: rgba(250, 248, 245, .6);
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: 15px;
  letter-spacing: .12em;
}
.kt-lightbox__btn[hidden] { display: none; }
body.kt-lb-lock { overflow: hidden; }

/* --------------------------------------------------------------
 * Sayfalama (arşiv / arama)
 * ------------------------------------------------------------ */
.kt-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  padding: 0 .85rem;
  border: 1px solid rgba(20, 16, 14, .18);
  color: #14100E;
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: border-color .3s ease, color .3s ease, background-color .3s ease;
}
.kt-pagination .page-numbers:hover { border-color: #E31E25; color: #E31E25; }
.kt-pagination .page-numbers.current {
  background: #E31E25;
  border-color: #E31E25;
  color: #fff;
}
.kt-pagination .page-numbers.dots { border-color: transparent; }

/* --------------------------------------------------------------
 * İç sayfa kenar çubuğu
 * ------------------------------------------------------------ */
.kt-sidebar-link {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .85rem 0;
  border-bottom: 1px solid rgba(20, 16, 14, .12);
  color: rgba(20, 16, 14, .8);
  transition: color .3s ease, translate .35s cubic-bezier(.2, .7, .2, 1);
}
.kt-sidebar-link:hover { color: #E31E25; translate: 4px 0; }
.kt-sidebar-link.is-current { color: #E31E25; }

/* --------------------------------------------------------------
 * WhatsApp destek widget'ı (tasarımda yok — kullanıcı kararıyla korundu,
 * tasarımın diline uyarlandı: ink panel, keskin köşe, brand hover)
 * ------------------------------------------------------------ */
.kt-wa {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 70;
  pointer-events: none;
}
.kt-wa > * { pointer-events: auto; }
.kt-wa__btn {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-left: auto;
  color: #fff;
  font-size: 25px;
  background: #E31E25;
  box-shadow: 0 10px 28px rgba(20, 16, 14, .35);
  transition: background-color .3s ease;
}
.kt-wa__btn:hover { background: #6B1015; }
.kt-wa__box {
  width: min(360px, calc(100vw - 2.5rem));
  margin-bottom: .85rem;
  background: #14100E;
  border: 1px solid rgba(250, 248, 245, .14);
  box-shadow: 0 26px 60px rgba(20, 16, 14, .45);
  opacity: 0;
  visibility: hidden;
  translate: 0 12px;
  transition: opacity .35s ease, translate .35s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .35s;
}
.kt-wa__box.open {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  transition: opacity .35s ease, translate .35s cubic-bezier(.2, .7, .2, 1), visibility 0s;
}
.kt-wa__quick {
  display: block;
  width: 100%;
  text-align: left;
  padding: .9rem 1.15rem;
  border-top: 1px solid rgba(250, 248, 245, .1);
  color: rgba(250, 248, 245, .8);
  transition: background-color .3s ease, color .3s ease;
  cursor: pointer;
}
.kt-wa__quick:hover { background: rgba(250, 248, 245, .05); color: #E31E25; }

/* --------------------------------------------------------------
 * Ekran okuyucu yardımcıları (WP çekirdek beklentisi)
 * ------------------------------------------------------------ */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  white-space: normal;
}

/* --------------------------------------------------------------
 * Logo plakası (kırmızı eğik blok) — tasarımda logo genişliği sabittir
 * (178/225px). WordPress'te logoyu admin yükler, en-boy oranı bilinmez;
 * blok genişliği header.php'nin bastığı değişkenlerden türetilir.
 * Değişken yoksa tasarımın kendi ölçüleri geçerli kalır.
 * ------------------------------------------------------------ */
.logo-zemin { width: calc(1.5rem + var(--kt-logo-w-sm, 178px) + 2.5rem); }
@media (min-width: 641px) { .logo-zemin { width: calc(1.5rem + var(--kt-logo-w-md, 225px) + 2.5rem); } }
@media (min-width: 768px) {
  .logo-zemin { width: calc(max(0px, (100% - 1280px) / 2) + 2.5rem + var(--kt-logo-w-md, 225px) + 3.25rem); }
}