/* =====================================================================
   Bilginex — ortak mobil & tablet uyum katmanı (mobile-fix.css)
   Tüm sayfalarda </head> öncesinde yüklenir; sayfa içi stilleri
   yalnızca dar ekranlarda ezer. Masaüstü (>1024px) görünüm etkilenmez.
   ===================================================================== */

/* ---------- Genel güvenlik ağı ---------- */
@media (max-width: 1024px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  img, video, iframe { max-width: 100%; }
  img { height: auto; }
  .makale-icerik table, .article-body table, .prose table {
    display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
  }
  .makale-icerik pre, .article-body pre, pre { max-width: 100%; overflow-x: auto; }
  h1, h2, h3 { overflow-wrap: break-word; word-wrap: break-word; }
}

/* ---------- Hamburger / mobil menü (tablet + mobil) ---------- */
.hamburger { display: none !important; }
.mobile-menu { display: none !important; }

@media (max-width: 1024px) {
  nav { gap: 12px; }
  nav .nav-links { display: none !important; }
  nav .lang-switcher { display: none !important; }
  nav .nav-cta .btn-ghost { display: none !important; }
  nav .nav-cta .btn-primary { white-space: nowrap; font-size: 13px; padding: 9px 16px; }
  .hamburger {
    display: flex !important; flex-direction: column; justify-content: center;
    gap: 5px; cursor: pointer; padding: 10px; margin-left: auto; margin-right: 4px;
    background: none; border: none; -webkit-tap-highlight-color: transparent;
    min-width: 44px; min-height: 44px; align-items: center;
  }
  .hamburger span {
    display: block; width: 24px; height: 2px; background: #0f172a; border-radius: 2px;
    transition: transform .25s ease, opacity .25s ease;
  }
  .hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .hamburger.open span:nth-child(2) { opacity: 0; }
  .hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .mobile-menu {
    display: none !important; position: fixed; left: 0; right: 0; top: 64px;
    background: #fff; border-top: 1px solid #e2e8f0; box-shadow: 0 12px 32px rgba(15,23,42,.16);
    z-index: 9999; padding: 12px 20px 20px; flex-direction: column; gap: 2px;
    max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-menu.open { display: flex !important; }
  .mobile-menu a {
    display: block; padding: 13px 8px; font-size: 16px; color: #0f172a; text-decoration: none;
    border-radius: 8px; font-weight: 500; font-family: inherit;
  }
  .mobile-menu a:active, .mobile-menu a:hover { background: #f1f5f9; }
  .mobile-menu .mm-section {
    display: block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    color: #64748b; padding: 16px 8px 6px;
  }
  .mobile-menu .mm-cta { background: #2563eb; color: #fff !important; text-align: center; margin-top: 12px; font-weight: 600; }
}

/* ---------- Tablet (769–1024) ---------- */
@media (min-width: 769px) and (max-width: 1024px) {
  nav { padding-left: 32px !important; padding-right: 32px !important; }
  .sektor-detay { grid-template-columns: 1fr !important; padding: 64px 32px !important; gap: 40px !important; }
  .main { grid-template-columns: 1fr !important; padding: 64px 32px !important; gap: 40px !important; }
  .blog-grid, .diger-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .degerler-grid, .ref-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .sert-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .use-cases-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .process-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 40px !important; }
  .hero { padding-left: 32px !important; padding-right: 32px !important; }
}

/* ---------- Mobil (<=768) ---------- */
@media (max-width: 768px) {
  nav { padding: 12px 16px !important; }
  .nav-logo img, nav .nav-logo img { height: 28px; }

  /* Sayfa düzenleri */
  .sektor-detay { grid-template-columns: 1fr !important; padding: 40px 20px !important; gap: 32px !important; }
  .sektor-cozumler { grid-template-columns: 1fr !important; }
  .sektor-sidebar { position: static !important; width: 100% !important; }
  .main { grid-template-columns: 1fr !important; padding: 40px 20px !important; gap: 32px !important; }
  .form-row { grid-template-columns: 1fr !important; }
  .social-grid { grid-template-columns: 1fr 1fr !important; }
  .one-cikan { grid-template-columns: 1fr !important; }
  .one-cikan > * { min-width: 0; }
  .blog-grid, .diger-grid { grid-template-columns: 1fr !important; }
  .benefits-inner, .why-inner, .why-stats { grid-template-columns: 1fr !important; }
  .why-stats { gap: 16px !important; }
  .use-cases-grid, .process-grid { grid-template-columns: 1fr !important; }
  .sektor-item { grid-template-columns: 1fr !important; }
  .sektor-visual { width: 100% !important; max-width: 100% !important; }
  .degerler-grid, .ref-grid, .vm-grid, .hikaye-grid, .kurucu-grid, .kurucu-exp-grid { grid-template-columns: 1fr !important; }
  .sert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .footer-bottom { flex-direction: column; gap: 8px; }
  .hero-stats { flex-wrap: wrap !important; gap: 20px 24px !important; }
  .hero-stats > * { flex: 1 1 40%; min-width: 0; }
  .map-header { flex-wrap: wrap; gap: 8px; }
  .cta-stats { grid-template-columns: repeat(3, 1fr); }

  /* Genişleyen alanları içeriğe sığdır */
  [class*="-grid"] > *, [class*="-inner"] > * { min-width: 0; }

  /* Başlıklar ve boşluklar */
  .hero-baslik, .hero-title { font-size: clamp(26px, 7.4vw, 40px) !important; line-height: 1.15 !important; }
  .hero { padding-left: 20px !important; padding-right: 20px !important; }
  section { overflow-wrap: break-word; }

  /* Yüzen yardım butonu */
  .floating-help { right: 14px !important; bottom: 14px !important; }
  .floating-help-ic, .floating-help-icon { width: 44px !important; height: 44px !important; }
}

@media (max-width: 480px) {
  .sert-grid { grid-template-columns: 1fr 1fr !important; }
  .sidebar-stat-grid { grid-template-columns: 1fr 1fr !important; }
  .diger-grid, .blog-grid { gap: 14px !important; }
  .btn-hero, .btn-hero-ghost, .btn-primary-lg { width: 100%; text-align: center; justify-content: center; }
}

/* ---------- Yan boşluklar: geniş masaüstü dolguları dar ekranda küçült ---------- */
@media (max-width: 1024px) {
  .one-cikan-wrap, .kat-filter-wrap, .blog-grid-wrap, .sektor-listesi, .diger-sektorler,
  section.cta, .page-hero, .services-section, .why-section, .cta-band, section.services,
  .map-section, .search-section, .catalog {
    padding-left: 32px !important; padding-right: 32px !important;
  }
}
@media (max-width: 768px) {
  .one-cikan-wrap, .kat-filter-wrap, .blog-grid-wrap, .sektor-listesi, .diger-sektorler,
  section.cta, .page-hero, .services-section, .why-section, .cta-band, section.services,
  .map-section, .search-section, .catalog,
  .cover-nav, .cover-body, .index-page, .section-divider-inner, .catalog-body, .avantaj-block, .back-cover {
    padding-left: 20px !important; padding-right: 20px !important;
  }
  .deger-card, .vm-card, .form-card { padding: 24px !important; }
}

/* ---------- Bülten bölümü (tüm sayfalar) ---------- */
@media (max-width: 768px) {
  .bilginex-newsletter-section { padding: 2.5rem 1.25rem !important; }
  .bilginex-newsletter-section h2, .bilginex-newsletter-section h3 {
    white-space: normal !important; font-size: clamp(20px, 6vw, 26px) !important; line-height: 1.25 !important;
  }
  .bilginex-newsletter-section form, .bilginex-newsletter-section .nl-form { flex-wrap: wrap; }
  .bilginex-newsletter-section input[type="email"], .bilginex-newsletter-section input { max-width: 100%; width: 100%; box-sizing: border-box; }
}

/* ---------- Eğitim kataloğu (yalnızca ekran; yazdırma/PDF görünümü korunur) ---------- */
@media screen and (max-width: 768px) {
  .cover-title { font-size: clamp(34px, 11vw, 48px) !important; }
  .cover-desc { font-size: 15px !important; max-width: 100% !important; }
  .cover-stats { flex-wrap: wrap !important; gap: 10px !important; }
  .cover-stat { flex: 1 1 28%; min-width: 0; padding: 14px 10px !important; }
  .cover-stat-num { font-size: 26px !important; }
  .cover-stat-label { font-size: 10px !important; }
  .cover-body > *, .cover-nav > *, .cover-left, .cover-right { max-width: 100%; min-width: 0; }
  .index-cards { grid-template-columns: 1fr !important; }
  .cover-nav { flex-wrap: wrap; gap: 10px; }
}

/* Bülten başlığı <p> içinde inline nowrap ile yazılmış: dar ekranda satır kırılsın */
@media (max-width: 768px) {
  .bilginex-newsletter-section p { white-space: normal !important; font-size: clamp(18px, 5.6vw, 22px) !important; line-height: 1.3 !important; }
}

/* ── Footer hizalama & yüzen "Uzman Desteği Al" butonu çakışma düzeltmesi ── */
/* Logo görselinin sol boşluğunu telafi eder: logo, alttaki yazı ve ikonla aynı çizgide başlar */
.footer-logo{display:block;margin-left:-24px !important;}
/* Adres, sağ alttaki yüzen butonun altında kalmasın */
@media (min-width: 1025px){
  /* Alt satır, üstteki kolonlarla (2fr 1fr 1fr 1fr) aynı ızgarayı kullanır:
     şehirler "Hizmetler" kolonuna, adres "Akademi" kolonuna hizalanır. */
  .footer-bottom{display:grid !important;grid-template-columns:2fr 1fr 1fr 1fr !important;column-gap:60px !important;row-gap:8px;align-items:center !important;}
  .footer-bottom > p:nth-child(1){grid-column:1;}
  .footer-bottom > p:nth-child(2){grid-column:2;}
  .footer-bottom > p.footer-address, .footer-bottom > p:nth-child(3){grid-column:3 / -1;padding-right:100px;}
}
@media (min-width: 769px) and (max-width: 1024px){
  .footer-bottom{padding-right:130px !important;}
}
@media (max-width: 768px){
  .footer-bottom{padding-bottom:72px !important;}
}

/* Alt bilgi satırı yazıları (telif, şehirler, adres) tüm sayfalarda aynı okunaklı renkte olsun */
.footer-bottom p, .footer-bottom p.footer-address{color:rgba(255,255,255,0.55) !important;font-size:12px;font-weight:300;}