/* ============================================================
   Telcoset Arama — renkler :root'tan (admin panelinden yonetilir)
   ============================================================ */
:root{
  --tcs-vurgu:#57B957;
  --tcs-buton:#84C700;
  --tcs-buton-yazi:#FFFFFF;
  --tcs-lacivert:#0C223F;
  --tcs-rozet-bg:#E8F0F7;
  --tcs-rozet-yazi:#2C5F8A;
  --tcs-cizgi:#E3EAF1;
  --tcs-govde:#5A6879;
  --tcs-soluk:#8794A6;
  --tcs-yumusak:#F4F8FC;
  --tcs-font:Cabin,"Segoe UI",Arial,sans-serif;
}

/* ---------- Baslikta tetik butonu (buyutec) ---------- */
.tcs-tetik{
  --tcs-renk:#FFFFFF;
  background:none;border:0;padding:6px;margin:0 0 0 18px;cursor:pointer;line-height:0;
  display:inline-flex;color:var(--tcs-renk);
  transition:color .2s ease,transform .2s ease;-webkit-appearance:none;appearance:none;
}
.tcs-tetik:hover{ color:var(--tcs-vurgu);transform:scale(1.08); }
.tcs-tetik:focus-visible{ outline:2px solid var(--tcs-vurgu);outline-offset:3px;border-radius:4px; }

/* ============================================================
   Ortada acilan arama modali
   ============================================================ */
.tcs-modal{
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;
  display:flex;align-items:flex-start;justify-content:center;
  padding:14vh 20px 20px;box-sizing:border-box;
}
.tcs-modal[hidden]{ display:none; }
.tcs-modal *,.tcs-modal *::before,.tcs-modal *::after{ box-sizing:border-box; }

.tcs-modal-arka{
  position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(12,34,63,.55);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .22s ease;
}
.tcs-modal.tcs-acik .tcs-modal-arka{ opacity:1; }

.tcs-modal-kutu{
  position:relative;width:100%;max-width:640px;
  background:#fff;border-radius:16px;
  box-shadow:0 30px 90px rgba(12,34,63,.35);
  padding:16px;
  opacity:0;transform:translateY(-16px) scale(.97);
  transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1);
}
.tcs-modal.tcs-acik .tcs-modal-kutu{ opacity:1;transform:none; }

/* Arama satiri — tema/Elementor input & button stillerine karsi dayanikli */
.tcs-modal-form{ display:flex;align-items:center;gap:10px;margin:0;width:100%; }

.tcs-modal-alan{
  flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;
  height:56px;padding:0 16px;background:#fff;
  border:2px solid var(--tcs-cizgi);border-radius:12px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.tcs-modal-alan:focus-within{ border-color:var(--tcs-vurgu);box-shadow:0 0 0 4px color-mix(in srgb,var(--tcs-vurgu) 16%,transparent); }
.tcs-modal-ikon{ flex:0 0 auto;width:22px;height:22px;color:var(--tcs-soluk);pointer-events:none;transition:color .2s ease; }
.tcs-modal-alan:focus-within .tcs-modal-ikon{ color:var(--tcs-vurgu); }

.tcs-modal-input{
  flex:1 1 auto;min-width:0;
  border:0 !important;outline:none !important;background:transparent !important;
  box-shadow:none !important;padding:0 !important;margin:0 !important;height:auto !important;
  font-family:var(--tcs-font);font-size:18px;line-height:1.2;color:var(--tcs-lacivert);
}
.tcs-modal-input::placeholder{ color:var(--tcs-soluk);opacity:1; }
.tcs-modal-input::-webkit-search-cancel-button{ -webkit-appearance:none; }

.tcs-modal-go{
  flex:0 0 auto;height:56px;padding:0 24px;
  background:var(--tcs-buton) !important;color:var(--tcs-buton-yazi) !important;
  border:0 !important;border-radius:12px !important;box-shadow:none !important;
  font-family:var(--tcs-font);font-size:16px;font-weight:600;line-height:1;cursor:pointer;
  transition:background .2s ease,transform .1s ease;
}
.tcs-modal-go:hover{ background:var(--tcs-vurgu) !important; }
.tcs-modal-go:active{ transform:translateY(1px); }


/* Modal sonuc listesi */
.tcs-modal-sonuc{ margin-top:12px;max-height:52vh;overflow-y:auto;overscroll-behavior:contain; }
.tcs-modal-sonuc:empty{ display:none; }
.tcs-modal-sonuc::-webkit-scrollbar{ width:8px; }
.tcs-modal-sonuc::-webkit-scrollbar-thumb{ background:var(--tcs-cizgi);border-radius:8px; }

.tcs-ogesi{
  display:flex;gap:13px;align-items:flex-start;text-decoration:none;
  padding:12px 12px;border-radius:11px;transition:background .15s ease;
}
.tcs-ogesi + .tcs-ogesi{ border-top:1px solid #F0F4F8; }
.tcs-ogesi:hover,.tcs-ogesi.tcs-secili{ background:var(--tcs-yumusak); }
.tcs-ogesi:focus-visible{ outline:2px solid var(--tcs-vurgu);outline-offset:-2px; }

.tcs-ikon{
  flex:0 0 auto;width:42px;height:42px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:var(--tcs-rozet-bg);color:var(--tcs-rozet-yazi);margin-top:1px;
}
.tcs-ikon svg{ width:20px;height:20px; }

.tcs-govde{ min-width:0;flex:1 1 auto; }
.tcs-ogesi-ust{ display:flex;align-items:center;gap:8px;margin-bottom:3px; }
.tcs-rozet{
  flex:0 0 auto;font-family:var(--tcs-font);font-size:10.5px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--tcs-rozet-yazi);
  background:var(--tcs-rozet-bg);padding:2px 9px;border-radius:100px;
}
.tcs-yol{
  font-family:var(--tcs-font);font-size:12px;color:var(--tcs-soluk);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tcs-baslik{
  display:block;font-family:var(--tcs-font);font-size:15.5px;font-weight:600;line-height:1.35;
  color:var(--tcs-lacivert);margin-bottom:2px;
}
.tcs-ogesi:hover .tcs-baslik{ color:#234878; }
.tcs-kesit{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-family:var(--tcs-font);font-size:13px;line-height:1.5;color:var(--tcs-govde);
}
.tcs-kesit mark,.tcs-baslik mark,.tcs-r-baslik mark,.tcs-r-kesit mark{
  background:color-mix(in srgb,var(--tcs-vurgu) 26%,#fff);color:inherit;
  padding:0 2px;border-radius:3px;font-weight:600;
}

/* Alt satir: tum sonuclar */
.tcs-tumu{
  display:flex;align-items:center;gap:10px;margin-top:8px;padding:13px 15px;border-radius:11px;
  background:var(--tcs-yumusak);
  font-family:var(--tcs-font);font-size:14px;font-weight:600;color:#234878;text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
.tcs-tumu::after{ content:"→";font-weight:700;transition:transform .15s ease; }
.tcs-tumu:hover{ background:color-mix(in srgb,var(--tcs-vurgu) 14%,#fff);color:var(--tcs-vurgu); }
.tcs-tumu:hover::after{ transform:translateX(3px); }
.tcs-tumu span{ margin-left:auto;font-weight:400;color:var(--tcs-soluk);font-size:13px; }

/* Durum / bekleme / ipucu */
.tcs-modal-durum{
  margin:12px 6px 4px;font-family:var(--tcs-font);font-size:13.5px;color:var(--tcs-soluk);
  display:flex;align-items:center;gap:9px;
}
.tcs-modal-durum:empty{ display:none; }
.tcs-modal-durum.tcs-yukleniyor::before{
  content:"";width:15px;height:15px;border:2px solid var(--tcs-cizgi);
  border-top-color:var(--tcs-vurgu);border-radius:50%;animation:tcs-don .7s linear infinite;
}
@keyframes tcs-don{ to{ transform:rotate(360deg); } }

/* ============================================================
   Sonuc sayfasi (/?s=...)
   ============================================================ */
.tcs-results-wrap{ padding:48px 20px 72px;background:var(--tcs-yumusak); }
.tcs-results{ max-width:820px;margin:0 auto; }
.tcs-results-head{ margin-bottom:26px; }
.tcs-results-title{
  font-family:var(--tcs-font);font-size:30px;font-weight:700;line-height:1.2;
  color:var(--tcs-lacivert);margin:0 0 6px;
}
.tcs-results-q{ color:var(--tcs-vurgu); }
.tcs-results-say{ font-family:var(--tcs-font);font-size:15px;color:var(--tcs-soluk);margin:0; }

.tcs-results-liste{ display:flex;flex-direction:column;gap:12px; }
.tcs-r-oge{
  display:flex;gap:16px;align-items:flex-start;text-decoration:none;
  background:#fff;border:1px solid var(--tcs-cizgi);border-radius:14px;padding:20px 22px;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.tcs-r-oge:hover{
  border-color:color-mix(in srgb,var(--tcs-vurgu) 45%,var(--tcs-cizgi));
  box-shadow:0 10px 30px rgba(12,34,63,.10);transform:translateY(-2px);
}
.tcs-r-oge:focus-visible{ outline:2px solid var(--tcs-vurgu);outline-offset:2px; }
.tcs-r-ikon{
  flex:0 0 auto;width:46px;height:46px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:var(--tcs-rozet-bg);color:var(--tcs-rozet-yazi);
}
.tcs-r-ikon svg{ width:23px;height:23px; }
.tcs-r-ikon--page{ background:#EAF4EC;color:#3E8E52; }
.tcs-r-govde{ min-width:0;flex:1 1 auto; }
.tcs-r-ust{ display:flex;align-items:center;gap:9px;margin-bottom:5px; }
.tcs-r-baslik{
  display:block;font-family:var(--tcs-font);font-size:18px;font-weight:700;line-height:1.3;
  color:var(--tcs-lacivert);margin-bottom:5px;
}
.tcs-r-oge:hover .tcs-r-baslik{ color:#234878; }
.tcs-r-kesit{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-family:var(--tcs-font);font-size:14.5px;line-height:1.6;color:var(--tcs-govde);margin-bottom:8px;
}
.tcs-r-url{
  display:block;font-family:var(--tcs-font);font-size:12.5px;color:var(--tcs-vurgu);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tcs-r-ok{
  flex:0 0 auto;align-self:center;color:var(--tcs-soluk);opacity:0;
  transition:opacity .18s ease,transform .18s ease;
}
.tcs-r-ok svg{ width:20px;height:20px; }
.tcs-r-oge:hover .tcs-r-ok{ opacity:1;transform:translateX(3px);color:var(--tcs-vurgu); }

.tcs-sayfalama{ margin-top:34px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px; }
.tcs-sayfalama .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;
  border-radius:9px;border:1px solid var(--tcs-cizgi);background:#fff;
  font-family:var(--tcs-font);font-size:14px;font-weight:600;color:var(--tcs-lacivert);
  text-decoration:none;transition:all .15s ease;
}
.tcs-sayfalama .page-numbers:hover{ border-color:var(--tcs-vurgu);color:var(--tcs-vurgu); }
.tcs-sayfalama .page-numbers.current{ background:var(--tcs-lacivert);border-color:var(--tcs-lacivert);color:#fff; }
.tcs-sayfalama .page-numbers.dots{ border:0;background:none; }

.tcs-bos{ text-align:center;padding:60px 20px;color:var(--tcs-soluk); }
.tcs-bos svg{ width:52px;height:52px;color:var(--tcs-cizgi);margin-bottom:16px; }
.tcs-bos-bas{ font-family:var(--tcs-font);font-size:20px;font-weight:700;color:var(--tcs-lacivert);margin:0 0 6px; }
.tcs-bos-alt{ font-family:var(--tcs-font);font-size:15px;color:var(--tcs-soluk);margin:0; }

/* ============================================================
   Hedef sayfada terim vurgulama
   ============================================================ */
mark.tcs-hl{
  background:#FFE9A6;color:inherit;padding:0 2px;border-radius:2px;
  box-shadow:0 0 0 1px #F2D57A;
}
.tcs-hl-bar{
  position:fixed;left:50%;bottom:24px;z-index:2147482000;
  transform:translateX(-50%) translateY(24px);
  display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);
  background:var(--tcs-lacivert);color:#fff;
  padding:10px 12px 10px 18px;border-radius:100px;
  box-shadow:0 14px 44px rgba(12,34,63,.42);
  font-family:var(--tcs-font);font-size:14px;
  opacity:0;transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1);
}
.tcs-hl-bar-acik{ opacity:1;transform:translateX(-50%); }
.tcs-hl-nokta{ flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--tcs-buton); }
.tcs-hl-metin{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.tcs-hl-temiz{
  flex:0 0 auto;background:rgba(255,255,255,.16) !important;color:#fff !important;
  border:0 !important;border-radius:100px !important;box-shadow:none !important;
  padding:6px 15px;font-family:var(--tcs-font);font-size:13px;font-weight:600;cursor:pointer;
  transition:background .15s ease;
}
.tcs-hl-temiz:hover{ background:rgba(255,255,255,.3) !important; }

/* ---------- Duyarli ---------- */
@media (max-width:767px){
  .tcs-tetik{ margin-left:8px; }
  .tcs-modal{ padding:9vh 14px 14px; }
  .tcs-modal-kutu{ padding:12px; }
  .tcs-modal-alan{ height:50px;padding:0 13px;gap:8px; }
  .tcs-modal-input{ font-size:16px; }
  .tcs-modal-ikon{ width:20px;height:20px; }
  .tcs-modal-go{ height:50px;padding:0 16px; }
  .tcs-results-title{ font-size:24px; }
  .tcs-r-oge{ padding:16px;gap:13px; }
  .tcs-r-ikon{ width:40px;height:40px; }
  .tcs-r-baslik{ font-size:16px; }
  .tcs-r-ok{ display:none; }
}

@media (prefers-reduced-motion:reduce){
  .tcs-tetik,.tcs-modal-arka,.tcs-modal-kutu,.tcs-ogesi,.tcs-modal-go,
  .tcs-r-oge,.tcs-r-ok,.tcs-tumu,.tcs-tumu::after{ transition:none;animation:none; }
  .tcs-modal.tcs-acik .tcs-modal-kutu{ transform:none; }
}