/**
 * Main Tablet overrides (min-width: 641px)
 * Loaded via media="(min-width: 641px)" — ZERO @media queries
 *
 * @package FMR
 */

/* Design tokens: tablet sizes */
:root {
    --fmr-font-size-sm: 0.875rem;
    --fmr-font-size-base: 1rem;
    --fmr-font-size-lg: 1.0625rem;
    --fmr-font-size-xl: 1.1875rem;
    --fmr-font-size-2xl: 1.375rem;
    --fmr-font-size-3xl: 1.625rem;
    --fmr-font-size-4xl: 2rem;
    --fmr-font-size-5xl: 2.5rem;

    --fmr-spacing-xl: 2rem;
    --fmr-spacing-2xl: 2.5rem;
    --fmr-spacing-3xl: 3rem;
    --fmr-spacing-4xl: 4rem;
}

/* Grid: 2 columns for all grids */
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(2, 1fr); }
.grid--4 { grid-template-columns: repeat(2, 1fr); }

/* Reset mobile-2 overrides (no longer needed on tablet) */
.grid--mobile-2.grid--2,
.grid--mobile-2.grid--3,
.grid--mobile-2.grid--4 {
    gap: var(--fmr-spacing-xl);
}

.grid--mobile-2 .card__content {
    padding: var(--fmr-spacing-lg);
}

.grid--mobile-2 .card__badge {
    padding: var(--fmr-spacing-xs) var(--fmr-spacing-sm);
    font-size: var(--fmr-font-size-xs);
}

.grid--mobile-2 .card__image {
    aspect-ratio: 4/3;
}

.grid--mobile-2 .card__actions .btn--primary {
    display: inline-flex;
}

/* Avis card full height on tablet */
.avis-card {
    height: 100%;
}