/* ═══════════════════════════════════════════════
   Candeur Mobile Optimizations
   Mobile-first responsive styles
   ═══════════════════════════════════════════════ */

@media (max-width: 480px) {
  html { font-size: 15px; }
}

/* Touch targets */
a, button, .nav-item, .mnav-item, .ftab, .page-link, .tab-btn {
  min-height: 44px;
}

/* No horizontal scroll */
body { overflow-x: hidden; max-width: 100vw; }
img, video, iframe { max-width: 100%; }

/* Responsive forms */
@media (max-width: 768px) {
  .form-group { margin-bottom: var(--sp-sm); }
  .input-group { flex-direction: column; }
  .input-group .form-control { border-radius: var(--r-sm); }
  .input-group .btn { border-radius: var(--r-sm); margin-top: var(--sp-xs); }
}

/* Mobile typography adjustments */
@media (max-width: 768px) {
  .section { padding: var(--sp-lg) 0; }
  .page-hero { padding: calc(var(--header-h) + var(--sp-lg)) 0 var(--sp-lg); }
  .content-page { padding: var(--sp-lg) 0; }
}

/* Print styles */
@media print {
  .main-header, .mobile-bottom-nav, .main-footer, .back-to-top, .hero-scroll-indicator, .mobile-toggle {
    display: none !important;
  }
  body { padding-bottom: 0 !important; }
  .hero-section { min-height: auto; padding: 20px 0; }
}