/**
 * Public site — listing grids, footer spacing (chat FAB), contact form (mobile)
 * Load after enhancements_v2.1.css on listing pages and other public templates that use the shared header/footer.
 */

@media (max-width: 768px) {
  /*
   * Task: one column on small viewports (main.css used 2-col for products/services at 768).
   */
  .products-grid-page-enhanced,
  .services-grid-page-enhanced {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-lg, 1.5rem) !important;
  }

  /* Space above fixed chat FAB so footer links stay tappable */
  .footer-enhanced {
    padding-bottom: 4.75rem !important;
  }

  .footer-nav-links-enhanced a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .legal-link-enhanced {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
  }

  /* Contact — touch-friendly fields (names/ids unchanged) */
  .contact-form-page-enhanced .form-input-enhanced,
  .contact-form-page-enhanced .form-select-enhanced {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
  }

  .contact-form-page-enhanced .form-textarea-enhanced {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 9rem !important;
  }

  .contact-form-submit-enhanced {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

@media (min-width: 769px) {
  .products-grid-page-enhanced,
  .services-grid-page-enhanced,
  .projects-grid-page-enhanced {
    gap: var(--spacing-xl, 1.75rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-card,
  .product-card-page-enhanced,
  .service-card-page-enhanced,
  .project-card-page-enhanced {
    transition: none !important;
  }
}

/* Detail sidebars - Need Help? gradient CTA (news / product / service / project detail) */
.sidebar-widget-help-cta .sidebar-help-contact-link:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-widget-help-cta .sidebar-help-contact-link:hover {
    transform: none !important;
  }
}