/* Mobile layout fixes — SEO audit block 5 */

@media (max-width: 768px) {
    .section-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .section-title .float-end {
        float: none !important;
        margin-left: auto;
    }

    .hero-search .input-group {
        flex-wrap: wrap;
    }

    .hero-search .d-flex {
        flex-direction: column;
    }

    .hero-search .d-flex .form-select,
    .hero-search .d-flex .form-control,
    .hero-search .d-flex .btn {
        max-width: none;
        width: 100%;
    }

    .hero-search .form-control {
        border-radius: 0.375rem 0.375rem 0 0;
        width: 100%;
    }

    .hero-search .btn {
        border-radius: 0 0 0.375rem 0.375rem;
        width: 100%;
    }

    .catalog-filters-mobile__summary {
        cursor: pointer;
        font-weight: 600;
        padding: 0.5rem 0;
        list-style: none;
    }

    .catalog-filters-mobile__summary::-webkit-details-marker {
        display: none;
    }

    .catalog-filters-mobile__body {
        padding-top: 0.75rem;
    }

    .other-editions-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .book-access-note {
        margin-top: 0.5rem;
        margin-bottom: 0;
    }

    .book-card__meta-line .rights-badge {
        display: inline-block;
        margin-top: 0.35rem;
    }
}

@media (min-width: 769px) {
    .catalog-filters-mobile__summary {
        display: none;
    }

    .catalog-filters-mobile > .catalog-filters-mobile__body {
        display: block;
    }
}

@media (max-width: 576px) {
    .about-author__grid {
        grid-template-columns: 1fr;
    }

    .about-author__photo img,
    .about-author__photo-placeholder {
        width: 72px;
        height: 72px;
    }

    .work-card__cover-placeholder-letter {
        font-size: 2rem;
    }
}