/* ===================================================================
   Indian Loop Premium — responsive.css
   Mobile-first tweaks. Most layout is already responsive via grid.
   This file targets edge cases and touch ergonomics.
   =================================================================== */

@media (max-width: 900px) {
    .ilp-main { padding-bottom: 64px; }
    .ilp-share--rail { display: none; }
    .ilp-section-header { gap: 8px; }
    .ilp-section-more { font-size: 13px; }
    .ilp-newsletter__inner { text-align: center; }
    .ilp-share { gap: 6px; }
    .ilp-share__btn { width: 38px; height: 38px; }
}

@media (max-width: 720px) {
    body { font-size: 15px; }
    .ilp-article__body { font-size: 17px; }
    .ilp-article__hero { margin: 0 -16px 16px; border-radius: 0; }
    .ilp-article__hero-img { border-radius: 0; }
    .ilp-card-grid { gap: 14px; }
    .ilp-poll__card { padding: 18px; }
    .ilp-cricket-card__teams { font-size: 14px; }
    .ilp-cricket-card__score { font-size: 20px; }
}

@media (max-width: 480px) {
    .ilp-topbar__weather { display: none; }
    .ilp-card__cat, .ilp-card__breaking { font-size: 10px; padding: 2px 8px; }
    .ilp-trending__rank { font-size: 22px; min-width: 28px; }
    .ilp-stories__rail .ilp-story-card { flex: 0 0 130px; }
    .ilp-reels .ilp-video-card { flex: 0 0 180px; }
    .ilp-scroll-top { right: 12px; bottom: 76px; width: 40px; height: 40px; }
}

/* Touch ergonomics */
@media (hover: none) and (pointer: coarse) {
    .ilp-card:hover { transform: none; box-shadow: none; }
    .ilp-card:hover .ilp-card__media img { transform: none; }
    .ilp-btn { padding: 12px 20px; } /* larger tap target */
    .ilp-tool-btn { width: 44px; height: 44px; }
}

/* Print */
@media print {
    .ilp-header, .ilp-footer, .ilp-mobile-bar, .ilp-share, .ilp-related,
    .ilp-ai-recs, .ilp-newsletter, .ilp-scroll-top, .ilp-push-prompt,
    .ilp-ad, .ilp-reading-progress, .ilp-ticker, .ilp-breaking-alert { display: none !important; }
    body { background: #fff; color: #000; }
    .ilp-article__title { font-size: 24pt; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}