/* ===== Wellpoint tema.css – Figma geçişi =====
   En son yüklenir (ek.css'ten sonra). Renk/font tek yerden buradan yönetilir. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

:root{
  --wp-mavi:#00AEEF;
  --wp-mavi-hover:#0096CF;
  --wp-lacivert:#0D1846;
  --wp-bej:#F1EFEB;
  --wp-hero-buton:#4988C9; /* hero "Devamı" butonu (Figma). #00AEEF yapmak için bu satırı değiştirin */
}

/* Font */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, label,
input, select, textarea, button, .btn,
.main-menu .navbar-nav>li>a{
  font-family:"Montserrat", sans-serif;
}

/* Bej zeminler: üst bar + Referanslar */
header#top, #top{ background:var(--wp-bej); }
.clients3, .b-clor.clients3{ background:var(--wp-bej) !important; }

/* Sayılar bandı */
.stuff, .stuff[data-type="content"]{ background:var(--wp-lacivert) !important; }
.stuff, .stuff h1, .stuff h2, .stuff h3, .stuff h4, .stuff p, .stuff span, .stuff a,
.stuff .counter, .stuff .counter.b-clor, .stuff .counter-text p{ color:#fff !important; }
/* ikonlar koyu ise beyaza cevirir; Figma'da beyaz ikon. Zaten beyazsa zarar vermez */
.stuff .iconClass{ filter:brightness(0) invert(1); }

/* Referans basliklari */
.refIcerik1 > h2, .refBaslik{ color:var(--wp-mavi); }

/* Butonlar: hover (Figma'da yok, sade koyulaşma) */
.btn.btn-fill:hover, .btn.btn-fill:active, .btn.btn-fill:focus{
  background:var(--wp-mavi-hover); border-color:var(--wp-mavi-hover); color:#fff;
}

/* Hero "Devamı" butonu */
.main-slider .btn.btn-fill, .main-slider .btn.btn-nofill{
  background:var(--wp-hero-buton); border-color:var(--wp-hero-buton); color:#fff;
}

/* Seçili metin */
::selection{ background:var(--wp-mavi); color:#fff; }
::-moz-selection{ background:var(--wp-mavi); color:#fff; }

/* Onay kutuları (ek.css'teki global yuvarlak kuralı iptal) */
.contact-consent input[type="checkbox"]{
  -webkit-appearance:checkbox; appearance:checkbox;
  width:16px; height:16px; border-radius:2px; accent-color:var(--wp-mavi);
}

/* Çerez çubuğu */
#cookit-banner{ background:var(--wp-lacivert) !important; }

/* Header logosu */
/* Masaüstünde büyük logo; mobilde responsive1.css'teki 40px sınırı geçerli */
@media (min-width:992px){ #headerLogo{ max-height:56px; width:auto; } }

/* Üst bar sağ: sosyal ikonlar */
header#top .wp-sosyal{
  display:flex; align-items:center; gap:16px;
  margin:0; padding:0; list-style:none; height:44px; float:right;
}
header#top .wp-sosyal li{ display:flex; align-items:center; margin:0; padding:0; }
header#top .wp-sosyal a{
  display:flex; align-items:center; color:#444; line-height:1; font-size:0;
}
header#top .wp-sosyal a:hover{ color:var(--wp-mavi); }
header#top .wp-sosyal svg{ width:16px; height:16px; display:block; }
header#top .wp-sosyal img{ width:18px; height:auto; display:block; }

/* ===== MOBİL DÜZELTMELER (3 Kasım) ===== */
@media (max-width:768px){

  /* Çerez çubuğu: daha kompakt */
  #cookit-banner{ padding:14px 16px !important; gap:8px !important; }
  #cookit-banner p{ font-size:13px !important; line-height:1.45 !important; margin:0 0 6px !important; }
  .cookit-btn-group{ gap:6px !important; }
  .cookit-btn{ padding:9px 12px !important; font-size:13px !important; line-height:1.2 !important; }

  /* Üst bar: ikonlar e-postaya yapışmasın */
  header#top .contact-info.pull-left{ max-width:none; }
  header#top .contact-info.pull-left li{ padding-left:0; padding-right:12px; }
  header#top .contact-info.pull-left li:last-child{ margin-left:0; padding-left:0; }
  header#top .contact-info.pull-left a{ font-size:11px; white-space:nowrap; }
  /* Sosyal ikonlar mobilde gizli (LinkedIn, YouTube, Instagram); İngilizce bayrağı kalır */
  header#top .wp-sosyal li:nth-child(-n+3){ display:none !important; }
  header#top .wp-sosyal{ gap:0; margin-left:0; padding-right:12px; }
  /* Telefon/e-posta solda, bayrak sağ kenarda (menü ikonuyla aynı hiza) */
  header#top > .container{ display:flex; align-items:center; justify-content:space-between; }
  header#top > .container:before, header#top > .container:after{ display:none; }

  /* "Tüm Afişler" butonu diğerleri gibi kenar boşluklu */
  #portfolio-home > .text-center.port-dms{ padding-left:15px; padding-right:15px; }
}

/* Sayılarla Wellpoint: ikonlar aynı kutuda, aynı boyutta (mobil) */
@media (max-width:767px){
  .stuff .iconClass{
    position:static !important;
    display:block;
    width:60px !important; height:60px !important;
    object-fit:contain; object-position:center;
    margin:0 auto !important;
  }
  .success-number .counter-inner .icon-holder{ width:28% !important; min-width:80px; }
}

/* Referanslar: "çalışana hizmet" (h3) ve "lokasyon" (h2) aynı boyut ve ağırlıkta */
.clients3 .refIcerik1 h3.refBaslik,
.clients3 .refIcerik1 > h2{
  font-size:26px; line-height:1.3; font-weight:700; text-transform:uppercase;
  color:var(--wp-mavi); margin:15px 0;
}
@media (max-width:767px){
  .clients3 .refIcerik1 h3.refBaslik,
  .clients3 .refIcerik1 > h2{ font-size:22px; }
}

/* Mobil menü: gri zemin yerine bej */
@media (max-width:767px){
  .main-menu .navbar-nav,
  .main-menu .navbar-nav li>.dropdown-menu .megamenu{ background:var(--wp-bej) !important; }
}

/* Hero: sabit menünün altında kalan üst kısmı görünür yap (masaüstü).
   Menü yüksekliği değişirse sadece bu değeri ayarlayın. */
@media (min-width:992px){
  .case-studies-section{ padding-top:90px; }
}

/* Masaüstü menü: orta genişlikli ekranlarda (laptop) sığsın.
   1600px ve üstü eski ölçülerde (16px / 34px) kalır. */
@media (min-width:992px) and (max-width:1599px){
  .main-menu .navbar-nav>li{ margin-left:22px; }
  .main-menu .navbar-nav>li>a:not(.btn){ font-size:14px; }
}

/* İletişim sayfası: telefon ve e-posta bağlantıları cyan (şablondaki satır içi renk ne olursa olsun) */
.contact-info-box p a{ color:var(--wp-mavi) !important; }
.contact-info-box p a:hover{ color:var(--wp-mavi-hover) !important; }