/**
 * Tipografia leggibile — lista (restaurants.php) e scheda (restaurant.php).
 * Mobile-first (smartphone), poi tablet (≥768px).
 */

body.restaurants-page {
    font-size: 1.613333rem;
    line-height: 1.45;
}

/* —— Smartphone —— */
.restaurants-page .header .back-link {
    font-size: 1.411667rem;
    line-height: 1.35;
}

.restaurants-page .list-header .list-title,
.restaurants-page .header h1.list-title,
.restaurants-page .header .page-detail-title {
    font-size: 1.815rem;
    line-height: 1.25;
}

.restaurants-page #list-panel .list-subtitle {
    font-size: 1.310833rem;
    line-height: 1.35;
}

.restaurants-page #list-panel .list-search-line {
    font-size: 1.310833rem;
    line-height: 1.35;
}

.restaurants-page #list-panel .list-controls .search-input {
    font-size: 1.613333rem;
    line-height: 1.35;
    min-height: 2.2183rem;
    padding: 9px 10px;
}

.restaurants-page #list-panel .filters-section-title {
    font-size: 1.411667rem;
    line-height: 1.3;
}

.restaurants-page #list-panel .filter-button,
.restaurants-page #list-panel .filter-button.active {
    font-size: 1.310833rem;
    line-height: 1.3;
    min-height: 1.815rem;
    padding: 7px 11px;
}

.restaurants-page #list-panel .status,
.restaurants-page #list-panel .filter-empty-msg {
    font-size: 1.310833rem;
    line-height: 1.35;
}

/* Nome ristorante */
.restaurants-page .restaurant-card h2.restaurant-name,
.restaurants-page #list-panel .restaurant-card h2.restaurant-name,
.restaurants-page h2.restaurant-name {
    font-size: 1.714167rem;
    line-height: 1.25;
    font-weight: 700;
    margin: 0;
}

/* Badge arancioni (area / tipologia applicate) */
.restaurants-page .restaurant-card .card-meta-line,
.restaurants-page #list-panel .restaurant-card .card-meta-line,
.restaurants-page .card-meta-line {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    background: #ea580c;
    color: #fff;
    border-radius: 0;
    padding: 7px 11px;
    font-size: 1.310833rem;
    line-height: 1.25;
    font-weight: 600;
}

.restaurants-page .restaurant-card .card-meta-block {
    gap: 6px;
}

/* Prezzo, indirizzo, telefono, nota */
.restaurants-page .restaurant-card .card-price,
.restaurants-page #list-panel .restaurant-card .card-price,
.restaurants-page .card-price {
    font-size: 1.411667rem;
    line-height: 1.35;
    font-weight: 700;
}

.restaurants-page .restaurant-card .card-line,
.restaurants-page #list-panel .restaurant-card .card-line,
.restaurants-page .card-line {
    font-size: 1.310833rem;
    line-height: 1.4;
    margin: 6px 0 0;
}

.restaurants-page .card-line strong {
    font-weight: 700;
}

.restaurants-page .header .intro {
    font-size: 1.310833rem;
    line-height: 1.4;
}

.restaurants-page .header-auth-btn,
.restaurants-page .header-auth-out {
    font-size: 1.310833rem;
}

.restaurants-page .search-wrap .search-input,
.restaurants-page #header-search.search-input {
    font-size: 1.613333rem;
    min-height: 2.2183rem;
}

/* Scheda dettaglio: recensioni, orari e voto */
.restaurants-page .reviews-section h3,
.restaurants-page .restaurant-detail-hours h3,
.restaurants-page .restaurant-detail-services h3 {
    font-size: 1.613333rem;
    line-height: 1.3;
    font-weight: 700;
}

.restaurants-page .restaurant-detail-summary h2.restaurant-name {
    font-size: 1.714167rem;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 12px;
}

.restaurants-page .review-item h4 {
    font-size: 1.5125rem;
    line-height: 1.3;
}

.restaurants-page .review-meta,
.restaurants-page .review-text {
    font-size: 1.310833rem;
    line-height: 1.4;
}

.restaurants-page .voto-medio-stelle .voto-medio-label,
.restaurants-page .voto-medio-valore,
.restaurants-page .voto-medio-assente {
    font-size: 1.310833rem;
    line-height: 1.35;
}

/* .voto-stella — dimensioni in restaurant-detail.css / review-form.css */

.restaurants-page .btn-review.primary {
    font-size: 1.411667rem;
}

.restaurants-page .photo-carousel-title {
    font-size: 1.5125rem;
    line-height: 1.3;
}

.restaurants-page .photo-carousel-counter {
    font-size: 1.310833rem;
    line-height: 1.3;
}

/* —— Tablet (≥768px) —— */
@media (min-width: 768px) {
    .restaurants-page .header .back-link {
        font-size: 1.5125rem;
    }

    .restaurants-page .list-header .list-title,
    .restaurants-page .header h1.list-title,
    .restaurants-page .header .page-detail-title {
        font-size: 2.178rem;
        line-height: 1.25;
    }

    .restaurants-page #list-panel .list-subtitle,
    .restaurants-page #list-panel .list-search-line {
        font-size: 1.411667rem;
    }

    .restaurants-page #list-panel .list-controls .search-input {
        font-size: 1.613333rem;
        min-height: 2.3192rem;
    }

    .restaurants-page #list-panel .filters-section-title {
        font-size: 1.5125rem;
    }

    .restaurants-page #list-panel .filter-button,
    .restaurants-page #list-panel .filter-button.active {
        font-size: 1.411667rem;
        min-height: 1.9158rem;
        padding: 8px 13px;
    }

    .restaurants-page .restaurant-card h2.restaurant-name,
    .restaurants-page #list-panel .restaurant-card h2.restaurant-name,
    .restaurants-page h2.restaurant-name {
        font-size: 1.915833rem;
        line-height: 1.25;
    }

    .restaurants-page .restaurant-card .card-meta-line,
    .restaurants-page #list-panel .restaurant-card .card-meta-line,
    .restaurants-page .card-meta-line {
        font-size: 1.411667rem;
        padding: 9px 14px;
        line-height: 1.3;
    }

    .restaurants-page .restaurant-card .card-price,
    .restaurants-page .card-price {
        font-size: 1.5125rem;
    }

    .restaurants-page .restaurant-card .card-line,
    .restaurants-page .card-line {
        font-size: 1.411667rem;
    }

    .restaurants-page .header .intro {
        font-size: 1.411667rem;
    }

    .restaurants-page .reviews-section h3 {
        font-size: 1.714167rem;
    }

    .restaurants-page .review-item h4 {
        font-size: 1.613333rem;
    }

    .restaurants-page .review-meta,
    .restaurants-page .review-text {
        font-size: 1.411667rem;
    }

    .restaurants-page .restaurant-photo {
        width: 96px;
        height: 96px;
    }
}