/* Center text globally on small screens (exclude admin dashboard) */
@media (max-width: 992px) {
  body:not(.dashboard-body),
  body:not(.dashboard-body) main,
  body:not(.dashboard-body) header,
  body:not(.dashboard-body) footer,
  body:not(.dashboard-body) .container,
  body:not(.dashboard-body) .row,
  body:not(.dashboard-body) [class*="col-"],
  body:not(.dashboard-body) h1,
  body:not(.dashboard-body) h2,
  body:not(.dashboard-body) h3,
  body:not(.dashboard-body) h4,
  body:not(.dashboard-body) h5,
  body:not(.dashboard-body) h6,
  body:not(.dashboard-body) p,
  body:not(.dashboard-body) ul,
  body:not(.dashboard-body) li,
  body:not(.dashboard-body) a,
  body:not(.dashboard-body) .btn {
    text-align: center !important;
  }

  /* Center navbar items when collapsed */
  body:not(.dashboard-body) .navbar .navbar-collapse { text-align: center !important; }
  body:not(.dashboard-body) .navbar .navbar-nav { justify-content: center !important; }
  body:not(.dashboard-body) .navbar .dropdown-menu { text-align: center !important; }

  /* Footer centering */
  body:not(.dashboard-body) .footer .row > div { text-align: center !important; }
  body:not(.dashboard-body) .footer .row > div::before { display: none !important; }
  body:not(.dashboard-body) .footer .row.align-items-center { justify-content: center !important; }
  body:not(.dashboard-body) .footer .text-md-end { text-align: center !important; }
  body:not(.dashboard-body) .footer .social-links a { margin: 0 8px !important; }
}

@media (max-width: 768px) {
  /* Make buttons easier to tap on mobile */
  body:not(.dashboard-body) .btn.btn-modern,
  body:not(.dashboard-body) .btn-primary,
  body:not(.dashboard-body) .btn {
    width: 100%;
    max-width: 420px;
  }
}

  /* Exceptions: keep offer action buttons sized properly on mobile */
  body:not(.dashboard-body) .offer-actions .btn { width: auto; max-width: none; }
  body:not(.dashboard-body) .offer-actions .btn.btn-primary { flex: 1 1 auto; }
  body:not(.dashboard-body) .offer-actions .btn.btn-outline-primary {
    width: 48px; min-width: 48px; height: 48px; padding: 0; border-radius: 50%;
  }


/* Footer: center content on small screens (exclude admin) */
@media (max-width: 768px) {
  body:not(.dashboard-body) .footer .row { justify-content: center !important; }
  body:not(.dashboard-body) .footer .row > div { text-align: center !important; }
  body:not(.dashboard-body) .footer .text-md-end { text-align: center !important; }
  body:not(.dashboard-body) .footer .social-links { display: flex; justify-content: center !important; }
  body:not(.dashboard-body) .footer .list-unstyled {
    display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 0;
  }
  
  /* إزالة المسافة بين الـ navbar والـ hero section */
  body:not(.dashboard-body) .hero-section,
  body:not(.dashboard-body) main {
    margin-top: 10px !important;
    padding-top: 35px !important;
  }
  
  body:not(.dashboard-body) .hero-section::before {
    top: 0 !important;
  }
}