/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablet */
@media (max-width: 900px) {
    .container { padding: 0 16px; }

    .two-col-layout {
        flex-direction: column;
    }

    .surah-list-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    .arabic-text { font-size: 24px; }
}

/* Mobile Large */
@media (max-width: 640px) {
    :root {
        --size-arabic: 22px;
        --size-arabic-lg: 28px;
    }

    .verse-card-header {
        padding: 12px 14px 0;
    }

    .verse-card-body,
    .verse-card-arabic {
        padding-left: 14px;
        padding-right: 14px;
    }

    .verse-card-meta {
        padding: 8px 14px;
        flex-wrap: wrap;
    }

    .page-header {
        padding: 32px 16px;
    }

    .page-header h1 { font-size: 1.5rem; }
    .page-header .arabic-subtitle { font-size: 2rem; }

    .surah-list-grid {
        grid-template-columns: 1fr 1fr;
    }

    .tafsir-tabs { gap: 4px; }
    .tafsir-tab { padding: 5px 10px; font-size: 0.75rem; }
}

/* Mobile Small */
@media (max-width: 480px) {
    :root { --size-arabic: 20px; }

    .surah-list-grid {
        grid-template-columns: 1fr;
    }

    .navbar-brand span:not(.brand-arabic) {
        display: none;
    }

    .audio-player { gap: 8px; padding: 6px 12px; }
    .audio-play-btn { width: 32px; height: 32px; }
}

/* Print */
@media print {
    .navbar, .footer, .audio-player, .verse-card-actions, .tafsir-panel { display: none; }
    body { background: #fff; color: #000; }
    .arabic-text { border: 1px solid #ccc; }
}