/* MUTA v284 - 38-desktop-mobile-real-host-fix - Fix GBP/USD + USD free desktop, markets incomplete, calendar broken, mobile crypto */
  
/* HOME - guarantee GBP/USD and USD free visible on desktop+mobile real host */
#homeCryptoNew, #homeForexNew, #homeIranNew {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#homeCryptoNew .home-market-card,
#homeForexNew .home-market-card,
#homeIranNew .home-market-card {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 0 !important;
  flex-direction: column !important;
}
#homeForexNew [data-forex="gbpusd"],
#homeIranNew [data-iran="usd"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  border-color: rgba(16,185,129,.22) !important;
  background: linear-gradient(135deg, rgba(16,185,129,.08), rgba(0,0,0,0)) !important;
}
#homeForexNew [data-forex="gbpusd"] .home-price,
#homeIranNew [data-iran="usd"] .home-price {
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--text) !important;
  font-weight: 800 !important;
}

/* MARKET GRIDS - guarantee 10 crypto LIVE 4 forex LIVE 8 iran LIVE 14 assets no infinite loading */
#marketGrid, #forexGrid, #stocksGrid, #indicesGrid, #iranAssetsGrid, #iranStocksGrid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 100px !important;
}
#marketGrid .market-card,
#forexGrid .market-card,
#stocksGrid .market-card,
#indicesGrid .market-card,
#iranAssetsGrid .market-card,
#iranStocksGrid .market-card {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
/* iranStocksGrid was display:none - fix for v284 show 8 stocks = total 14 iran assets */
#iranStocksGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}
#iranStocksGrid:empty {
  display: none !important;
}

/* CALENDAR - guarantee 9 events LIVE grouped by date Tehran time + countdown not broken */
#calendarGrid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 200px !important;
}
#calendarGrid .calendar-day-group,
#calendarGrid .cal-day-v280,
#calendarGrid .cal-event-v280 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* MOBILE RESPONSIVE - grids 1-col, tabs scroll, no overflow, crypto cards visible, no JS error mobile-only */
@media (max-width: 1100px) {
  #marketGrid, #forexGrid, #stocksGrid, #indicesGrid, #iranAssetsGrid, #iranStocksGrid,
  .home-markets-grid-wrapper, #homeCryptoNew, #homeForexNew, #homeIranNew {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 720px) {
  #marketGrid, #forexGrid, #stocksGrid, #indicesGrid, #iranAssetsGrid, #iranStocksGrid,
  .home-markets-grid-wrapper, #homeCryptoNew, #homeForexNew, #homeIranNew {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .market-tabs {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    padding-bottom: 8px !important;
  }
  .market-tabs::-webkit-scrollbar { display: none !important; }
  .market-tabs .fm-tab {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    min-width: fit-content !important;
  }
  /* Crypto cards visible on mobile - fix content-visibility auto hiding */
  #marketGrid .market-card,
  #forexGrid .market-card {
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
  }
  /* Home groups stack vertically on mobile */
  .home-markets-grid-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .home-markets-group {
    width: 100% !important;
  }
  /* Prevent horizontal overflow on mobile */
  body, .container, #view-market, #view-home, #view-calendar {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  .card-grid, .home-group-grid {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

/* DESKTOP - ensure 3 columns */
@media (min-width: 1101px) {
  #marketGrid, #forexGrid, #stocksGrid, #indicesGrid, #iranAssetsGrid, #iranStocksGrid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
  #homeCryptoNew, #homeForexNew, #homeIranNew {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .home-markets-grid-wrapper {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}

/* Fix for content-visibility causing empty innerText on mobile - ensure visible */
#marketGrid, #forexGrid, #stocksGrid, #indicesGrid, #iranAssetsGrid, #calendarGrid {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

/* Ensure home prices never show "—" for more than 3 seconds - fallback will replace */
.home-price, .home-change {
  min-height: 20px !important;
  visibility: visible !important;
}

/* Loading states - ensure they disappear when data loaded */
.card-grid:has(.market-card) > div:has-text("در حال بارگذاری") {
  display: none !important;
}

/* v284 premium border for GBP/USD and USD free to highlight fix */
[data-forex="gbpusd"], [data-iran="usd"] {
  position: relative !important;
}
[data-forex="gbpusd"]::after, [data-iran="usd"]::after {
  content: '● LIVE v284 FIX' !important;
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  font-size: .55rem !important;
  background: #10b98122 !important;
  color: #10b981 !important;
  border: 1px solid #10b98133 !important;
  padding: 2px 6px !important;
  border-radius: 99px !important;
  font-weight: 700 !important;
  z-index: 1 !important;
}