/* ============================================================
   ITSO Kariyer - Genel Guzellestirme Katmani (itk-enhance)
   style.css'ten SONRA yuklenir. Sadece ekleme/override yapar,
   yerlesimi (layout) bozmaz. Marka: ITSO mavisi + altin vurgu.
   ============================================================ */

:root{
  --itk-primary:#3154A5;
  --itk-primary-dark:#22376b;
  --itk-primary-light:#5b7fd1;
  --itk-gold:#dbac38;
  --itk-gold-soft:#f3e3b8;
  --itk-ink:#171d28;
  --itk-muted:#5b6577;
  --itk-bg-soft:#f5f8ff;
  --itk-line:#e3e9f5;
  --itk-radius:14px;
  --itk-shadow:0 12px 30px rgba(13,26,60,.10);
  --itk-shadow-lg:0 24px 60px rgba(13,26,60,.16);
}

/* ---- Genel akiskanlik ---- */
*{ scroll-behavior:smooth; }
a, .site-button, button, .form-control, .nav-link, .panel, .card{
  transition: color .2s ease, background-color .2s ease, border-color .2s ease,
              box-shadow .25s ease, transform .25s ease;
}

/* ---- Tipografi ----
   ONEMLI: Metin RENGINI global override ETMIYORUZ. Aksi halde koyu/mavi
   bolumlerdeki (hero, banner, footer, CTA) beyaz yazilar siyaha donup
   okunmaz hale geliyordu. Sadece kalinlik/harf araligi ayarliyoruz. */
h1,h2,h3{ font-weight:700; letter-spacing:-.2px; }

/* ---- Navbar menu renkleri: duruma gore ----
   Seffaf (sayfa basi, koyu hero uzerinde) = BEYAZ
   Kaydirilmis (.color-fill, beyaz arka plan) = KOYU
   Tum sayfalarda ana sayfayla ayni davranis. */
.header-style-3 .is-fixed:not(.color-fill) .header-nav .nav > li > a{ color:#fff !important; }
.header-style-3 .is-fixed:not(.color-fill) .header-nav .nav > li > a:hover,
.header-style-3 .is-fixed:not(.color-fill) .header-nav .nav > li:hover > a,
.header-style-3 .is-fixed:not(.color-fill) .header-nav .nav > li.active > a{ color:var(--itk-gold) !important; }

.header-style-3 .is-fixed.color-fill .header-nav .nav > li > a{ color:#2f2f2f !important; }
.header-style-3 .is-fixed.color-fill .header-nav .nav > li > a:hover,
.header-style-3 .is-fixed.color-fill .header-nav .nav > li:hover > a,
.header-style-3 .is-fixed.color-fill .header-nav .nav > li.active > a{ color:var(--itk-primary) !important; }

/* Mobil (acilir menu / kucuk ekran) her zaman koyu kalsin (beyaz panel) */
@media (max-width: 991px){
  .header-style-3 .is-fixed:not(.color-fill) .header-nav .nav > li > a{ color:#2f2f2f !important; }
}

/* ---- Section basliklari (tema: .section-head / .wt-title) ---- */
.section-head .wt-title,
.wt-separator-two-part-left .wt-title{ position:relative; }
.wt-title{ font-weight:700; }

/* Vurgu cizgisi */
.itk-accent::after,
.section-head.center .wt-title::after{
  content:""; display:block; width:64px; height:4px; margin:14px auto 0;
  border-radius:4px;
  background:linear-gradient(90deg,var(--itk-primary),var(--itk-gold));
}

/* ---- Butonlar ---- */
.site-button,
a.site-button,
button.site-button{
  background:linear-gradient(135deg,var(--itk-primary),var(--itk-primary-dark)) !important;
  border:none !important;
  border-radius:12px !important;
  box-shadow:0 12px 24px rgba(49,84,165,.26);
  color:#fff !important;
  font-weight:600;
}
.site-button:hover,
a.site-button:hover,
button.site-button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 32px rgba(49,84,165,.36);
  color:#fff !important;
}
.site-button-secondry{
  border-radius:12px !important;
}

/* Altin (ikincil) buton yardimcisi */
.itk-btn-gold{
  background:linear-gradient(135deg,var(--itk-gold),#c2922a) !important;
  color:#23303f !important; border:none !important;
}

/* ---- Form alanlari ---- */
.form-control{
  border:1.5px solid var(--itk-line);
  border-radius:12px;
  background:#fbfdff;
}
.form-control:focus{
  border-color:var(--itk-primary);
  background:#fff;
  box-shadow:0 0 0 4px rgba(49,84,165,.12);
}

/* ---- Kartlar / paneller (yumusak golge + hover) ---- */
.panel, .card, .wt-job-listing, .twm-jobs-list-style1,
.job-bx, .twm-bnr-job-bx, .twm-pricing-bx, .wt-team-bx,
.twm-companies-list-style1, .twm-candidates-list-style1{
  border-radius:var(--itk-radius);
  box-shadow:var(--itk-shadow);
  border:1px solid var(--itk-line);
}
.wt-job-listing:hover, .twm-jobs-list-style1:hover,
.job-bx:hover, .twm-pricing-bx:hover, .wt-team-bx:hover,
.twm-companies-list-style1:hover, .twm-candidates-list-style1:hover{
  box-shadow:var(--itk-shadow-lg);
  transform:translateY(-4px);
}

/* ---- Ic sayfa banneri (tema: .wt-bnr-inr) ---- */
.wt-bnr-inr .wt-title,
.wt-bnr-inr-entry .banner-title-outer .wt-title,
.wt-bnr-inr-entry .banner-title-outer .banner-title-name .wt-title{
  color:#fff !important; text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.wt-bnr-inr .overlay-main{
  background:linear-gradient(120deg, rgba(27,44,87,.88), rgba(49,84,165,.62)) !important;
  opacity:1 !important;
}

/* ---- Breadcrumb ---- */
.wt-breadcrumb li a{ color:#fff; opacity:.85; }
.wt-breadcrumb li a:hover{ opacity:1; color:var(--itk-gold-soft); }
.wt-breadcrumb li{ color:var(--itk-gold-soft); }
.breadcrumb-style-2 li:first-child:after{ color:rgba(255,255,255,.6); }

/* ---- Liste / ozellik ikonlari (FontAwesome) ---- */
ul.description-list li i,
.itk-list li i,
li .feather-check, li .fa-check, li .fa-check-circle{ color:var(--itk-gold); }

/* Onay/ozellik satirlari icin yardimci sinif */
.itk-list{ list-style:none; padding:0; margin:0; }
.itk-list li{
  display:flex; align-items:flex-start; gap:10px;
  margin-bottom:12px; color:var(--itk-ink); font-size:15px;
}
.itk-list li i{
  flex:none; width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(49,84,165,.10); color:var(--itk-primary); font-size:13px;
}

/* ---- Rozetler ---- */
.itk-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 12px; border-radius:999px; font-size:12.5px; font-weight:600;
  background:rgba(49,84,165,.10); color:var(--itk-primary);
}
.itk-badge.gold{ background:rgba(219,172,56,.16); color:#9a7411; }

/* ---- Yumusak bolum arka plani yardimcisi ---- */
.itk-bg-soft{ background:var(--itk-bg-soft); }

/* ---- Tablolar (dashboard) ---- */
table.dataTable thead th{ color:var(--itk-ink); }
.table > :not(caption) > * > *{ border-color:var(--itk-line); }

/* ---- Secim rengi ---- */
::selection{ background:rgba(49,84,165,.18); }

/* ---- Accordion (SSS) ---- */
.tw-faq .accordion-item{
  border:1px solid var(--itk-line);
  border-radius:var(--itk-radius) !important;
  margin-bottom:14px;
  overflow:hidden;
  box-shadow:var(--itk-shadow);
}
.tw-faq .accordion-button{ font-weight:600; color:var(--itk-ink); background:#fff; }
.tw-faq .accordion-button:not(.collapsed){
  color:#fff;
  background:linear-gradient(135deg,var(--itk-primary),var(--itk-primary-dark));
  box-shadow:none;
}
.tw-faq .accordion-button:not(.collapsed)::after{ filter:brightness(0) invert(1); }
.tw-faq .accordion-button .itk-q{ color:var(--itk-gold); margin-right:10px; }
.tw-faq .accordion-button:not(.collapsed) .itk-q{ color:#fff; }
.tw-faq .accordion-body{ color:var(--itk-muted); }
.tw-faq .accordion-body li{ margin-bottom:8px; }
/* Yapistirilmis (WYSIWYG) icerikte yabanci fontlari site fontuna sabitle */
.tw-faq .accordion-body span[style]{ font-family:inherit !important; }
.tw-faq .accordion-body img{ max-width:100%; height:auto; border-radius:10px; }

/* ---- Erisilebilir odak ---- */
a:focus-visible, button:focus-visible, .form-control:focus-visible{
  outline:2px solid var(--itk-primary); outline-offset:2px;
}