/* ============================================================
   FATİH WEB — MOBILE + TABLET RESPONSIVE TAM EŞİTLEME
   Masaüstündeki tüm içerikler 3 cihazda da görünür ve düzgün.
   ============================================================ */

/* ---------- ÜST MENÜ SCROLL FIX (tüm cihazlar) ---------- */
ul.primary-menu-menu.primary-menu-indented.scrollable {
  max-height: none !important;
  overflow-y: visible !important;
}

/* Hamburger açıkken menü scroll'a girsin sadece çok küçük ekranda */
@media (max-width: 575px) {
  ul.primary-menu-menu.primary-menu-indented.scrollable {
    max-height: 80vh !important;
    overflow-y: auto !important;
  }
}

/* RTN HOUSE ÖZEL menüsü her zaman görünür */
li.rtn-house-menu > a {
  color: #0993FA !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* ============================================================
   HERO — 3 CİHAZDA DÜZGÜN
   ============================================================ */
@media (max-width: 1024px) {
  .hero .buttons-home-inner .row {
    margin: 0;
  }
  .hero .buttons-home-inner .col-lg-6,
  .hero .buttons-home-inner .col-md-6 {
    padding: 0 8px;
  }
  .hero .home-badges,
  .hero .badges {
    transform: scale(0.85);
    transform-origin: top right;
  }
}

@media (max-width: 767px) {
  .hero {
    padding: 30px 12px;
  }
  .hero .change-text {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }
  .hero .p2 {
    font-size: 28px !important;
  }
  .hero .home-inner-sub-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 12px 0 18px !important;
  }
  /* Butonlar dikey stack — overlap ve taşma yok */
  .hero .buttons-home-inner .row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }
  .hero .buttons-home-inner .col-lg-6,
  .hero .buttons-home-inner .col-md-6,
  .hero .buttons-home-inner .col-xs-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }
  .hero .buttons-home-inner .btn-iletisim {
    width: 100%;
    justify-content: center;
  }
  .hero .home-badges {
    display: none !important;
  }
}

/* ============================================================
   SECTION GENEL — padding küçült mobile/tablet
   ============================================================ */
@media (max-width: 991px) {
  .medium-padding100 { padding: 60px 0 !important; }
  .medium-padding80  { padding: 50px 0 !important; }
  .crumina-module    { padding: 30px 15px; }
  .heading-title     { font-size: 30px !important; line-height: 1.2 !important; }
  .crumina-heading-title { font-size: 28px !important; }
}

@media (max-width: 767px) {
  .medium-padding100 { padding: 40px 0 !important; }
  .medium-padding80  { padding: 35px 0 !important; }
  .heading-title     { font-size: 24px !important; }
  .crumina-heading-title { font-size: 22px !important; }
  section, .section  { padding-left: 8px !important; padding-right: 8px !important; }
}

/* ============================================================
   "NELER YAPIYORUZ?" — 6 hizmet kartı (Web Tasarım, Yazılım, vs)
   Desktop 3x2, Tablet 3x2, Mobile 2x3
   ============================================================ */
@media (max-width: 991px) {
  .info-box,
  .crumina-info-box {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .info-box,
  .crumina-info-box {
    padding: 18px !important;
    text-align: center;
  }
}

/* ============================================================
   "NELER YAPTIK?" — 7 RTN PROJE MOCKUP'LARI
   Slider'lar mobile/tablet'te DOKUNULMASIN — normal slider olarak kalsın
   (kullanıcı sağa-sola kaydırır)
   ============================================================ */

/* ============================================================
   KART GENEL — resim mobile'da kırılmasın
   ============================================================ */
.info-box img,
.crumina-info-box img,
.info-box .post-thumb img,
.crumina-info-box .post-thumb img,
section img {
  max-width: 100%;
  height: auto;
}

/* ============================================================
   "KİMLERLE ÇALIŞIYORUZ?" — Müşteri logoları
   Slider'lara DOKUNMA — kullanıcı sağa-sola kaydırır
   ============================================================ */

/* ============================================================
   FAQ — "Neler Soruyorsunuz?"
   Tablet 2 sütun, Mobile 1 sütun
   ============================================================ */
@media (max-width: 991px) and (min-width: 768px) {
  .faq-list .col-lg-6,
  .faq-list .col-md-6 {
    width: 50% !important;
    flex: 0 0 50% !important;
  }
}

@media (max-width: 767px) {
  .faq-list .col-lg-6,
  .faq-list .col-md-6,
  .faq-list .col-sm-12 {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 12px;
  }
}

/* ============================================================
   YORUMLAR — "Neler Söylediler?"
   ============================================================ */
@media (max-width: 991px) {
  .testimonial-item {
    padding: 20px;
    margin-bottom: 16px;
  }
}

/* ============================================================
   BLOG / YAZILAR ROW — Kartlar tek sırada kırılmasın
   ============================================================ */
@media (max-width: 991px) {
  .post-style3, .post-thumb {
    margin-bottom: 20px;
  }
}

/* ============================================================
   FOOTER
   ============================================================ */
@media (max-width: 767px) {
  .footer .col-lg-3,
  .footer .col-md-3,
  .footer .col-lg-6,
  .footer .col-md-6 {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 24px;
    text-align: center;
  }
  .sub-footer {
    padding: 16px 8px !important;
    text-align: center;
  }
}

/* ============================================================
   GENEL ROW — Bootstrap col-lg/md/sm fallback
   ============================================================ */
@media (max-width: 991px) {
  .row { margin-left: -8px !important; margin-right: -8px !important; }
  .row > [class*="col-"] { padding-left: 8px !important; padding-right: 8px !important; }
}

/* Tablet'te col-lg-3 → 2 sütun */
@media (max-width: 991px) and (min-width: 768px) {
  .col-lg-3.col-md-3 { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
}

/* Mobile'da hepsi tek sütun */
@media (max-width: 767px) {
  .col-lg-3, .col-lg-4, .col-lg-6,
  .col-md-3, .col-md-4, .col-md-6 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* ============================================================
   OVERLAP ÖNLEME (papatya-hero dersi)
   Çevirili buton / yazı uzunluk taşmasın
   ============================================================ */
.btn-iletisim, .btn--orange, .btn--grey {
  word-break: break-word;
  white-space: normal;
}

@media (max-width: 767px) {
  .btn-iletisim .text {
    font-size: 13px !important;
    padding: 6px 12px !important;
  }
}

/* ============================================================
   GÖRSEL CONTAINER OVERFLOW (3D, matrix, code-rain)
   ============================================================ */
@media (max-width: 991px) {
  .code-rain-layer {
    overflow: hidden;
  }
}

/* ============================================================
   PROJE MOCKUP'LARI — Mobile cihaz frame içinde gözüksün
   ============================================================ */
@media (max-width: 991px) {
  .crumina-module .device-mockup,
  .crumina-module .mockup-image {
    max-width: 280px;
    margin: 0 auto;
  }
}

/* ============================================================
   "NASIL ÇALIŞIYORUZ?" — 4 adım
   Tablet 2x2, Mobile 1x4
   ============================================================ */
@media (max-width: 991px) and (min-width: 768px) {
  .crumina-step-item,
  .step-item {
    width: 50% !important;
    flex: 0 0 50% !important;
    margin-bottom: 24px;
  }
}