/* =============================================================================
   GetMeVito — PREMIUM TEMA
   Marka rengi: SİYAH (siyah VIP Vito filosu). Font: Figtree.
   Referans segment: transfeero.com
   -----------------------------------------------------------------------------
   core.css'e HİÇ dokunulmaz. Premium'un tamamı bu dosyada.
   Bu dosya silinir / page-header.php'deki satır yorumlanırsa site eski hâline döner.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1) TOKEN'LAR
   ------------------------------------------------------------------------ */
:root{
  /* -- Siyah (marka) ------------------------------------------------------- */
  --pv-black:#0A0A0A;      /* MARKA RENGİ — logo, birincil buton, footer */
  --pv-ink-900:#131313;
  --pv-ink-800:#1F1F1F;    /* yükseltilmiş koyu yüzey */
  --pv-ink-700:#2E2E2E;
  --pv-ink-600:#454545;

  /* -- Gri skala ----------------------------------------------------------- */
  --pv-grey-700:#5C5C5C;   /* ikincil metin */
  --pv-grey-500:#8A8A8A;
  --pv-grey-400:#B4B4B4;
  --pv-grey-300:#DCDCDC;   /* kenarlık */
  --pv-grey-200:#ECECEC;
  --pv-grey-100:#F5F5F5;   /* açık bölüm zemini */
  --pv-white:#FFFFFF;

  /* -- Semantik (sadece güven işaretleri için) ----------------------------- */
  --pv-ok:#0E7A4A;   --pv-ok-bg:#E7F4EE;
  --pv-warn:#8A6100; --pv-warn-bg:#FBF2DE;
  --pv-err:#A32020;  --pv-err-bg:#FBECEC;

  /* -- Rol ----------------------------------------------------------------- */
  --pv-text:var(--pv-black);
  --pv-text-muted:var(--pv-grey-700);
  --pv-on-dark:#FFFFFF;
  --pv-on-dark-mut:rgba(255,255,255,.66);
  --pv-surface:var(--pv-white);
  --pv-surface-alt:var(--pv-grey-100);
  --pv-border:var(--pv-grey-300);
  --pv-border-dark:rgba(255,255,255,.14);

  /* -- Tipografi — Figtree, tek aile ---------------------------------------- */
  --pv-ff:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  --pv-fs-hero:clamp(2.1rem,1.35rem + 3.1vw,3.75rem);
  --pv-fs-h2:clamp(1.6rem,1.3rem + 1.3vw,2.4rem);
  --pv-fs-h3:clamp(1.15rem,1.05rem + .45vw,1.45rem);
  --pv-fs-lead:clamp(1rem,.96rem + .3vw,1.18rem);
  --pv-fs-sm:.875rem;
  --pv-fs-xs:.75rem;

  /* -- Ölçü ---------------------------------------------------------------- */
  --pv-r-sm:8px; --pv-r-md:12px; --pv-r-lg:16px; --pv-r-xl:22px; --pv-r-pill:999px;
  --pv-sh-xs:0 1px 2px rgba(10,10,10,.05);
  --pv-sh-sm:0 2px 8px rgba(10,10,10,.06);
  --pv-sh-md:0 10px 30px rgba(10,10,10,.10);
  --pv-sh-lg:0 24px 64px rgba(10,10,10,.16);
  --pv-ease:cubic-bezier(.22,.61,.36,1);
  --pv-dur-1:160ms; --pv-dur-2:240ms; --pv-dur-3:400ms;

  /* Altın vurgu kaldırıldı — marka siyah. */
  --brand-accent:var(--pv-black);
}

/* ---------------------------------------------------------------------------
   2) FONT — her yerde Figtree
   ------------------------------------------------------------------------ */
html body,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body p, html body a, html body span, html body li, html body div,
html body button, html body input, html body select, html body textarea, html body label,
html body strong, html body b, html body small, html body em{
  font-family:var(--pv-ff) !important;
}
html body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Logo yazısı: el yazısı (Dancing Script) → net, kalın Figtree kelime markası */
html body .hz-logo .hz-logo-text,
html body .hz-logo-text{
  font-family:var(--pv-ff) !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  color:var(--pv-black) !important;
  text-transform:lowercase;
}

/* ---------------------------------------------------------------------------
   3) HEADER — beyaz, sade, ince alt çizgi
   ------------------------------------------------------------------------ */
html body .hz-header{
  background:var(--pv-white) !important;
  border-bottom:1px solid var(--pv-grey-200) !important;
  box-shadow:none !important;
}
html body .hz-header-inner{min-height:72px}
html body .hz-nav-link{
  font-weight:500 !important;
  font-size:15px !important;
  color:var(--pv-ink-700) !important;
  letter-spacing:-.005em;
  transition:color var(--pv-dur-1) var(--pv-ease);
}
html body .hz-nav-link:hover{color:var(--pv-black) !important}
html body .hz-nav-item.is-active .hz-nav-link,
html body .hz-nav-link.is-active{color:var(--pv-black) !important;font-weight:600 !important}

/* Header'daki aksiyon butonları */
html body .hz-header-actions .btn,
html body .hz-header-actions button:not(.hz-lang__btn){border-radius:var(--pv-r-pill) !important}

/* ---------------------------------------------------------------------------
   4) HERO — koyu, sinematik
   ------------------------------------------------------------------------ */
html body .kt-hero-slide__inner .bt-hero__title,
html body .bt-hero__title{
  font-weight:800 !important;
  font-size:var(--pv-fs-hero) !important;
  letter-spacing:-.035em !important;
  line-height:1.05 !important;
  text-shadow:0 2px 28px rgba(0,0,0,.42) !important;
}
html body .kt-hero-slide__inner .bt-hero__subtitle{
  font-size:var(--pv-fs-lead) !important;
  font-weight:400 !important;
  opacity:.92 !important;
  letter-spacing:-.005em;
}
/* Eyebrow: cam rozet, nötr */
html body .kt-hero-slide__inner .bt-hero__eyebrow{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.26) !important;
  color:#fff !important;
  letter-spacing:.12em !important;
}
/* Hero CTA: beyaz buton, siyah yazı (koyu görsel üstünde en güçlü kontrast) */
html body .kt-hero-slide__cta{
  background:var(--pv-white) !important;
  color:var(--pv-black) !important;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:-.01em !important;
  padding:15px 30px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.28) !important;
}
html body .kt-hero-slide__cta:hover{
  background:var(--pv-grey-100) !important;
  color:var(--pv-black) !important;
  transform:translateY(-1px) !important;
}

/* ---------------------------------------------------------------------------
   5) ARAMA / REZERVASYON WIDGET'I
   ------------------------------------------------------------------------ */
html body .bt-search,
html body .kt-search-card{
  border-radius:var(--pv-r-xl) !important;
  box-shadow:var(--pv-sh-lg) !important;
  border:1px solid var(--pv-grey-200) !important;
}
html body .kt-label{
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  color:var(--pv-grey-700) !important;
}
html body .kt-cell{border-radius:var(--pv-r-md) !important}
/* Sekmeler */
html body .kt-tabs [data-kt-tab]{
  font-weight:600 !important;
  border-radius:var(--pv-r-pill) !important;
  color:var(--pv-grey-700) !important;
}
html body .kt-tabs [data-kt-tab].is-active{
  background:var(--pv-black) !important;
  color:#fff !important;
}
/* "Ara" butonu — marka siyahı */
html body .kt-go{
  background:var(--pv-black) !important;
  color:#fff !important;
  border-radius:14px !important;
  box-shadow:0 10px 26px rgba(10,10,10,.26) !important;
  font-weight:700 !important;
}
html body .kt-go:hover{background:var(--pv-ink-800) !important;transform:translateY(-1px)}

/* ---------------------------------------------------------------------------
   6) BÖLÜM BAŞLIKLARI — kalın, sıkı, sakin
   ------------------------------------------------------------------------ */
html body .bt-section-head__title,
html body .hz-tours-section__head .hz-section-title,
html body .hz-section-title,
html body .hz-reviews__title,
html body .hf-title{
  font-weight:800 !important;
  font-size:var(--pv-fs-h2) !important;
  letter-spacing:-.035em !important;
  line-height:1.15 !important;
  color:var(--pv-black) !important;
}
/* Başlıktaki mavi–turkuaz degrade vurgu → düz siyah */
html body .bt-section-head__title em{
  background:none !important;
  -webkit-text-fill-color:var(--pv-black) !important;
  color:var(--pv-black) !important;
  font-style:normal !important;
}
/* Eyebrow'lar: parlak mavi rozet → sade gri harf aralıklı etiket */
html body .bt-section-head__eyebrow,
html body .hz-reviews__eyebrow,
html body .hf-eyebrow{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  color:var(--pv-grey-500) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin-bottom:10px !important;
}
html body .bt-section-head__desc,
html body .hz-reviews__subtitle,
html body .hf-sub{
  color:var(--pv-text-muted) !important;
  font-size:var(--pv-fs-lead) !important;
  line-height:1.6 !important;
}

/* ---------------------------------------------------------------------------
   7) FAYDA KUTULARI
   ------------------------------------------------------------------------ */
html body .bt-feature__icon{
  background:var(--pv-grey-100) !important;
  color:var(--pv-black) !important;
  border:1px solid var(--pv-grey-200) !important;
  border-radius:10px !important;
}
html body .bt-feature__title{
  color:var(--pv-black) !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}
html body .bt-feature__desc{color:var(--pv-text-muted) !important}

/* ---------------------------------------------------------------------------
   8) ARAÇ FİLOSU KARTLARI
   ------------------------------------------------------------------------ */
html body .kt-fleet-card{
  border-radius:var(--pv-r-lg) !important;
  border:1px solid var(--pv-grey-200) !important;
  box-shadow:var(--pv-sh-xs) !important;
  overflow:hidden !important;
  transition:box-shadow var(--pv-dur-2) var(--pv-ease),
             border-color var(--pv-dur-2) var(--pv-ease),
             transform var(--pv-dur-2) var(--pv-ease) !important;
}
html body .kt-fleet-card:hover{
  box-shadow:var(--pv-sh-md) !important;
  border-color:var(--pv-grey-400) !important;
  transform:translateY(-3px) !important;
}
html body .kt-fleet-card__img{transition:transform var(--pv-dur-3) var(--pv-ease)}
html body .kt-fleet-card:hover .kt-fleet-card__img{transform:scale(1.03)}
html body .kt-fleet-card__price,
html body .kt-fleet-modal__price{
  color:var(--pv-black) !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}
html body .kt-fleet-modal__btn{
  background:var(--pv-black) !important;
  color:#fff !important;
  border-radius:var(--pv-r-pill) !important;
  font-weight:700 !important;
}
html body .kt-fleet-modal__btn:hover{background:var(--pv-ink-800) !important}
html body .kt-fleet-arrow{
  border:1px solid var(--pv-grey-300) !important;
  background:var(--pv-white) !important;
  color:var(--pv-black) !important;
  box-shadow:var(--pv-sh-sm) !important;
}
html body .kt-fleet-arrow:hover{background:var(--pv-black) !important;color:#fff !important;border-color:var(--pv-black) !important}

/* ---------------------------------------------------------------------------
   9) POPÜLER ROTA KARTLARI
   ------------------------------------------------------------------------ */
html body .kz-route{
  border-radius:var(--pv-r-md) !important;
  border-color:var(--pv-grey-200) !important;
  box-shadow:none !important;
  padding:16px 18px !important;
}
html body .kz-route:hover{
  border-color:var(--pv-black) !important;
  box-shadow:var(--pv-sh-sm) !important;
  transform:translateY(-2px) !important;
}
html body .kz-route__title{color:var(--pv-black) !important;font-size:14px !important;font-weight:600 !important}
html body .kz-route__km{color:var(--pv-grey-500) !important}
html body .kz-route__price strong{
  color:var(--pv-black) !important;
  font-weight:800 !important;
  font-size:15px !important;
  letter-spacing:-.02em !important;
}
html body .kz-route__price span{color:var(--pv-grey-500) !important;letter-spacing:.09em !important}

/* ---------------------------------------------------------------------------
   10) YORUM KARTLARI
   ------------------------------------------------------------------------ */
html body .hz-rev-card{
  border-radius:var(--pv-r-lg) !important;
  border:1px solid var(--pv-grey-200) !important;
  box-shadow:none !important;
  transition:box-shadow var(--pv-dur-2) var(--pv-ease),border-color var(--pv-dur-2) var(--pv-ease) !important;
}
html body .hz-rev-card:hover{box-shadow:var(--pv-sh-sm) !important;border-color:var(--pv-grey-400) !important}
html body .hz-rev-card__name{color:var(--pv-black) !important;font-weight:700 !important}
html body .hz-rev-card__text{color:var(--pv-ink-700) !important;line-height:1.65 !important}
html body .hz-rev-card__verified{color:var(--pv-ok) !important}
html body .hz-rev-card__av--initial{background:var(--pv-black) !important;color:#fff !important}
html body .hz-reviews__nav{
  border:1px solid var(--pv-grey-300) !important;
  background:var(--pv-white) !important;
  color:var(--pv-black) !important;
}
html body .hz-reviews__nav:hover{background:var(--pv-black) !important;color:#fff !important;border-color:var(--pv-black) !important}

/* ---------------------------------------------------------------------------
   11) SSS
   ------------------------------------------------------------------------ */
html body .hf-item{
  border:1px solid var(--pv-grey-200) !important;
  border-radius:var(--pv-r-md) !important;
  background:var(--pv-white) !important;
  box-shadow:none !important;
}
html body .hf-q{
  font-weight:600 !important;
  color:var(--pv-black) !important;
  letter-spacing:-.01em !important;
}
html body .hf-a{color:var(--pv-text-muted) !important;line-height:1.7 !important}
html body .hf-q-icon,
html body .hf-plus{color:var(--pv-black) !important}

/* ---------------------------------------------------------------------------
   12) BLOG KARTLARI
   ------------------------------------------------------------------------ */
html body .hz-blog-card{
  border-radius:var(--pv-r-lg) !important;
  border:1px solid var(--pv-grey-200) !important;
  box-shadow:none !important;
  overflow:hidden !important;
  transition:box-shadow var(--pv-dur-2) var(--pv-ease),
             border-color var(--pv-dur-2) var(--pv-ease),
             transform var(--pv-dur-2) var(--pv-ease) !important;
}
html body .hz-blog-card:hover{
  box-shadow:var(--pv-sh-md) !important;
  border-color:var(--pv-grey-400) !important;
  transform:translateY(-3px) !important;
}
html body .hz-blog-card-title{
  color:var(--pv-black) !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
}
html body .hz-blog-card-meta{color:var(--pv-grey-500) !important}
html body .hz-blog-read-more{color:var(--pv-black) !important;font-weight:600 !important}

/* ---------------------------------------------------------------------------
   13) FOOTER — siyah zemin
   ------------------------------------------------------------------------ */
html body .yg-foot{
  background:var(--pv-black) !important;
  color:var(--pv-on-dark) !important;
  border-top:0 !important;
}
html body .yg-foot__main{background:transparent !important}
html body .yg-foot__h{
  color:#fff !important;
  font-weight:700 !important;
  font-size:13px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
html body .yg-foot__links a,
html body .yg-foot__bottom-links a,
html body .yg-foot__about,
html body .yg-foot__contact-info,
html body .yg-foot__contact-lbl,
html body .yg-foot__copy,
html body .yg-foot__nl-sub{
  color:var(--pv-on-dark-mut) !important;
}
html body .yg-foot__links a:hover,
html body .yg-foot__bottom-links a:hover{color:#fff !important}
html body .yg-foot__bottom{
  background:transparent !important;
  border-top:1px solid var(--pv-border-dark) !important;
}
html body .yg-foot__contact-icon,
html body .yg-foot__contact-line-icon,
html body .yg-foot__cta-icon{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid var(--pv-border-dark) !important;
}
html body .yg-foot__nl-cta{
  background:#fff !important;
  color:var(--pv-black) !important;
  border-radius:var(--pv-r-pill) !important;
  font-weight:700 !important;
}
html body .yg-foot__nl-cta:hover{background:var(--pv-grey-200) !important}
html body .yg-foot__cta-wrap,
html body .yg-foot__newsletter{
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--pv-border-dark) !important;
  border-radius:var(--pv-r-lg) !important;
}
/* Sertifika/rozet görselleri koyu zeminde kaybolmasın */
html body .yg-foot__cert,
html body .yg-foot__badges img{
  background:#fff !important;
  border-radius:6px !important;
  padding:6px !important;
}

/* ---------------------------------------------------------------------------
   14) GENEL — bölüm boşluğu, birincil butonlar, seçim rengi
   ------------------------------------------------------------------------ */
html body .kt-home-section-wrap{padding-block:clamp(44px,5.5vw,84px)}
html body ::selection{background:var(--pv-black);color:#fff}

/* Sitedeki genel birincil butonlar da siyah olsun */
html body .btn-primary,
html body .kt-btn--primary,
html body .kt-primary-btn,
html body button.kt-submit,
html body .kt-cta-btn{
  background:var(--pv-black) !important;
  border-color:var(--pv-black) !important;
  color:#fff !important;
  border-radius:var(--pv-r-pill) !important;
  font-weight:700 !important;
}
html body .btn-primary:hover,
html body .kt-btn--primary:hover,
html body .kt-primary-btn:hover,
html body button.kt-submit:hover,
html body .kt-cta-btn:hover{background:var(--pv-ink-800) !important;border-color:var(--pv-ink-800) !important}

/* Odak halkası — erişilebilirlik */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible{
  outline:2px solid var(--pv-black) !important;
  outline-offset:2px !important;
}

@media(prefers-reduced-motion:reduce){
  html body *{transition-duration:.01ms !important;animation-duration:.01ms !important}
  html body .kz-route:hover,
  html body .kt-fleet-card:hover,
  html body .hz-blog-card:hover{transform:none !important}
}