/* ==========================================================================
   FOUZ DIGITAL - Responsive Overrides (responsive.css)
   Media Queries for Mobile-First Scaling & Fluid Typography
   ========================================================================== */

/* Large screens (min-width 1200px) */
@media (min-width: 1200px) {
  .hero-title {
    font-size: 3.8rem;
  }
}

/* Medium & Small screens (max-width: 1199.98px) */
@media (max-width: 1199.98px) {
  .hero-title {
    font-size: 3.2rem;
    color: #FFFFFF !important;
  }
  .hero-desc {
    color: #FFFFFF !important;
  }
  .hero-graphics-wrapper {
    height: 400px;
  }
  .f-card-1 {
    left: 0;
  }
  .f-card-2 {
    right: 0;
  }
}

/* Tablet screens (max-width: 991.98px) */
@media (max-width: 991.98px) {
  section {
    padding: 70px 0;
  }
  
  .section-title {
    font-size: 2.2rem;
  }
  
  .hero-section {
    padding: 150px 0 80px 0;
    text-align: left;
  }

  /* Force white on all hero text elements on tablet */
  .hero-section h1,
  .hero-section h2,
  .hero-section h3,
  .hero-section h4,
  .hero-section p {
    color: #FFFFFF;
  }
  .hero-section .hero-desc {
    color: #FFFFFF !important;
  }
  
  .hero-desc {
    margin: 0 0 30px 0;
  }
  
  .hero-btn-group {
    justify-content: flex-start;
    margin-bottom: 40px;
  }
  
  .hero-ratings {
    justify-content: flex-start;
  }
  
  .hero-graphics-wrapper {
    margin-top: 60px;
    height: 380px;
  }
  
  .f-card-1 {
    left: -5%;
    top: 5%;
  }
  
  .f-card-2 {
    right: -5%;
    bottom: 10%;
  }
  
  /* Top Contact Bar details hide elements for clarity */
  .top-bar-left a span {
    display: none; /* Only show icons */
  }
  
  /* Mega dropdown list item padding */
  .dropdown-mega-menu .col-lg-3 {
    margin-bottom: 30px;
  }
  
  .dropdown-mega-menu .col-lg-3:last-child {
    margin-bottom: 0;
  }
}

/* Small Mobile screens (max-width: 767.98px) */
@media (max-width: 767.98px) {
  .hero-title {
    font-size: 2.4rem;
  }
  
  .hero-btn-group {
    flex-direction: column;
    gap: 15px;
    width: 100%;
  }
  
  .hero-btn-group a {
    width: 100%;
  }
  
  .hero-graphics-wrapper {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  
  .hero-mockup-container {
    position: static;
    transform: none;
    max-width: 100%;
    margin-bottom: 30px;
  }
  
  /* Stack floating cards statically on mobile */
  .floating-stat-card {
    position: static !important;
    animation: none !important;
    width: 100%;
    max-width: 320px;
    transform: none !important;
    box-shadow: var(--shadow-premium);
  }
  
  .top-bar {
    display: none; /* Hide top bar on mobile for cleaner header */
  }
  
  .footer-bottom-links {
    justify-content: center;
    margin-top: 15px;
  }
  
  .footer-bottom {
    text-align: center;
  }
  
  /* Form Wizard selectors adjust */
  .custom-select-grid {
    grid-template-columns: 1fr;
  }
  
  .quote-progress-wrapper {
    max-width: 100%;
  }
  
  .quote-step-label {
    display: none; /* Hide progress labels on small mobile */
  }
}

/* Very Small Mobile screens (max-width: 480px) */
@media (max-width: 479.98px) {
  .hero-title {
    font-size: 2rem;
  }
  .section-title {
    font-size: 1.8rem;
  }
}