/* style.css - افتراضي لإصلاح خطأ 404 */


/* يمكنك إضافة المزيد من التنسيقات حسب الحاجة */

/* Mobile: increase map height for phones to improve visibility */
/* Option 1: use viewport height for flexible sizing */
@media (max-width: 768px) {
  /* if your map uses class "map" or id "map" both are covered */
  .map, #map {
    height: 70vh !important; /* fills 70% of the viewport height on phones */
    min-height: 300px;      /* keep a sensible minimum */
  }
}

/* Option 2 (alternative): if you prefer the map to take the full available height
   minus header/footer, use something like:
@media (max-width: 768px) {
  .map, #map { height: calc(100vh - 120px) !important; }
}
*/
@media (max-width: 768px) {
  .logo {
    display: none !important;
  }
}