/* ==========================================
   Movita - Mobil Düzeltmeler (mobile-fixes.css)
   ========================================== */

/* 1. Navbar: Alt sayfalarda baştan opak beyaz zemin */
body.page-inner .navbar {
  background: var(--color-white) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
}

body.page-inner .navbar .nav-item .nav-link {
  color: var(--color-dark) !important;
}

body.page-inner .mobile-menu-right .nav-right-link,
body.page-inner .navbar-toggler-mobile-icon {
  color: var(--color-dark) !important;
}

/* Alt sayfalarda ana logo gizle, sticky logo göster (çünkü arka plan her zaman beyaz) */
body.page-inner .navbar:not(.fixed-top) .logo-display {
  display: none !important;
}

body.page-inner .navbar:not(.fixed-top) .logo-scrolled {
  display: block !important;
}

/* 1.2 Alt sayfa ve yapışkan menü logolarını büyüt */
.navbar-brand img.logo-scrolled {
  height: 90px !important;
  width: auto !important;
  max-width: 250px !important;
}

/* 1.5. .page-inner için ana içerik margin resetlemesi (header ile çakışmayı önlemek için) */
body.page-inner .main {
  margin-top: 0 !important;
}

body.page-inner .site-breadcrumb {
  padding-top: 150px !important;
  padding-bottom: 60px !important;
}

/* 2. Mobil - Alt sayfa banner padding düzeltmesi */
@media (max-width: 991px) {
  /* Breadcrumb: CSS override for inline style is not possible,
     but we add JS-assisted class or handle via media CSS on
     the inner div. The inline style on hero-section uses padding
     directly. We compensate the container position. */
  body.page-inner .site-breadcrumb {
    padding-top: 140px !important;
    padding-bottom: 50px !important;
  }

  .navbar-brand img {
    height: 54px !important;
    width: auto !important;
    max-width: 120px;
    object-fit: contain;
  }
  
  /* Mobil görünümde yapışkan logonun boyutunu güncelle */
  .navbar-brand img.logo-scrolled {
    height: 90px !important;
    width: auto !important;
    max-width: 200px !important;
  }
}



/* 4. Footer - Sosyal medya ikonları scroll-top butonuyla çakışmasın */
@media (max-width: 767px) {
  .copyright {
    padding-bottom: 80px !important;
  }

  .copyright-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px;
  }

  .footer-social {
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }
}

/* Quote wrapper border radius for contact form */
.quote-wrapper { 
    border-radius: 20px; 
    overflow: hidden; 
}