/*
 * KolayCV görsel standardı
 * Tüm ziyaretçi sayfalarında aynı navy + mavi palet, tipografi ve yüzey dili.
 */
:root{
  --kcv-brand:#2563eb;
  --kcv-brand-dark:#1d4ed8;
  --kcv-ink:#0f172a;
  --kcv-navy:#172033;
  --kcv-page:#f6f8fb;
  --kcv-surface:#fff;
  --kcv-line:#dce5ef;
  --kcv-muted:#64748b;
  --kcv-soft:#eff6ff;
  --kcv-radius:16px;
}
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
img,video{max-width:100%;height:auto}
svg{max-width:100%}
body{background:var(--kcv-page);color:var(--kcv-ink)}
main{background:var(--kcv-page)}
h1,h2,h3,h4{color:var(--kcv-ink);letter-spacing:-.025em}
.gradient-text{-webkit-text-fill-color:currentColor!important;background:none!important;color:var(--kcv-brand)!important}

/* Koyu yüzey kontrast koruması: genel başlık rengi bu alanları ezemez. */
.aa-hero h1,.daily-summary h2,.message-card h2,.message-card h3,.home-final h2,
.focus-card h1,.focus-card h2,.next-tool-hint h2,.next-tool-hint h3,
.sidebar-cta h2,.sidebar-cta h3,.imported-blog .conclusion h2,
.blog-page-wrap .cta-box h2,.blog-page-wrap .cta-box h3,
.cvex-cta h2,.cvex-cta h3,.bottom-cta h2,.bottom-cta h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
}
.aa-hero p,.daily-summary p,.home-final p,.focus-card p,
.next-tool-hint p,.sidebar-cta p,.imported-blog .conclusion p,
.blog-page-wrap .cta-box p,.cvex-cta p,.bottom-cta p{
  color:#cbd5e1!important;
}

/* Sayfa üstleri tek bir koyu yüzey kullanır; renkli gradientler kaldırılır. */
.hero,.home-hero,.blog-hero,.blog-hero-banner,.cl-hero,.contact-hero,.cr-hero,
.cvlist-hero,.cvex-hero,.design-hero,.faq-hero,.guide-hero,.jcv-dark-hero,.jcv-hero,.ka-hero,
.legal-hero,.pr-hero,.tools-hero,.tpl-hero,.ds-hero,.jobs-hero,.pricing-head{
  background:var(--kcv-ink)!important;
  background-image:none!important;
  color:#fff;
}
.hero::before,.home-hero::before,.blog-hero::before,.blog-hero-banner::before,.cl-hero::before,
.contact-hero::before,.cr-hero::before,.cvlist-hero::before,.design-hero::before,.faq-hero::before,
.guide-hero::before,.jcv-dark-hero::before,.jcv-hero::before,.ka-hero::before,.legal-hero::before,
.pr-hero::before,.tools-hero::before,.tpl-hero::before,.ds-hero::before{background:none!important}
.hero h1,.home-hero h1,.blog-hero h1,.blog-hero-banner h1,.cl-hero h1,.contact-hero h1,
.cr-hero h1,.cvlist-hero h1,.cvex-hero h1,.design-hero h1,.faq-hero h1,.guide-hero h1,.jcv-dark-hero h1,
.jcv-hero h1,.ka-hero h1,.legal-hero h1,.pr-hero h1,.tools-hero h1,.tpl-hero h1,.ds-hero h1,
.jobs-hero h1,.pricing-head h1{color:#fff!important}
.home-hero-copy,.jobs-hero p,.hero p,.blog-hero p,.blog-hero-banner p,.cl-hero p,
.contact-hero p,.cr-hero p,.cvlist-hero p,.cvex-hero p,.design-hero p,.faq-hero p,
.guide-hero p,.jcv-dark-hero p,.jcv-hero p,.ka-hero p,.legal-hero p,.pr-hero p,
.tools-hero p,.tpl-hero p,.ds-hero p,.pricing-head p{color:#cbd5e1!important}
.jobs-hero{padding:25px!important;border-radius:var(--kcv-radius)!important;align-items:center!important}
.pricing-head{max-width:950px!important;padding:38px 34px!important;border-radius:var(--kcv-radius)!important}

/* Yeni ve yenilenen sayfalar için ortak başlık sözleşmesi. */
.kcv-page-hero{
  width:min(1120px,calc(100% - 32px));
  margin:32px auto 24px;
  padding:30px 34px;
  border:1px solid #1e293b;
  border-radius:var(--kcv-radius);
  background:var(--kcv-ink);
  color:#fff;
  box-shadow:0 16px 40px rgba(15,23,42,.12);
}
.kcv-page-hero--center{text-align:center}
.kcv-page-hero__eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  margin-bottom:12px;padding:6px 11px;border:1px solid #bfdbfe;
  border-radius:999px;background:var(--kcv-soft);color:var(--kcv-brand-dark);
  font-size:11px;font-weight:850;letter-spacing:.035em;text-transform:uppercase;
}
.kcv-page-hero h1{
  margin:0;color:#fff!important;font-size:clamp(28px,4vw,43px);
  line-height:1.1;font-weight:850;letter-spacing:-.04em;
}
.kcv-page-hero p{
  max-width:720px;margin:11px 0 0;color:#cbd5e1!important;
  font-size:15px;line-height:1.7;
}
.kcv-page-hero--center p{margin-left:auto;margin-right:auto}

/* İç sayfa başlıklarında aynı kenar, tipografi ve gölge dili. */
.blog-hero-banner,.cl-hero,.contact-hero,.cr-hero,.cvlist-hero,.cvex-hero,
.faq-hero,.guide-hero,.jcv-dark-hero,.jcv-hero,.ka-hero,.legal-hero,.pr-hero,
.tools-hero,.tpl-hero,.ds-hero,.jobs-hero,.pricing-head,.knowledge-hero,
.knowledge-category-hero,.page-wrap>.page-header,.msg-page>.msg-page-header,
.career-dash>.dash-heading{
  border-color:#1e293b!important;
  box-shadow:0 16px 40px rgba(15,23,42,.1)!important;
}
.blog-hero-banner h1,.cl-hero h1,.contact-hero h1,.cr-hero h1,.cvlist-hero h1,
.cvex-hero h1,.faq-hero h1,.guide-hero h1,.jcv-dark-hero h1,.jcv-hero h1,
.ka-hero h1,.legal-hero h1,.pr-hero h1,.tools-hero h1,.tpl-hero h1,.ds-hero h1,
.jobs-hero h1,.pricing-head h1,.knowledge-hero h1,.knowledge-category-hero h1,
.page-wrap>.page-header h1,.msg-page>.msg-page-header h1,.career-dash>.dash-heading h1{
  font-weight:850!important;line-height:1.12!important;letter-spacing:-.035em!important;
}

/* Üst etiketler ve bölüm işaretleri tek mavi dilde. */
.jobs-eyebrow,.pricing-kicker,.home-kicker,.page-badge,.section-badge,.section-tag,.ai-badge,.ats-badge,
.cr-badge,.ka-badge,.tpl-hero-badge,.design-badge,.jcv-badge,.cva-badge-ai,.pdf-import-badge,
.blog-featured-badge,.pr-hero-badge,.ds-hero-badge{
  background:var(--kcv-soft)!important;
  border:1px solid #bfdbfe!important;
  color:var(--kcv-brand-dark)!important;
  box-shadow:none!important;
}
.jobs-eyebrow,.home-kicker{display:inline-flex!important;padding:6px 11px!important;border-radius:999px!important}

/* Uygulama içi sayfa başlıkları da aynı yüzey ve hiyerarşiyi kullanır. */
.page-wrap>.page-header,.msg-page>.msg-page-header,.career-dash>.dash-heading{
  background:var(--kcv-ink)!important;
  color:#fff!important;
  border-radius:var(--kcv-radius)!important;
  padding:22px 24px!important;
  margin-bottom:24px!important;
}
.page-wrap>.page-header h1,.page-wrap>.page-header .page-title,
.page-wrap>.page-header .page-title span,.msg-page>.msg-page-header h1,
.career-dash>.dash-heading h1{
  color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;
}
.page-wrap>.page-header p,.msg-page>.msg-page-header p,.career-dash>.dash-heading p{color:#cbd5e1!important}

/* Kart, alan ve modal yüzeyleri. */
.card,.kart,.dash-card,.cv-card,.preference-card,.job-card,.filter-card,.msg-sidebar,
.msg-detail-wrap,.new-msg-card,.pricing-card,.plan-card,.tool-card,.template-card{
  border-color:var(--kcv-line)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.06)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--kcv-brand)!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;
}

/* Gradientli eylem düğmeleri tek düz renge iner. */
.btn-primary,.buton--blue,.btn-send,.plan-btn,.filter-btn,.jobs-primary,.primary-cta,
.cta-primary,.mobile-cta,.btn-new,.btn-modal-save,.btn-gen-cover,.btn-send-cover,#clGenerateBtn,
.tpl-hero-cta,.btn-action,.btn-save-cv,.btn-preview-tpl,#reportBtn{
  background:var(--kcv-brand)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}
.btn-primary:hover,.buton--blue:hover,.btn-send:hover,.plan-btn:hover,.filter-btn:hover,
.jobs-primary:hover,.primary-cta:hover,.cta-primary:hover,.mobile-cta:hover,.btn-new:hover,
.btn-modal-save:hover,.btn-gen-cover:hover,.btn-send-cover:hover,#clGenerateBtn:hover,.tpl-hero-cta:hover{
  background:var(--kcv-brand-dark)!important;
  transform:none!important;
}
.btn-action:hover,.btn-save-cv:hover,.btn-preview-tpl:hover,#reportBtn:hover{
  background:var(--kcv-brand-dark)!important;background-image:none!important;opacity:1!important;transform:none!important;
}
.tool-icon{background:var(--kcv-brand)!important;background-image:none!important;color:#fff!important}

/* Ana sayfadaki üçüncü renkleri de marka mavisine indir. */
.home-proof{color:#cbd5e1!important}
.home-proof i,.return-list i,.journey-card:nth-child(3) .journey-no{color:var(--kcv-brand)!important}
.journey-card:nth-child(3) .journey-no{background:var(--kcv-brand)!important;color:#fff!important}
.jcv-hero h1 span,.jcv-dark-hero h1 span,.page-title span{
  background:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important;
}
.match-score,.preview-step.done{
  background:var(--kcv-soft)!important;border-color:#bfdbfe!important;color:var(--kcv-brand-dark)!important;
}

/* Navigasyon ve footer her sayfada aynı düz navy yüzeydir. */
.navbar,.navbar.scrolled{background:rgba(15,23,42,.98)!important;background-image:none!important}
.site-footer{background:var(--kcv-ink)!important}

@media(max-width:1120px){.nav-notification-link span{display:none}.nav-notification-link{width:38px;justify-content:center;padding:7px}}
@media(max-width:620px){
  .pricing-head{padding:29px 20px!important}
  .kcv-page-hero{width:calc(100% - 20px);margin:18px auto 16px;padding:24px 20px;border-radius:14px}
  .kcv-page-hero h1{font-size:30px}
  .kcv-page-hero p{font-size:14px;line-height:1.62}
}