/* Janki Agro — public site responsive refinements (loaded after style.css) */

/* Floating buttons: evenly stacked, never overlapping */
#scrollTop     { bottom: 24px; }
.wa-float      { bottom: 82px; }
#rainSoundBtn  { bottom: 146px; }
#birdSoundBtn  { bottom: 204px; }
body:not(:has(#rainSoundBtn)) #birdSoundBtn { bottom: 146px; }

img { max-width: 100%; height: auto; }

@media (max-width: 600px) {
  /* swipe / dots are enough on phones — arrows cover the text */
  .hero-arrows { display: none; }
  .hero-content { padding-left: 34px; padding-right: 34px; }

  /* slimmer side badges */
  .floating-badge-left, .floating-badge-right { padding: 7px 4px !important; gap: 4px !important; opacity: .92; }
  .floating-badge-left .badge-icon, .floating-badge-right .badge-icon { font-size: 14px; }
  .badge-text { font-size: 10px !important; }

  /* smaller floating buttons */
  #scrollTop, .wa-float, #rainSoundBtn, #birdSoundBtn { width: 44px; height: 44px; right: 14px; }
  .wa-float { bottom: 76px; }
  #rainSoundBtn { bottom: 128px; }
  #birdSoundBtn { bottom: 180px; }
  body:not(:has(#rainSoundBtn)) #birdSoundBtn { bottom: 128px; }

  /* comfortable tap targets */
  .nav-links a, .gal-tab, .btn-book, .social-link { min-height: 42px; display: inline-flex; align-items: center; }
}
