/* Mobile and Responsive Fixes */

/* 1. Learn More button margin-bottom on smaller devices */
@media (max-width: 768px) {
  .title_sections .theme-btn {
    margin-bottom: 20px !important;
  }
}

/* 2. Contact map section background - blend with waves from Languages section */
section.contact-map-section {
  background-color: #f0f3f9 !important;
  background: #f0f3f9 !important;
}

/* 3. Opening Hours line breaks for Saturday and Sunday on smaller devices */
@media (max-width: 768px) {
  .footer_widgets.get_in_touch_foo .con_content p {
    white-space: pre-line !important;
    word-break: break-word !important;
  }
  
  /* Ensure proper line breaks for Saturday and Sunday */
  .footer_widgets.get_in_touch_foo .con_content p br {
    display: block !important;
    content: "" !important;
  }
  
  /* Force line breaks before Saturday and Sunday */
  .footer_widgets.get_in_touch_foo .con_content p {
    line-height: 1.8 !important;
  }
}

/* 4. WhatsApp and Scroll-up button alignment on smaller devices */
@media (max-width: 480px) {
  /* Scroll-up button (prgoress_indicator) - position below WhatsAppFloat */
  .prgoress_indicator {
    right: 35px !important;
    bottom: 10px !important; /* Position below WhatsAppFloat with gap */
  }
  
  /* WhatsApp button - position above scroll-up button */
  .whatsapp-float,
  .whatsapp-float-right {
    right: 35px !important;
    left: auto !important;
    bottom: 75px !important; /* Position above scroll-up button */
    z-index: 999998 !important; /* Higher than scroll-up button */
  }
}

/* 5. Service post margin-bottom on smaller devices */
@media (max-width: 768px) {
  .service_post.style_one {
    margin-bottom: 70px !important;
  }
}