/* ================================================
   YOVATEK - Kapsamlı Responsive / Mobile Fix
   Tüm sayfalara uygulanır
   ================================================ */

/* ---- Genel Overflow Fix ---- */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

*, *::before, *::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

/* ---- Elementor Kolon Stacking (mobilde) ---- */
@media (max-width: 767px) {
  .elementor-column {
    width: 100% !important;
  }

  .elementor-container {
    flex-wrap: wrap !important;
  }

  /* Elementor col-50, col-33, col-25 mobilde tam genişlik */
  .elementor-column.elementor-col-50,
  .elementor-column.elementor-col-33,
  .elementor-column.elementor-col-25,
  .elementor-column.elementor-col-66 {
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  /* Tablet için de bazı dar kolonlar stacklensin */
  .elementor-column.elementor-col-25 {
    width: 50% !important;
  }
}

/* ================================================
   SERVİS BÖLÜMÜ - INDEX.HTM (en kritik düzeltme)
   service-style01: yatay flex → mobilde dikey
   ================================================ */

@media screen and (max-width: 992px) {
  .service-style01 {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .service-style01 .service-items {
    width: 100% !important;
    flex-shrink: unset !important;
  }

  /* Hover genişleme efektini devre dışı bırak */
  .service-style01 .service-items:hover,
  .service-style01 .service-items:active,
  .service-style01 .service-items:focus {
    width: 100% !important;
  }

  /* Arka plan görselini göster (hover olmadan) */
  .service-style01 .service-items .service-inner .service-img {
    opacity: 1 !important;
    padding-top: 280px !important;
  }

  /* İkon kutusu görünür yap */
  .service-style01 .service-items .service-inner .service-content .service-main-img {
    background-color: rgba(150, 235, 100, 0.2) !important;
  }

  .service-style01 .service-items .service-inner .service-content .service-main-img a {
    opacity: 1 !important;
    background-color: #96eb64 !important;
  }

  .service-style01 .service-items .service-inner .service-content .service-main-img a i {
    opacity: 1 !important;
    color: #191919 !important;
  }

  /* Büyük dekoratif text fontunu küçült */
  .service-style01 .service-items .service-inner .content-text .text-line {
    font-size: 60px !important;
    bottom: 60px !important;
    transform: translateX(-40px) !important;
  }

  /* Servis başlık linkini küçült */
  .service-style01 .service-items .service-inner .content-text a {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  /* İç padding düzenle */
  .service-style01 .service-items .service-inner .service-content {
    padding: 24px !important;
  }

  /* Container padding'i azalt */
  .container-fluid.px-md-1-9,
  .container-fluid.px-xxl-10 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 576px) {
  .service-style01 .service-items .service-inner .service-img {
    padding-top: 220px !important;
  }

  .service-style01 .service-items .service-inner .content-text .text-line {
    font-size: 40px !important;
    bottom: 50px !important;
    transform: translateX(-30px) !important;
  }

  .service-style01 .service-items .service-inner .content-text a {
    font-size: 18px !important;
  }
}

/* ================================================
   BANNER / HERO BÖLÜMÜ
   ================================================ */

@media screen and (max-width: 992px) {
  /* Banner içeriğini üst boşlukla konumlandır (nav için) */
  .mil-banner .mil-banner-content {
    padding-top: 90px;
    padding-bottom: 60px !important;
  }

  .mil-banner {
    min-height: 100svh;
  }
}

@media screen and (max-width: 768px) {
  /* Dönen metin (circle text) küçült */
  .mil-circle-text {
    width: 120px !important;
    height: 120px !important;
    bottom: 30px;
    right: 15px;
  }

  .mil-circle-text .mil-ct-svg {
    width: 120px !important;
    height: 120px !important;
  }

  .mil-circle-text .mil-button.mil-icon-button {
    width: 50px !important;
    height: 50px !important;
  }

  /* Hero butonları mobilde düzenle */
  .mil-banner-content .mil-button,
  .mil-banner-content .mil-link {
    margin-bottom: 15px;
  }

  .mil-banner-content .mil-mb-60 {
    margin-bottom: 30px !important;
  }
}

/* ================================================
   İÇ SAYFA BANNER (hizmetlerimiz, iletisim vb.)
   ================================================ */

@media screen and (max-width: 1200px) {
  .mil-inner-banner .mil-banner-content {
    padding-top: 150px !important;
  }
}

@media screen and (max-width: 768px) {
  .mil-inner-banner .mil-banner-content {
    padding-top: 120px !important;
  }

  .mil-inner-banner .mil-banner-content h1 {
    margin-bottom: 20px !important;
  }
}

/* ================================================
   HAKKIMIZDA / ABOUT BÖLÜMÜ
   ================================================ */

@media screen and (max-width: 1024px) {
  /* Dikey fotoğraf boyutunu kısalt */
  .mil-about-photo .mil-img-frame {
    padding-bottom: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .mil-about-photo .mil-img-frame {
    padding-bottom: 75% !important;
  }

  /* Alıntı bölümü */
  .mil-about-quote {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

/* ================================================
   SERVİS CARD (hizmetlerimiz sayfası)
   ================================================ */

@media screen and (max-width: 768px) {
  .mil-service-card-lg {
    padding: 30px !important;
    margin-bottom: 20px;
  }

  .mil-service-list li {
    font-size: 11px;
    letter-spacing: 1px;
  }
}

/* ================================================
   FOOTER
   ================================================ */

@media screen and (max-width: 768px) {
  /* Abone form mobil düzeni */
  .mil-subscribe-form {
    flex-wrap: wrap;
  }

  .mil-subscribe-form .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
  }

  .mil-subscribe-form input[type="email"] {
    width: 100% !important;
    min-width: unset !important;
    box-sizing: border-box;
  }

  /* Footer menü */
  .mil-footer-menu-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .mil-footer-menu-list li {
    flex: 0 0 45%;
  }
}

/* ================================================
   NAV / MENÜ
   ================================================ */

@media screen and (max-width: 1200px) {
  /* Menü içeriği padding */
  .mil-menu-content {
    padding: 0 15px;
  }

  /* Ana menü öğeleri */
  .mil-main-menu-list li a {
    font-size: clamp(28px, 8vw, 56px);
  }
}

/* ================================================
   LOGO BOYUTU MOBİL
   ================================================ */

@media screen and (max-width: 1200px) {
  .mil-frame-top .mil-logo img,
  .mil-menu-frame .mil-frame-top .mil-logo img {
    max-height: 40px;
    width: auto;
  }
}

/* ================================================
   PORTFOLİO GRID
   ================================================ */

@media screen and (max-width: 768px) {
  .mil-portfolio-item {
    width: 100% !important;
  }

  /* Portfolio cover görselleri */
  .mil-cover {
    height: 250px;
  }
}

/* ================================================
   BLOG / YAZILARDA GÖRSELLER
   ================================================ */

@media screen and (max-width: 768px) {
  .mil-post-sm {
    flex-direction: column;
  }

  .mil-post-sm .mil-cover-frame {
    width: 100% !important;
    margin-bottom: 15px;
  }
}

/* ================================================
   İLETİŞİM FORMU
   ================================================ */

@media screen and (max-width: 768px) {
  .wpcf7-form .row > [class*="col-"] {
    margin-bottom: 15px;
  }

  .wpcf7-form-control.wpcf7-text,
  .wpcf7-form-control.wpcf7-textarea,
  .wpcf7-form-control.wpcf7-email {
    width: 100% !important;
    box-sizing: border-box;
  }
}

/* ================================================
   BREADCRUMB
   ================================================ */

@media screen and (max-width: 576px) {
  .mil-breadcrumbs {
    flex-wrap: wrap;
    gap: 5px;
  }

  .mil-breadcrumbs li {
    font-size: 12px;
  }
}

/* ================================================
   GENEL YARDIMCI
   ================================================ */

@media screen and (max-width: 992px) {
  /* Bölüm padding'lerini mobilde düşür */
  section {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 768px) {
  /* Swiper taşma engeli */
  .swiper-container,
  .swiper {
    overflow: hidden;
  }

  /* Animasyon elemanları */
  .mil-animation {
    display: none;
  }

  /* Çok büyük boşlukları küçült */
  br + br {
    display: none;
  }

  /* Divider margins azalt */
  .mil-divider.mil-mb-60 {
    margin-bottom: 30px !important;
  }
}

/* ================================================
   ILETISIM SAYFASI - HARİTA VE FORM
   ================================================ */

@media screen and (max-width: 768px) {
  .mil-map-frame {
    height: 300px;
  }

  .mil-contact-place {
    padding: 30px 20px !important;
  }
}

/* ================================================
   SUPTITLE (küçük başlık çizgi efekti)
   ================================================ */

@media screen and (max-width: 768px) {
  .mil-suptitle::before {
    display: none;
  }
}

/* ================================================
   PROJE DETAY SAYFASI
   ================================================ */

@media screen and (max-width: 768px) {
  .mil-project-info {
    flex-direction: column;
    gap: 20px;
  }

  .mil-project-info-item {
    width: 100% !important;
  }
}