/* ============================================
   LISTE-AUTEURS-MOBILE.CSS
   Responsive pour la page Liste des auteurs (Refonte Premium)
   ============================================ */

/* Icône filtre inline : cachée par défaut, révélée par les media queries mobile ci-dessous */
.search-filter-icon { display: none; }

/* ===== TABLETTE (≤ 1024px) ===== */
@media (max-width: 1024px) {
    .authors-grid-premium {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* ===== DESKTOP TRÈS RÉDUIT (≤ 640px) — 1 auteur par ligne ===== */
@media (max-width: 640px) {
    .authors-grid-premium {
        grid-template-columns: 1fr;
    }
}

/* ===== MOBILE (≤ 500px + pointer:coarse) ===== */
@media (max-width: 500px) and (pointer: coarse),
       (pointer: coarse) and (max-height: 600px) and (orientation: landscape) {
    .page-title-serif {
        font-size: 2.2rem;
        text-align: center;
    }

    .library-search-box {
        order: 0;
        flex: 0 0 100%;
        width: 100%;
        position: relative;
    }

    /* Bouton filtre desktop masqué sur mobile — icône inline dans la search bar */
    .filters-btn {
        display: none !important;
    }

    /* Compteur visible en 2e ligne (droite) */
    .toolbar-authors-count {
        order: 3;
        flex: 0 0 auto;
        font-size: 0.8rem;
        color: var(--text-secondary, #888);
        white-space: nowrap;
    }

    .authors-sort-controls {
        display: none !important;
    }

    /* Icône filtre inline dans la search bar */
    .search-filter-icon {
        display: flex;
        position: absolute;
        right: 0.6rem;
        top: 50%;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        border: none;
        background: transparent;
        color: var(--muted, #888);
        cursor: pointer;
        z-index: 2;
        transition: background 0.2s ease, color 0.2s ease;
        padding: 0;
        box-sizing: border-box;
        line-height: 0;
        font-size: 0;
        flex-shrink: 0;
    }

    .search-filter-icon svg {
        display: block;
        flex-shrink: 0;
        width: 14px;
        height: 14px;
        pointer-events: none;
    }

    .search-filter-icon:active { background: rgba(0, 0, 0, 0.06); }

    .search-filter-icon.has-filters {
        color: white !important;
        background: var(--brand-green, #1A5238);
        border-radius: 50%;
    }

    .search-filter-icon.has-filters svg { stroke: white !important; }

    .library-search-box:has(.search-filter-icon) input { padding-right: 2.8rem; }

    .authors-grid-premium {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .author-card-premium {
        min-height: auto;
        padding: 16px;
    }
}

/* ===== PETIT MOBILE (≤ 480px) ===== */
@media (max-width: 480px) {
    .authors-pagination-container {
        gap: 8px;
        flex-wrap: wrap;
    }

    .card-circle-premium {
        width: 48px;
        height: 48px;
    }

    .card-circle-premium .arabic-domain {
        font-size: 1.25rem;
    }
}