/* ============================================================
   Rendia - Mobil uyumluluk duzeltmeleri / mobile fixes
   Tarih: 2026-10-19
   Mevcut sayfa CSS'ini DEGISTIRMEZ; sadece <=900px'de bozulan
   bolumleri override eder (test: iframe 375/390px).
   ============================================================ */

@media (max-width: 900px){
  html, body { max-width: 100%; overflow-x: hidden; }
}

/* HIZMETLER (/hizmetlerimiz): mobilde .svc-img-wrap 220px ama
   <img> 360px sabit -> resim tasip basligin ustune biniyordu. */
@media (max-width: 900px){
  .svc-img-wrap { height: auto !important; }
  .svc-img-wrap img { height: 200px !important; }
}

/* ODALAR (/odalarimiz): .room-badge absolute; top+bottom birlikte
   olunca tum yukseklige gerilip dikey bar oluyordu. */
@media (max-width: 900px){
  .room-badge { top: auto !important; height: auto !important; align-items: flex-end !important; flex-wrap: wrap !important; }
  .room-badge .badge { height: auto !important; align-self: flex-end !important; white-space: nowrap; }
}

/* ILETISIM (/iletisim): 2 sutunlu grid mobilde tek sutuna inmiyor,
   harita/flex cocuklar min-width:auto yuzunden tasiyordu. */
@media (max-width: 900px){
  .contact-section { grid-template-columns: 1fr !important; }
  .contact-info, .contact-form-wrap, .map-container, .info-card, .quick-strip-inner { max-width: 100% !important; min-width: 0 !important; }
  .map-container iframe, jodit { max-width: 100% !important; }
}