/*
 * Revizyon stilleri (Kasım 2026).
 * Ana CSS paketi (assets/dist/css/main.css) PurgeCSS ile üretildiği için yeni sınıflar ve
 * header düzeltmeleri ayrı bu dosyada tutulur; paket yeniden üretilmeden çalışır.
 */

/* --- Header: menü tek satırda kalsın, dil seçici ve "Teklif Al" butonu menünün üstüne binmesin.
   Eski kurallardaki negatif boşluklar (.main-menu -80px, .header-cta li -110px) yalnızca
   masaüstü header'ında sıfırlanır; mobil menüye dokunulmaz. --- */
@media (min-width: 992px) {
  #header-sticky .container-fluid.pl-120.pr-120 { padding-left: clamp(24px, calc(9vw - 52px), 120px) !important; padding-right: clamp(24px, calc(9vw - 52px), 120px); }
  #header-sticky .header-cta ul li { margin-right: 0; }
  #header-sticky .second-menu > .row > .col-lg-2 { flex: 0 0 auto; width: auto; max-width: none; }
  #header-sticky .second-menu > .row > .col-lg-7 { flex: 1 1 0; width: auto; max-width: none; min-width: 0; }
  #header-sticky .second-menu > .row > .col-lg-3 { flex: 0 0 auto; width: auto; max-width: none; display: block !important; }
  #header-sticky div.main-menu, #header-sticky ul.main-menu { margin-right: 0; }
  #header-sticky .main-menu ul.main-menu { width: auto; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
  #header-sticky .main-menu ul.main-menu > li { margin-left: clamp(14px, 2vw, 40px); white-space: nowrap; }
  #header-sticky .main-menu ul.main-menu > li:first-child { margin-left: 0; }
}
@media (min-width: 992px) and (max-width: 1599px) {
  #header-sticky .main-menu ul.main-menu > li > a { letter-spacing: .4px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header-sticky .header-cta .top-btn { display: none; }
  #header-sticky .header-cta .lang-switcher { margin-right: 0; }
  #header-sticky .main-menu ul.main-menu > li > a { font-size: 13px; }
}

/* --- Kategori sayfası sektör kutuları: altta "İncele" butonu, üç kutuda aynı hizada. --- */
.component-sectors .services-08-item { display: flex; flex-direction: column; }
/* Kartın ::before katmanı (z-index:1) tüm kartı kaplıyor; buton onun üstünde kalmalı, yoksa tıklanmaz. */
.component-sectors .sector-card-btn-wrap { position: relative; z-index: 2; margin-top: auto; padding-top: 24px; text-align: center; }
.component-sectors .sector-card-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 32px; background: var(--themeColor, #003CA6); color: #fff;
  font-size: 15px; line-height: 1; text-decoration: none; transition: background-color .2s ease;
}
.component-sectors .sector-card-btn:hover,
.component-sectors .sector-card-btn:focus-visible { background: #002b78; color: #fff; }
.component-sectors .sector-card-btn i { font-size: 13px; transition: transform .2s ease; }
.component-sectors .sector-card-btn:hover i { transform: translateX(3px); }
