/* ============================================
   MOBILE ABOVE-THE-FOLD OPTIMIZATION
   Only affects screens <= 768px
   Desktop layout is completely untouched
   ============================================ */

@media (max-width: 768px) {

  /* === PREDICTIONS PAGE === */

  /* Hide narrative intro text on mobile */
  .prediction-intro {
    display: none !important;
  }

  /* Hide Bold Takes section on mobile */
  .bold-takes-card {
    display: none !important;
  }

  /* Compact tournament hero */
  .tournament-hero {
    padding: 10px 0 8px !important;
  }
  .tournament-hero .container {
    padding: 0 12px !important;
  }
  .tournament-hero .tournament-title {
    font-size: 1.2rem !important;
    margin: 4px 0 !important;
  }
  .tournament-hero .tournament-meta {
    font-size: 0.75rem !important;
    margin: 2px 0 !important;
  }
  .tournament-hero .badge {
    font-size: 0.7rem !important;
    padding: 2px 8px !important;
    margin-bottom: 4px !important;
  }

  /* Compact live pulse bar */
  .live-pulse-bar {
    padding: 4px !important;
    font-size: 0.65rem !important;
  }

  /* Tighter betting board */
  .betting-board {
    padding: 0.8rem !important;
    margin-bottom: 1rem !important;
    border-radius: 10px !important;
  }
  .bb-header {
    margin-bottom: 0.6rem !important;
  }
  .bb-title {
    font-size: 1.1rem !important;
  }
  .bb-subtitle {
    font-size: 0.7rem !important;
  }
  .bb-card {
    padding: 0.6rem !important;
  }

  /* Compact quick picks bar */
  .qp-bar {
    padding: 0.6rem !important;
    margin: 0.6rem 0 !important;
    gap: 0.3rem !important;
  }
  .qp-item {
    padding: 0.3rem 0.2rem !important;
  }
  .qp-event {
    font-size: 0.5rem !important;
  }
  .qp-name {
    font-size: 0.8rem !important;
  }
  .qp-elo {
    font-size: 0.6rem !important;
  }

  /* Compact prediction cards */
  .prediction-card {
    margin: 12px 0 !important;
    padding: 10px 12px !important;
  }
  .prediction-event {
    font-size: 0.85rem !important;
  }
  .prediction-headline {
    font-size: 1rem !important;
    margin-bottom: 4px !important;
  }
  .prediction-note {
    font-size: 0.78rem !important;
    margin: 4px 0 !important;
  }
  .picks-grid {
    gap: 0.5rem !important;
  }
  .pick--gold {
    padding: 0.8rem 1rem !important;
  }
  .pick-name {
    font-size: 1rem !important;
  }

  /* === TODAY/DAILY PREDICTIONS PAGE === */

  /* Compact hero section */
  .dp-hero {
    padding: 12px 12px 8px !important;
  }
  .dp-hero h1 {
    font-size: 1.2rem !important;
    margin: 0 0 4px !important;
  }
  .dp-hero .subtitle {
    font-size: 0.75rem !important;
  }
  .dp-hero .date-badge {
    padding: 3px 10px !important;
    font-size: 0.75rem !important;
    margin: 6px 0 !important;
  }
  .dp-hero .match-count {
    font-size: 0.7rem !important;
    margin-top: 2px !important;
  }

  /* Tighter bettable section */
  .bettable-section {
    margin: 0 auto 12px !important;
    padding: 0 10px !important;
  }
  .bettable-card {
    padding: 12px !important;
    border-radius: 10px !important;
  }
  .bettable-header {
    margin-bottom: 10px !important;
  }
  .bettable-header h2 {
    font-size: 0.9rem !important;
  }
  .bettable-divider {
    margin-bottom: 10px !important;
  }
  .bettable-match {
    padding: 10px 12px !important;
    margin-bottom: 6px !important;
  }

  /* Hide 4th and 5th bettable matches on mobile (show top 3 only) */
  .bettable-match:nth-child(n+4) {
    display: none !important;
  }

  /* Tighter daily prediction cards */
  .dp-container {
    padding: 0 10px 20px !important;
  }
  .dp-card {
    padding: 8px 10px !important;
    margin: 5px 0 !important;
  }
  .dp-event-section {
    margin: 14px 0 !important;
  }
  .dp-event-title {
    font-size: 0.95rem !important;
    margin-bottom: 6px !important;
    padding-bottom: 4px !important;
  }

  /* Compact pred cards (shared between pages) */
  .pred-card {
    margin-bottom: 8px !important;
  }
  .pred-card-inner {
    padding: 8px !important;
  }
  .pred-matchup {
    gap: 4px !important;
  }
  .pred-player-name {
    font-size: 0.85rem !important;
  }
  .match-projections {
    margin-top: 4px !important;
  }
  .proj-grid {
    gap: 4px !important;
  }
  .bl-row {
    padding: 4px 8px !important;
    margin-top: 4px !important;
  }

  /* === GLOBAL MOBILE TIGHTENING === */

  /* Tighten all section headers */
  h1, h2, .section-title {
    margin-top: 8px !important;
    margin-bottom: 6px !important;
  }

  /* Prevent horizontal scroll */
  body, main, .container {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Keep betting board swipeable */
  .bb-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Public picks compact */
  .public-picks {
    margin-top: 4px !important;
  }
  .pp-buttons {
    gap: 4px !important;
  }
  .pp-btn {
    padding: 6px 8px !important;
    font-size: 0.75rem !important;
  }

  /* Footer disclaimer compact */
  .dp-footer {
    padding: 10px !important;
    margin-top: 10px !important;
    font-size: 0.7rem !important;
  }

  /* Prediction CTA compact */
  .prediction-cta {
    margin-top: 8px !important;
  }
  .prediction-cta p {
    font-size: 0.8rem !important;
  }
}