/*
 * Akın Hadde — müşteri revizeleri (Ekim 2026).
 * main.css tema dosyasıdır; projeye özel düzeltmeler burada tutulur ve main.css'ten sonra yüklenir.
 */

/* ---------- Header: hiçbir genişlikte/yakınlaştırmada alt satıra kaymaz ----------
   Masaüstü menü 1200px'ten itibaren görünür; 1200–1600px arasında menü aralıkları, yazı boyu,
   logo ve buton orantılı küçülür, öğeler tek satırda kalır (TR ve daha uzun EN menü için ölçüldü). */
@media (min-width: 1200px) {
  #header-sticky .tp-header-it-bg > .row {
    flex-wrap: nowrap;
  }
  #header-sticky .tp-main-menu {
    flex: 0 1 auto;
    min-width: 0;
  }
  #header-sticky .tp-main-menu nav > ul > li {
    margin: 0 clamp(7px, calc(7px + (100vw - 1200px) * 0.0275), 18px);
  }
  #header-sticky .tp-main-menu nav > ul > li > a {
    font-size: clamp(13px, calc(13px + (100vw - 1200px) * 0.005), 15px);
    white-space: nowrap;
  }
  #header-sticky .tp-header-right {
    flex-shrink: 0;
  }
  #header-sticky .tp-btn-group .tp-btn-2 {
    white-space: nowrap;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  #header-sticky .tp-header-logo img {
    width: 115px !important;
  }
  #header-sticky .tp-btn-group .tp-btn-2 {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 13px;
  }
  #header-sticky .language-holder {
    margin-left: 12px;
  }
}

/* ---------- Alt sayfa üst görseli (breadcrumb banner) ----------
   Daha kısa banner + antrasit ton: görseller birbirinden farklı olsa da üst panel tutarlı görünür. */
/* Başlık her zaman header'ın altından başlar: --ah-header-h main.js tarafından header'ın gerçek yüksekliğiyle güncellenir. */
.tp-faq-hero-title-wrap {
  padding-top: calc(var(--ah-header-h, 130px) + 40px);
  padding-bottom: 45px;
}
.tp-faq-hero-title-wrap .tp-breadcrumb-list {
  padding-top: 10px;
}
.tp-faq-hero-area.pre-header::before {
  background: linear-gradient(90deg, rgba(30, 32, 36, 0.92) 0%, rgba(43, 46, 51, 0.78) 45%, rgba(43, 46, 51, 0.45) 100%);
  opacity: 1;
}
@media (max-width: 1199.98px) {
  .tp-faq-hero-title-wrap {
    padding-top: calc(var(--ah-header-h, 120px) + 30px);
    padding-bottom: 35px;
  }
}
@media (max-width: 767.98px) {
  .tp-faq-hero-title-wrap {
    padding-top: calc(var(--ah-header-h, 100px) + 24px);
    padding-bottom: 25px;
  }
}

/* ---------- Hakkımızda ---------- */
/* Başlıktan önceki büyük boşluk */
.al-choose-archi-area {
  padding-top: 90px !important;
}
/* Fotoğraf: sola dayalı değil, kolon içinde ortalı ve çerçeveli */
.al-choose-archi-thumb {
  margin-left: 0;
  margin-right: 40px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
}
.al-choose-archi-thumb img {
  display: block;
  width: 100%;
}
@media (max-width: 991.98px) {
  .al-choose-archi-thumb {
    margin-right: 0;
  }
}
/* Paragraf aralıkları */
.al-choose-archi-details-para {
  padding-top: 0;
}
.al-choose-archi-details-para p {
  margin-bottom: 14px !important;
  line-height: 1.7;
}
.al-choose-archi-details-para p:last-child {
  margin-bottom: 30px !important;
}
.al-section-archi-content p,
.cst-portfolio-item-categories p,
.cst-service-item-content p {
  margin-bottom: 12px;
}
/* Giriş satırı ile metin/fotoğraf satırı arasındaki fazla boşluk */
.al-choose-archi-area > .container > .row.mb-35 {
  margin-bottom: 10px !important;
}
.al-choose-archi-area > .container > .row.mb-35 > [class*="col-"] {
  padding-bottom: 20px !important;
  margin-bottom: 0 !important;
}
/* Hakkımızda alt bölümleri sayfanın geri kalanıyla aynı genişlikte */
.cst-service-ptb .container-1524,
.cst-portfolio-ptb .container-1524 {
  max-width: 1320px;
}

/* ---------- Kurumsal metin sayfaları (Çerez Politikası vb.) ---------- */
.tp-blog-details-content h3 {
  margin-top: 34px;
  margin-bottom: 12px;
}
.tp-blog-details-content table {
  margin: 10px 0 20px;
}

/* ---------- Anasayfa ürün şeridi ----------
   Sürekli, sabit hızlı akış: Swiper geçişleri doğrusal olmalı, aksi halde her slaytta yavaşlayıp hızlanır. */
.tp-portfolio-2-slider-active .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* ---------- Ürün detay galerisi: sağ/sol ok ---------- */
.tp-pd-2-active {
  position: relative;
}
.tp-pd-2-nav {
  position: absolute;
  top: calc(50% - 22px);
  z-index: 5;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #1e2024;
  font-size: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  transition: background-color 0.25s, color 0.25s;
}
.tp-pd-2-nav:hover {
  background: #e10018;
  color: #fff;
}
.tp-pd-2-prev {
  left: 16px;
}
.tp-pd-2-next {
  right: 16px;
}

/* ---------- Banner başlığı içerikle aynı hizada ---------- */
.tp-faq-hero-area .container-1524 {
  max-width: 1320px;
}

/* ---------- Anasayfa "Rakamlarla Gücümüz" karakalem zemin ---------- */
.ah-sketch-bg {
  background-color: #2a2b2d;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
  .ah-sketch-bg {
    height: 320px;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}