/* === EGEVEST TEMA === */
:root { --ege-primary:#DE0F37; --ege-text:#1f2937; }

/* Header/footers beyaz arka plan */
.header-body, #footer{
  background:#fff !important; border-color:#fff !important;
}

/* NAV linkleri: koyu metin, hover’da kırmızı */
.header-top,
.header-top p,
.header-top a,
.header-nav-main nav > ul > li > a,
.header-nav-main nav > ul > li > a > i,
.header-nav-top li,
.header-nav-top li a,
#header .header-nav-features a{
  color: var(--ege-text) !important;
  transition: color .25s ease;
}
.header-top a:hover,
.header-nav-main nav > ul > li > a:hover,
.header-nav-top li a:hover{
  color: var(--ege-primary) !important;
  text-decoration: none;
}
/* aktif sayfa kırmızı */
.header-nav-main nav > ul > li.active > a{ color:var(--ege-primary) !important; }

/* Sosyal ikonlar kırmızı */
.header-top a i, .header-top .fab{ color:var(--ege-primary) !important; }

/* === BUTONLAR  === */
/* Varsayılan: DOLU kırmızı */
.btn-primary,
.header-btn .btn{
  background: var(--ege-primary) !important;
  color:#fff !important;
  border:2px solid var(--ege-primary) !important;
  border-radius:4px;
  transition: all .25s ease;
}
/* Hover: beyaz zemin + kırmızı metin/çerçeve */
.btn-primary:hover,
.header-btn .btn:hover{
  background:#fff !important;
  color:var(--ege-primary) !important;
  border-color:var(--ege-primary) !important;
}

/* Hamburger menü */
.header-btn-collapse-nav{ background:transparent !important; }
.header-btn-collapse-nav .hamburguer span{ background:var(--ege-primary) !important; }

/* Mobil header: alt çizgi yok, arka plan beyaz */
@media (max-width: 991.98px){
  #header .header-body{ background:#fff !important; }
  #header .header-body.border-bottom-light{ border-bottom:none !important; }
}
/* --- Menü'yü logoya yaklaştır --- */
#header .header-nav.header-nav-links {
  margin-left: 0 !important;
  padding-left: 0 !important;
  flex: 1 1 auto;                /* nav alanı esnesin */
}

/* Porto teması solda extra boşluk veriyor; sıfırla */
#header .header-nav-main {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Menü listesinin default sol boşluğunu kırp */
#header .header-nav-main nav > ul {
  margin-left: -8px !important;  /* biraz daha sola çek */
}

/* Logo ile menü arasındaki mesafeyi kısalt (isteğe göre 8-16px arası tut) */
#header .header-logo {
  margin-right: -12px !important;
}

/* Menü item aralıklarını düzenli tut (tercihe göre artır/azalt) */
#header .header-nav-main nav > ul > li {
  margin-left: 18px !important;
}

/* Büyük ekranlara özel: sağ padding/margin’leri kapat */
@media (min-width: 992px) {
  #header .header-nav.header-nav-links.pe-lg-4,
  #header .header-nav.header-nav-links.me-lg-3 {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 991.98px){
  .header-btn-collapse-nav{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    background:none;
    border:none;
  }
  .header-btn-collapse-nav i{
    font-size: 24px;
    color: #DE0F37; /* Kendi kırmızı rengin */
  }
}
/* --- Mobilde menü butonu ve açılır menü --- */
@media (max-width: 991.98px){
  /* Menü butonu görünür, stil */
  .header-btn-collapse-nav{
    display:inline-flex !important;
    align-items:center; justify-content:center;
    width:44px; height:44px;
    background:#fff !important; border:0;
    box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
  }
  .header-btn-collapse-nav i{ font-size:20px; color:#DE0F37; }

  /* Açılan menü header'ın ALTINDA, sayfanın ÜSTÜNDE */
  .header-nav-main nav.collapse{
    position:absolute; top:100%; left:0; right:0;
    z-index:1051; background:#fff; border-radius:8px;
    padding:12px 16px; box-shadow:0 8px 24px rgba(0,0,0,.08);
  }
  .header-nav-main nav.collapse .nav-link{
    display:block; padding:10px 6px; color:#111 !important;
  }
  .header-nav-main nav.collapse .dropdown-menu{
    position:static; float:none; border:0; box-shadow:none; padding-left:8px;
  }

  /* Hero (beyaz üçgen + metin) menünün ÜSTÜNE binmesin */
  .section.custom-section-background{ position:relative; z-index:1; }
  .section.custom-section-background .container{ z-index:1 !important; }
  .section.custom-section-background .custom-svg-1{ z-index:0 !important; }

  /* Mobilde hero yazıları koyu (arkadaki görselde kaybolmasın) */
  .section.custom-section-background h1,
  .section.custom-section-background h2,
  .section.custom-section-background p{
    color:#111 !important;
  }
}

/* Header her zaman menüden yüksek dursun (menü 1051, header 1050) */
#header, #header .header-body{ position:relative; z-index:1050; }
/* HERO BÖLÜMÜ TAM GENİŞLİĞE UZANSIN */
.section.custom-section-1, 
.section.hero, 
.slider-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #fff !important;
}

/* SOLDAN KESİLMESİN VE TAŞMAYI GİZLE */
.section.hero,
.slider-container { overflow: hidden !important; }

/* PANEL / OVERLAY RENKLERİNİ BEYAZLA */
.custom-shape-overlay,
.custom-slider-shape,
.custom-shape-1 {
  background: #fff !important;
}
/* Eşit yükseklik için */
.row.equalize > [class*="col-"] { display: flex; flex-direction: column; }
.row.equalize > [class*="col-"] > * { flex: 1; }

/* Başlığı biraz yukarı yaklaştır */
.section.custom-bg-color-grey-1 .text-9 { line-height: 1.1; }
.section.custom-bg-color-grey-1 .divider-small { margin-top: .2rem !important; }

/* Kart başlıkları daha geniş padding ile okunaklı */
.accordion-modern-status .card .card-header .accordion-toggle {
  padding: 1rem 1.5rem;
}

/* İçeriği kapsayan container genişliğini arttır */
@media (min-width: 992px) {
  .section.custom-bg-color-grey-1 .col-lg-8.col-xl-9 { max-width: 1024px; }
}
/* ===== REFERANSLAR ===== */
/* Desktop: 4 sütun sabit, 2 satır (8 logo) */
.referanslar-track{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem 3rem; /* satır x sütun aralıkları */
}

.referans-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
}

.referans-logo img{
  height: 130px;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain;
}

/* Tablet: 3 sütun */
@media (max-width: 1199.98px){
  .referanslar-track{ grid-template-columns: repeat(3, 1fr); }
}

/* Küçük tablet: 2 sütun */
@media (max-width: 991.98px){
  .referanslar-track{ grid-template-columns: repeat(2, 1fr); }
}

/* === SADECE MOBİL (≤768px): kaydırma yok, 3 sütun grid + daha büyük logo === */
@media (max-width: 768px){
  .referanslar-track{
    display: grid !important;                 /* önceki flex'i kapat */
    grid-template-columns: repeat(3, 1fr);    /* 3 sütun: daha okunur */
    gap: 20px 14px;                           /* satır x sütun aralığı */
    padding: 0;                               /* önceki padding’i sıfırla */
    overflow-x: visible;
    scroll-snap-type: none !important;        /* snap iptal */
  }

  .referans-logo{
    min-height: 72px;                         /* hücre yüksekliği */
  }

  .referans-logo img{
    height: 44px;                             /* mobilde görünür boy */
  }
}

/* Güvenlik: HTML’de util olarak .flex verilmişse bastır */
.referanslar-track.flex{ display: grid !important; }



:root{
  /* marka ve griyi burada ayarla */
  --ege-brand: #DE0F37;  /* kırmızı */
  --ege-grey:  #1f1f1f;  /* gri */
}

/* Şeridin kendisi */
.custom-ege-gradient{
  position: relative;                 /* ::before için referans */
  background: transparent !important; /* varsa eski bg'yi temizle */
  color: #fff;
}

/* Porto/tema mavi degradeyi ::before ile boyuyor; biz bastırıyoruz */
.custom-ege-gradient::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--ege-brand) 0%, var(--ege-grey) 100%) !important;
  opacity: 1 !important;
  z-index: 0;
}

/* İçerik üstte kalsın */
.custom-ege-gradient > *{
  position: relative;
  z-index: 1;
}

/* Link ve buton renkleri (isteğe bağlı) */
.custom-ege-gradient a{ color:#fff; text-decoration: unset; }
.custom-ege-gradient .btn{
  background:#fff; color: var(--ege-brand); border:0;
}
/* Hizmet kartı buton yazısını her temada netleştir */
.thumb-info .btn-light {
  background-color: #fff !important;
  color: #1a1a1a !important;     /* koyu metin */
  font-weight: 600;
  border: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

  /* Arka plan gri */
  .bg-footer-gray { background-color: #F4F4F4 !important; }

  /* Footer linkleri: koyu, hover’da marka kırmızısı */
  .footer-link { 
    text-decoration: none; 
    color: #212529 !important;
  }
  .footer-link:hover { 
    color: var(--ege-primary, #DE0F37) !important; 
  }

  /* Porto'nun bazen kalan light sınıflarını nötrle */
  #footer .text-color-light { color:#212529 !important; }

  /* Liste aralıkları */
  #footer .columns-lg-2 > li { margin-bottom:.35rem; }

  /* Sağ sütun kesinlikle sola hizalı kalsın */
  #footer .col-lg-4:last-child { text-align:left; }
/* ===== FOOTER OVERRIDE ===== */

/* Arka plan ve yazı rengi */
#footer {
  background-color: #ababab !important; 
  color: #212529 !important;
}

/* Footer satır hizaları sıfırla */
#footer .row {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Footer sütunları sola hizala */
#footer .col-lg-4,
#footer .col-lg-3 {
  text-align: left !important;
}

/* Footer linkleri */
#footer a {
  color: #212529 !important;
  text-decoration: none;
}
#footer a:hover {
  color: var(--ege-primary, #DE0F37) !important; /* kırmızı */
}

/* Porto'nun light renk sınıflarını bastır */
#footer .text-color-light { 
  color: #212529 !important; 
}
#footer .bg-tertiary { 
  background: transparent !important; 
}
/* sağa kaydırmayı artırmak için */
@media (min-width: 992px){
  .ps-lg-5 { padding-left: 3.5rem !important; } /* 3rem yerine 3.5rem */
}
#footer .ci{
  display:inline-flex;
  width:20px; height:20px; line-height:1;
  color:var(--ege-primary, #DE0F37);   /* ikon rengi */
  flex:0 0 20px;                       /* sabit alan ayır */
}
#footer .ci svg{ width:100%; height:100%; display:block; }
#footer .address-line{ white-space:nowrap; }  /* adres tek satır */
  /* Açıklama metni (logonun altında) beyaz ve biraz daha kalın */
  #footer .footer-desc{ color:#fff !important; font-weight:500; }
  /* SSS kutularında arka plan renk eşitleme */
.card.card-default.bg-light .card-body {
  background-color: #f5f5f5 !important; /* Porto'nun soft gri tonu */
}
/* Başlık altındaki kırmızı çizgiyi ortala */
.divider.divider-small.mx-auto hr { width: 64px; margin-left:auto; margin-right:auto; }

/* Varsayılan kart başlıkları: paragraftan büyük, başlıktan küçük */
.timeline .timeline-box h3{
  font-size: 1.12rem;     /* ~18px */
  font-weight: 700;
  letter-spacing: .2px;
  margin-bottom: .35rem;
}

/* Mobilde daha da sıkı */
@media (max-width: 991.98px) {
  .container-fluid .row.align-items-stretch.equalize {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .container-fluid .row.align-items-stretch.equalize .row.m-0.py-3 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .container-fluid .row.align-items-stretch.equalize .col-half-section-right {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .container-fluid .row.align-items-stretch.equalize .process.process-vertical {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .container-fluid .row.align-items-stretch.equalize .process-step {
    margin-bottom: 8px !important;
  }
}
/* === "Tarihçemiz" sonrası fazla alt boşluğu azalt === */
@media (max-width: 991.98px) {
  /* Timeline genel boşluk */
  #timeline {
    margin-bottom: 0px !important;   /* 30-40px falan varsa sıfırla */
    padding-bottom: 0px !important;
  }

  /* Timeline-body'nin alt boşluğu */
  #timeline .timeline-body {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }

  /* Eğer timeline sonuna ::after çizgisi varsa kısa kes */
  #timeline:after {
    bottom: 0 !important;
    height: 0 !important;
  }

}
/* === MOBİLDE dikey timeline çizgisi başlığa girmesin === */
@media (max-width: 991.98px) {
  #timeline:before {
    top: 25px !important;   /* 70–85px arası deneyebilirsin */
  }
}
/* sadece Hakkımızda’daki Neden Biz alanına uygula */
#nedenbiz .obj-cover { object-fit: cover; }

/* alttaki fazla boşluğu engellemek için paddingle oyna */
#nedenbiz .col-half-section-right { padding-top: 3rem; padding-bottom: 1.25rem; }
#nedenbiz .process-step:last-child { margin-bottom: 0; }

/* güvenli tarafta kalmak için alt boşluğu sıfırla */
#nedenbiz { margin-bottom: 0; }
/* Egevést iletişim sayfası düzeni */
.text-primary {
  color: #DE0F37 !important; /* Footer kırmızısı */
}

.contact-form .form-control {
  border-radius: 6px;
  border-color: #e0e0e0;
  padding: 10px 14px;
  font-size: 15px;
}

.contact-form .form-control:focus {
  border-color: #DE0F37;
  box-shadow: 0 0 0 0.1rem rgba(222, 15, 55, 0.25);
}

/* Dikey hizalama için küçük denge */
@media (min-width: 992px) {
  .contact-form {
    margin-top: 20px;
  }
}
.custom-directions-panel { pointer-events: none; }