/* ================================================================
   demir-extras.css  —  Demir Havalandırma ek stiller
   main.css ve portfolio-uniform.css'den SONRA ekleyin
   ================================================================ */

/* ────────────────────────────────────────────
   1. LOGO — orantılı, bozulmaz
   ──────────────────────────────────────────── */
.header .logo-img {
  max-height: 44px;
  width: auto;          /* oranı korur */
  object-fit: contain;
  display: block;
}

@media (max-width: 768px) {
  .header .logo-img {
    max-height: 34px;
  }
}

/* ────────────────────────────────────────────
   2. CONTACT — overflow:clip düzeltmesi
      main.css'deki "overflow: clip" iletişim
      bölümünü kesebilir; burada override ediyoruz.
   ──────────────────────────────────────────── */
#contact.section {
  overflow: visible !important;
}

/* İletişim info-item aralıkları */
.contact .info-item + .info-item {
  margin-top: 28px;
}

/* ────────────────────────────────────────────
   3. SABIT BUTONLAR — sağ alt köşe yığını
      Görsel referans: ikinci ekran görüntüsü
      Sırası (aşağıdan yukarı):
        bottom: 20px  → scroll-top  (yukarı ok)
        bottom: 74px  → arama       (sarı, telefon)
        bottom: 128px → whatsapp    (yeşil)
   ──────────────────────────────────────────── */

/* Scroll-top — en altta, !important ile main.css'i ezer */
.scroll-top {
  right: 20px !important;
  bottom: 20px !important;
  left: auto !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  z-index: 99996 !important;
}

/* Arama butonu — scroll-top'un hemen üstünde */
#call-float {
  position: fixed;
  right: 20px;
  bottom: 74px;
  z-index: 99997;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #ffc451;
  color: #1a1a1a;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(255, 196, 81, 0.5);
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}
#call-float:hover {
  background: #f0b73e;
  color: #111;
  transform: scale(1.1);
}

/* WhatsApp butonu — aramanın hemen üstünde */
#whatsapp-float {
  position: fixed;
  right: 20px;
  bottom: 128px;
  z-index: 99998;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.5);
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}
#whatsapp-float:hover {
  background: #1ebe5a;
  color: #fff;
  transform: scale(1.1);
}

/* Scroll-top'u her durumda sağda tut */
a#scroll-top,
.scroll-top {
  left: auto !important;
  right: 20px !important;
  bottom: 20px !important;
}

/* Mobilde biraz küçült */
@media (max-width: 576px) {
  .scroll-top     { width: 42px !important; height: 42px !important; bottom: 16px !important; right: 16px !important; left: auto !important; }
  #call-float     { width: 42px; height: 42px; bottom: 66px; right: 16px; font-size: 18px; }
  #whatsapp-float { width: 42px; height: 42px; bottom: 116px; right: 16px; font-size: 20px; }
}

/* ────────────────────────────────────────────
   4. İLETİŞİM — telefon düz metin, buton yok
   ──────────────────────────────────────────── */
.contact .info-item p {
  font-size: 14px;
  margin-bottom: 0;
}

/* ────────────────────────────────────────────
   5. PERFORMANS — GPU katmanı
   ──────────────────────────────────────────── */
.hero img          { will-change: transform; }
[data-aos]         { will-change: opacity, transform; }

/* ────────────────────────────────────────────
   6. RESPONSIVE — Mobil & Tablet
   ──────────────────────────────────────────── */
@media (max-width: 576px) {
  .hero h1, .hero h2 { font-size: 26px !important; line-height: 1.3; }
  .hero p             { font-size: 15px !important; }
}
@media (min-width: 577px) and (max-width: 768px) {
  .hero h1, .hero h2 { font-size: 34px !important; }
}

@media (max-width: 768px) {
  section, .section   { padding: 40px 0; }
  .section-title      { padding-bottom: 30px; }
  .section-title p    { font-size: 26px; }
}

/* Portfolio filtreleri mobilde yatay kaydırma */
@media (max-width: 767px) {
  .portfolio-filters {
    display: flex !important;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
    scrollbar-width: none;
    gap: 6px;
  }
  .portfolio-filters::-webkit-scrollbar { display: none; }
  .portfolio-filters li { flex-shrink: 0; font-size: 13px !important; padding: 7px 14px !important; }
}

/* Portfolio grid */
@media (max-width: 767px) {
  .portfolio .isotope-container .col-lg-4,
  .portfolio .isotope-container .col-md-6 {
    width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .portfolio .isotope-container .col-lg-4 {
    width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important;
  }
}

/* Harita mobil yükseklik */
@media (max-width: 576px) {
  .contact .mb-4 iframe { height: 200px !important; }
}

/* Swiper logo maksimum yükseklik */
.clients .swiper-slide img {
  max-height: 60px; width: auto; margin: 0 auto; display: block;
}

/* Header mobil */
@media (max-width: 768px) {
  .header .btn-getstarted { font-size: 12px; padding: 5px 12px; }
}

/* Footer mobil ortalama */
@media (max-width: 576px) {
  .footer .copyright .d-flex { flex-direction: column; align-items: center; text-align: center; }
}