/* ─── Theme 3 — Responsive (RTL) ────────────────────────────────────────── */

/* ═══ MOBILE TWEAKS ═══════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  body { font-size: 0.9375rem; }

  .fotter-socilIcon {
    bottom: 70px; /* above mobile bottom nav */
    width: 42px;
    height: 42px;
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  .container, .container-fluid { --bs-gutter-x: 0.75rem; }
}

/* ═══ SAFE AREA ═══════════════════════════════════════════════════════════ */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .fotter-socilIcon {
    bottom: calc(70px + env(safe-area-inset-bottom, 0));
  }
}