/*
 * mobile.css — Dağ & Deniz Travel responsive overrides
 * Loaded after responsive.css so these rules take precedence over template defaults.
 * All rules target specific breakpoints to avoid affecting desktop layouts.
 */

/* ── Page header: reduce excessive vertical padding on mobile ── */
@media (max-width: 768px) {
  .page-header { padding: 40px 0 !important; }
}
@media (max-width: 480px) {
  .page-header { padding: 24px 0 !important; }
}

/* ── Google Maps iframe: full-width, fixed height, no overflow ── */
.google-map__contact {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
  max-width: 100%;
}
@media (max-width: 576px) {
  .google-map__contact { height: 280px; }
}

/* ── Newsletter section: stack title and form on tablet/mobile ── */
@media (max-width: 992px) {
  .mailchimp-one .col-lg-5,
  .mailchimp-one .col-lg-7 { margin-bottom: 16px; }
}

/* ── Tour / Destination sidebar: add top spacing when stacked below lg ── */
@media (max-width: 992px) {
  .tour-sidebar { margin-top: 40px; }
}

/* ── Search bar: wrap button to new line on small phones ── */
@media (max-width: 480px) {
  .dnd-search-bar { flex-wrap: wrap !important; }
  .dnd-search-bar input  { width: 100%; }
  .dnd-search-bar button { width: 100%; }
}

/* ── WhatsApp floating button: slightly smaller on very small screens ── */
@media (max-width: 480px) {
  .whatsapp-float {
    width: 48px;
    height: 48px;
    bottom: 16px;
    right: 16px;
  }
  .whatsapp-float img { width: 24px; height: 24px; }
}

/* ── Card bottom margin when stacking from 2 → 1 column ── */
@media (max-width: 576px) {
  .tour-one__single,
  .destinations-three__single { margin-bottom: 24px; }
}

/* ── Ensure all images never overflow their container ── */
img { max-width: 100%; height: auto; }

/* ── Footer logo: respect max-width instead of hard pixel attribute ── */
.footer-widget__logo img { width: 100%; max-width: 123px; height: auto; }