/* ====================================================================
   Fitness Talent Events Foundation
   Responsive Breakpoints & Mobile Optimization
   ==================================================================== */

/* Extra Large Screens (>= 1400px) */
@media (min-width: 1400px) {
  .hero-main-title {
    font-size: 4rem;
  }
}

/* Large Screens / Desktops (<= 1200px) */
@media (max-width: 1200px) {
  .hero-main-title {
    font-size: 3.25rem;
  }
  .section-title {
    font-size: 2rem;
  }
  .navbar-brand-logo {
    max-width: 190px;
    height: 42px;
  }
}

/* Tablets & Small Desktops (<= 991px) */
@media (max-width: 991px) {
  .fte-header {
    padding: 0.6rem 0;
  }

  .hero-main-title {
    font-size: 2.75rem;
  }

  .hero-badge-strip {
    font-size: 1.15rem;
    padding: 0.3rem 1rem;
  }

  .stat-box {
    margin-bottom: 0.75rem;
  }

  .sponsor-banner-wrap {
    padding: 1.75rem 1.25rem;
    text-align: center;
  }

  .cta-banner-strip {
    text-align: center;
  }

  .cta-banner-phone {
    font-size: 1.9rem;
    margin: 1rem 0;
  }

  .cta-banner-actions {
    justify-content: center;
  }

  /* Form columns stack */
  .registration-form-wrap {
    margin-bottom: 2rem;
  }
}

/* Tablets (<= 768px) */
@media (max-width: 768px) {
  html {
    font-size: 15px;
  }

  .fte-hero {
    padding: 3rem 0 2rem;
  }

  .hero-main-title {
    font-size: 2.25rem;
  }

  .hero-subtitle {
    font-size: 1.1rem;
  }

  .section-title {
    font-size: 1.75rem;
  }

  .prize-amount {
    font-size: 2.25rem;
  }

  .event-card-img-wrap {
    height: 190px;
  }

  .footer-heading {
    margin-top: 1rem;
  }

  /* Floating WhatsApp becomes more compact */
  .floating-whatsapp-btn {
    bottom: 16px;
    right: 16px;
    padding: 0.65rem 1rem;
    font-size: 0.88rem;
  }

  .back-to-top {
    bottom: 16px;
    left: 16px;
    width: 38px;
    height: 38px;
  }
}

/* Mobile Devices (<= 576px) */
@media (max-width: 576px) {
  html {
    font-size: 14.5px;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-brand-logo {
    max-width: 155px;
    height: 36px;
  }

  .hero-main-title {
    font-size: 1.95rem;
  }

  .hero-badge-strip {
    font-size: 1rem;
    letter-spacing: 1px;
  }

  .hero-ctas {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }

  .hero-ctas .btn {
    width: 100%;
  }

  .fte-card {
    padding: 1.25rem;
  }

  .prize-card {
    padding: 1.5rem 1rem;
  }

  .prize-amount {
    font-size: 2rem;
  }

  .cta-banner-phone {
    font-size: 1.6rem;
  }

  /* Registration steps on mobile */
  .reg-step-item {
    font-size: 0.8rem;
  }

  .reg-step-number {
    width: 28px;
    height: 28px;
    font-size: 0.85rem;
  }

  /* Hide floating text on very small screen, show icon only */
  .floating-whatsapp-text {
    display: none;
  }

  .floating-whatsapp-btn {
    padding: 0.65rem;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    justify-content: center;
  }
}

/* Ultra Small Screens (320px - 375px) */
@media (max-width: 375px) {
  .navbar-brand-logo {
    max-width: 135px;
    height: 32px;
  }

  .hero-main-title {
    font-size: 1.7rem;
  }

  .hero-badge-strip {
    font-size: 0.9rem;
    padding: 0.25rem 0.75rem;
  }

  .section-title {
    font-size: 1.55rem;
  }

  .stat-number {
    font-size: 1.5rem;
  }

  .btn-fte-primary,
  .btn-fte-whatsapp,
  .btn-fte-outline-gold {
    padding: 0.65rem 1rem;
    font-size: 0.88rem;
  }
}

/* Safe Print Styles */
@media print {
  .fte-header,
  .fte-footer,
  .floating-whatsapp-btn,
  .back-to-top,
  .cta-banner-strip {
    display: none !important;
  }

  body {
    background: #ffffff !important;
    color: #000000 !important;
  }
}