/* PATCH 012 - Menü boşluklarını azaltma + projeler yazı okunurluğu */

/* Header iç genişliği daha verimli kullanılsın */
.container.header-inner{
  width:min(1440px,calc(100% - 36px)) !important;
}

.header-inner{
  gap:14px !important;
  padding:0 18px !important;
}

/* Logo biraz küçültüldü, menüye alan açıldı */
.brand{
  flex:0 0 300px !important;
  min-width:300px !important;
}

.logo-dark-mode,
.logo-light-mode{
  max-width:295px !important;
  height:54px !important;
}

/* Menü elemanları: ikon + yazı daha kompakt */
.site-nav{
  gap:3px !important;
  justify-content:flex-end !important;
}

.site-nav > a,
.nav-dropdown > a{
  padding:10px 7px !important;
  gap:5px !important;
  font-size:13px !important;
  letter-spacing:0 !important;
}

.nav-ico{
  width:17px !important;
  height:17px !important;
  flex-basis:17px !important;
  font-size:8px !important;
}

/* Teklif butonu da fazla yer kaplamasın */
.site-nav .quote-btn{
  min-width:auto !important;
  margin-left:6px !important;
  padding:12px 16px !important;
  border-radius:22px !important;
  gap:7px !important;
}

/* Projeler sayfası kart yazılarını netleştir */
.project-card,
.project-card .card-body,
.project-card .card-body h3,
.project-card .card-body p,
.project-card h3,
.project-card p{
  color:#ffffff !important;
}

.project-card .card-body p,
.project-card p{
  color:rgba(255,255,255,.78) !important;
}

.project-card .badge,
.badge{
  color:#f1d185 !important;
  border-color:rgba(241,209,133,.35) !important;
  background:rgba(241,209,133,.10) !important;
}

/* Bazı proje liste tasarımlarında body absolute değil, lacivert kart içinde kalıyor */
.project-grid .project-card{
  background:#071b33 !important;
}

.project-grid .project-card .card-body{
  background:linear-gradient(180deg,rgba(7,27,51,.88),rgba(7,27,51,.98)) !important;
}

/* Beyaz modda da proje kartları okunur kalsın */
body.light-mode .project-card,
body.light-mode .project-card .card-body{
  background:#071b33 !important;
}

body.light-mode .project-card h3,
body.light-mode .project-card .card-body h3{
  color:#ffffff !important;
}

body.light-mode .project-card p,
body.light-mode .project-card .card-body p{
  color:rgba(255,255,255,.78) !important;
}

/* Hizmet/proje kartlarında koyu zemin üstü başlık kararmasın */
.section.dark .card-body h3,
.section.dark .card-body p{
  color:#ffffff !important;
}
.section.dark .card-body p{
  color:rgba(255,255,255,.78) !important;
}

/* Büyük ekran özel: menü daha sıkı ama okunur */
@media (min-width:1280px){
  .container.header-inner{
    width:min(1480px,calc(100% - 42px)) !important;
  }
  .brand{
    flex-basis:315px !important;
    min-width:315px !important;
  }
  .logo-dark-mode,
  .logo-light-mode{
    max-width:310px !important;
    height:55px !important;
  }
  .site-nav{
    gap:4px !important;
  }
  .site-nav > a,
  .nav-dropdown > a{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:13.5px !important;
  }
}

/* Orta ekran: daha erken hamburger'e geçmesin, sıkı kalsın */
@media (max-width:1240px){
  .brand{
    flex-basis:250px !important;
    min-width:250px !important;
  }
  .logo-dark-mode,
  .logo-light-mode{
    max-width:245px !important;
    height:49px !important;
  }
  .site-nav > a,
  .nav-dropdown > a{
    font-size:12px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
  .site-nav .quote-btn{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* 1080 altı hamburger mevcut düzen korunsun */
@media (max-width:1080px){
  .brand{
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .logo-dark-mode,
  .logo-light-mode{
    max-width:255px !important;
    height:52px !important;
  }
}