/* ============================================
   Touch targets – minimum 44×44px for mobile
   (Apple HIG 44pt, Material 48dp)
   ============================================ */

/* Language selector: larger tap area on touch devices */
#lang-select {
  min-height: 48px;
  min-width: 48px;
  padding: 12px 36px 12px 16px;
}
@media (max-width: 767px) {
  #lang-select {
    padding: 14px 40px 14px 18px;
    font-size: 1rem;
  }
}

/* Header logo link: ensure tap area around 48px image */
#header a[href="index.html"],
#header a[href^="./"] {
  padding: 6px;
  min-width: 48px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Calendar prev/next buttons (w-10 h-10 = 40px → too small) */
#calendar button.w-10.h-10,
#calendar .flex.space-x-2 button {
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
}

/* Social icon links in footer and elsewhere (w-10 h-10 = 40px) */
a.w-10.h-10.rounded-full,
footer a.rounded-full[href*="instagram"],
footer a.rounded-full[href*="x.com"] {
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Footer and policy-page list links: taller tap area */
#footer ul li a,
footer ul li a {
  min-height: 44px;
  padding: 10px 4px;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
}

/* Small primary buttons (e.g. Delete-Your-Data "Send Request") */
a[href^="mailto:"].rounded-lg {
  min-height: 48px;
  padding: 14px 20px;
}

/* RTL (Urdu) and i18n layout support */
html.dir-rtl { direction: rtl; }
html.dir-rtl body { direction: rtl; text-align: right; }
html.dir-rtl .section-inner { padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px) {
  html.dir-rtl .section-inner { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 768px) {
  html.dir-rtl .section-inner { padding-left: 2rem; padding-right: 4rem; }
}
@media (min-width: 1024px) {
  html.dir-rtl .section-inner { padding-left: 2rem; padding-right: 5rem; }
}
html.dir-rtl #lang-select { padding-left: 2rem; padding-right: 0.75rem; }
html.dir-rtl .absolute.right-2 { right: auto; left: 0.5rem; }

/* Hero RTL (Urdu): desktop – image left, text right */
@media (min-width: 768px) {
  html.dir-rtl .hero-grid { direction: rtl; }
  html.dir-rtl .hero-grid .hero-content { direction: rtl; text-align: right; }
  html.dir-rtl .hero-bg-img { margin-left: 0; margin-right: 52%; object-position: left center; }
}