/*
 * Tap targets — the 44x44 CSS px comfort box (Apple HIG, WCAG 2.5.5 AAA).
 *
 * Loaded LAST in the head on purpose: the control styles it corrects live
 * across resources/css/style.css, the per-page sheets under public/css and a
 * few inline <style> blocks, and growing a control in ten places invites the
 * next one to be missed. Everything here is a floor — min-height / min-width
 * plus the centring that keeps the type and the underlines where they were —
 * so nothing shrinks and no spacing is invented.
 *
 * WCAG 2.5.8 exempts a link inline in a sentence, so prose links are left
 * alone; only standalone controls are grown. Locked by
 * tests/browser/mobile-contract.spec.cjs at 400x820 and 360x780.
 *
 * Measured on the live site 2026-10-10 before this file existed: the footer
 * rows were 36px, the breadcrumbs 15px, the trust strip 24.4px, the privacy
 * TOC 27px, the casino card buttons 31.9-34px and the mobile search toggle
 * 40x40.
 */
@media (max-width: 1000px) {
    /* Header: the only icon-only control in the chrome. */
    .search-toggle,
    .search-toggle-mobile {
        min-width: 44px;
        min-height: 44px;
    }

    /* Mobile drawer: nav rows and the two auth buttons. */
    .mobile-nav a,
    .mobile-nav button,
    .mobile-auth-btn {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .mobile-auth-btn {
        justify-content: center;
    }

    /* Footer link columns. */
    .footer ul li a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    /* Trust strip under the hero. */
    .trust-indicators .trust-item {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    /* Breadcrumbs are standalone navigation, not prose. A one-word crumb
       ("Início") is only ~32px wide, so the width floor matters here too. */
    .breadcrumb-item .breadcrumb-link,
    .breadcrumb-link,
    .ap-breadcrumb-link {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* In-page table of contents on the legal/help pages. */
    .pv-toc-nav a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    /* Casino / game / author cards and their calls to action. */
    .cl-btn-primary,
    .cl-btn-secondary,
    .cl-author-badge,
    .cl-author-link,
    .gl-author-link,
    .ap-profile-btn,
    .casino-table-btn,
    .details-btn,
    .related-btn,
    .action-btn,
    .view-all-btn,
    .load-more-btn,
    .casinos-toggle,
    #newsletter-btn {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Entity pages: casino review, game, author, guide.
       Measured 2026-10-10: the hero CTA 31px, the review TOC 28.8px, the
       "show more" grid toggles 38px, the gallery tabs 37.2px and its arrows
       32x32, the comment toolbar 29-30px, and the entity-list cards' own
       buttons 43.8px (just under). */
    .cta-button,
    .casino-toc__link,
    .grid-toggle-btn,
    .gallery-tab,
    .comment-form-toggle,
    .comments-sort__toggle,
    .e4-btn,
    .e4-search-link {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .gallery-arrow {
        min-width: 44px;
        min-height: 44px;
    }

    /* The game page (its own template, not the casino review): provider tag,
       the collapsible TOC, the "see all" links and the review controls. */
    .provider-name,
    .toc-header,
    .toc-link,
    .game-details__info a,
    .casinos-more,
    .provider-games-more,
    .add-review-btn,
    .custom-select-trigger {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }

    /* The cookie banner's own buttons: they are 40px and 42px, and whether they
       are measured at all depends on how fast the banner appears, so they made
       a route fail at random before this. */
    .cookie-btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Icon-only social links. */
    .cl-social-link,
    .gl-social-link {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /*
     * Comparison tool: the "adicionar" buttons in the suggestion list were
     * 91x28. They were missed when this file was written because the measuring
     * pass covered the catalogue pages and the chrome, not /comparar-cassinos —
     * a reminder that the audit set and the test set have to be the same set.
     * The button already centres its own content, so a floor is all it needs.
     */
    .suggestion-add-btn {
        min-height: 44px;
    }
}