/* =====================================================
   RESPONSIVE FIXES — manisahukuk.com
   ===================================================== */

/* FIX #1: Hero görsel tam genişlik (tüm ekranlar) */
.elementor-838 .elementor-element.elementor-element-a9babb9 img {
  width: 100% !important;
  box-shadow: none !important;
}

/* FIX #2: Hero mobil — sabit yükseklik kaldır, bozulma engelle */
@media (max-width: 767px) {
  .elementor-838 .elementor-element.elementor-element-a9babb9 img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* FIX #11: Hero bölümü ile içerik arası beyaz boşluk — koyu arka plan */
.elementor-element-5a8ec56 {
  background-color: #02261D !important;
}

/* FIX #3: Hamburger menü butonu dokunma hedefi (min 44×44px) */
.menu-canvas .menu-toggle {
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  cursor: pointer !important;
}

/* FIX #5: Form "Gönder" butonu dokunma hedefi */
.ff-btn-submit,
.ff-btn {
  min-height: 44px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* FIX #6: Tablet — pratik alanlar 3 kolonu göster (CSS Grid override) */
@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-element-0aa5079 > .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    flex-wrap: unset !important;
  }
  .elementor-element-0aa5079 .elementor-column {
    width: 100% !important;
    flex: none !important;
  }
  .elementor-element-0562da4 {
    display: flex !important;
  }
}

/* FIX #7: Mobil — sidebar/içerik sırası */
@media (max-width: 767px) {
  .row_site .container_site {
    display: flex !important;
    flex-direction: column !important;
  }
  /* Blog listeleme: sidebar önce gelsin */
  #sidebar {
    order: -1 !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 32px !important;
    margin-right: 0 !important;
  }
  /* Hizmet/servis detay sayfası: içerik → son yazılar → form */
  .single #sidebar {
    order: 0 !important;
  }
  #main-content {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
}

/* FIX #9: Tablet form kolonları alt alta */
@media (max-width: 768px) {
  .ff-t-container.ff_columns_total_2 {
    flex-direction: column !important;
  }
  .ff-t-container.ff_columns_total_2 .ff-t-cell {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
}

/* FIX #19: Telefon + WhatsApp butonları hizala — aynı boyut ve dikey konum */
#callnowbutton {
  width: 56px !important;
  height: 56px !important;
  bottom: 16px !important;
  left: 16px !important;
}
.joinchat {
  bottom: 16px !important;
  right: 16px !important;
}
.joinchat__button {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  bottom: 0 !important;
  right: 0 !important;
}
.joinchat__button__open {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
}

/* FIX #10: Footer sosyal medya ikonları dokunma hedefi */
.elementor-social-icon {
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* FIX #13: Makale görseli object-fit */
.post-media img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

/* FIX #16: İletişim "Bize Ulaşın" — 3 çizgiyi 1'e indir, sadece ::after (252px) kalsın */
.elementor-element-e1c0fa4,
.elementor-element-6b0c968 {
  display: none !important;
}
.elementor-element-f41f821 .title::before {
  display: none !important;
}
.elementor-element-f41f821::after {
  display: none !important;
}

/* FIX #14: İletişim sağ kolon — sol kolonla tutarlı beyaz kart */
.elementor-element-ec39a45 {
  background: #fff !important;
  padding: 72px 64px !important;
}
@media (max-width: 900px) {
  .elementor-element-ec39a45 {
    padding: 48px 32px !important;
  }
}
@media (max-width: 767px) {
  .elementor-element-ec39a45 {
    padding: 32px 20px !important;
  }
}

/* FIX #15: İletişim "Gönder" butonu marka rengi */
.ff-btn-submit {
  background-color: #02261D !important;
  color: #fff !important;
  border-color: #02261D !important;
}
.ff-btn-submit:hover {
  background-color: #D7B679 !important;
  border-color: #D7B679 !important;
  color: #02261D !important;
}

/* FIX #17: Footer logoları mobilde 2 sütun (CSS Grid) */
@media (max-width: 767px) {
  .elementor-element-dfb0d36 > .elementor-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .elementor-element-dfb0d36 .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
}

/* FIX #18: İletişim mobil — section/column collapse (flex: 1 1 0px proxy override) */
@media (max-width: 767px) {
  .elementor-element-9e03c32 {
    height: auto !important;
  }
  .elementor-element-9e03c32 > .elementor-container {
    height: auto !important;
    flex-direction: column !important;
    padding: 24px !important;
    gap: 24px !important;
  }
  /* flex: 1 1 0px proxy CSS'ini sıfırla — içeriğe göre boyutlan */
  .elementor-element-9e03c32 > .elementor-container > .elementor-column {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .elementor-element-5eedf72 > .elementor-widget-wrap,
  .elementor-element-ec39a45 > .elementor-widget-wrap {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    min-height: 0 !important;
  }
  /* Sol kolon mobil padding */
  .elementor-element-5eedf72 {
    padding: 32px 20px !important;
  }
}

/* FIX: Servis sayfası makale görseli tam genişlik mobilde */
@media (max-width: 767px) {
  .post-wrap > .post-media {
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
  .post-wrap > .post-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}