/* ==========================================================================
   SOLO TELEFONO (schermi fino a 640px)
   Questo file è collegato con media="(max-width: 640px)": sopra quella larghezza il browser non lo applica
   affatto, quindi il sito da computer e da tablet non cambia. Va caricato dopo style.css e pages.css.
   Il Live e la Schedina hanno le loro regole per telefono nei rispettivi css.
   ========================================================================== */

/* ----- Hero: tre righe, "nel cuore del Friuli" sempre insieme; la foto mostra pallone e scarpa ----- */
.hero-title { font-size: 8.8vw; }
.hero-title span { display: block; white-space: nowrap; }
.hero-media img { object-position: 74% 35%; }

/* partner su una sola riga */
.hero-partners { flex-wrap: nowrap; gap: 0.8rem; justify-content: space-between; right: auto; left: auto; width: auto; max-width: 100%; box-sizing: border-box; }
.hero-partners img { height: 38px; max-width: 23%; min-width: 0; }

/* ----- Ultimi risultati: la scritta su due righe e cliccabile (porta a "Risultati"); niente pulsante "Tutti i risultati" ----- */
.matches-strip-contained:not(.live-strip):not(.sk-strip) .matches-strip-inner { position: relative; gap: 0.8rem; }
.matches-strip-contained:not(.live-strip):not(.sk-strip) .strip-label {
  display: block; white-space: normal; width: 4.6rem; padding-right: 0.8rem; font-size: 0.72rem; letter-spacing: 0.08em; line-height: 1.2;
}
.matches-strip-contained:not(.live-strip):not(.sk-strip) .strip-link {
  display: block; position: absolute; left: -0.4rem; top: -0.4rem; bottom: -0.4rem; width: 5.4rem; margin: 0; padding: 0;
  font-size: 0; border: 0; background: transparent;
}

/* ----- Gare di oggi: "Vedi tutto" a sinistra ----- */
#gare-oggi-section .sec-actions { width: 100%; justify-content: flex-start; }
#gare-oggi-section .arrow-group { display: none; }   /* le gare si scorrono col dito */

/* ----- Eventi & scadenze: molto più compatti ----- */
#eventi-scadenze-section { padding-top: 1.75rem; padding-bottom: 1.75rem; }
#eventi-scadenze-section .sec-header { margin-bottom: 0.9rem; }
#eventi-scadenze-section .events-timeline { gap: 0.5rem; }
#eventi-scadenze-section .event-card { padding: 0.5rem 0.7rem; gap: 0.7rem; align-items: center; }
#eventi-scadenze-section .event-date-box { min-width: 44px; padding: 0.25rem 0.4rem; }
#eventi-scadenze-section .event-day { font-size: 1.15rem; }
#eventi-scadenze-section .event-month { font-size: 0.64rem; }
#eventi-scadenze-section .event-title { font-size: 1rem; line-height: 1.15; }

/* ----- Notizie: categorie, anni e ricerca sulla stessa riga ----- */
.news-toolbar { flex-wrap: nowrap; gap: 0.4rem; padding: 0.55rem 0.6rem; margin-bottom: 1.2rem; }
.news-filters-group { flex-wrap: nowrap; gap: 0.4rem; flex: 0 0 auto; }
.news-filter-select { padding: 0.4rem 0.3rem; max-width: 7rem; }
.news-search-box { flex: 1 1 0; min-width: 0; padding: 0.1rem 0.4rem; }
.news-search-input { padding: 0.35rem 0.2rem; min-width: 0; }
.news-search-icon { flex: 0 0 auto; margin-right: 0; }

/* ----- Classifiche: solo G V N P e punti ----- */
.col-sec { display: none; }
.table-custom th, .table-custom td,
#classifica-home-content .table-custom th, #classifica-home-content .table-custom td { padding: 0.4rem 0.25rem; font-size: 0.82rem; }
.table-custom th:first-child, .table-custom td:first-child { padding-left: 0.5rem; }
.table-custom th:last-child, .table-custom td:last-child { padding-right: 0.5rem; }
.table-custom th:nth-child(n+3), .table-custom td:nth-child(n+3) { text-align: center; }
.table-custom .team-cell { gap: 0.4rem; font-size: 0.82rem; }
#classifica-home-content .team-logo, .table-custom .team-logo { width: 20px; height: 20px; }

/* ----- Footer: due colonne con una linea al centro ----- */
.site-footer { padding-top: 2.2rem; }
.footer-top { grid-template-columns: 1fr 1fr; gap: 1.6rem 0; margin-bottom: 2rem; }
.footer-top > div:first-child { grid-column: 1 / -1; }
.footer-top > div:nth-child(2) { padding-right: 1rem; }
.footer-top > div:nth-child(3) { padding-left: 1rem; border-left: 1px solid var(--c-dark-border); }
.footer-top > div:nth-child(4) { grid-column: 1 / -1; border-top: 1px solid var(--c-dark-border); padding-top: 1.4rem; }
.footer-top .footer-links-list a { font-size: 0.85rem; }

/* ----- Bersagli da toccare: almeno 44 px (le aree cliccabili crescono senza cambiare l'aspetto) ----- */
.mobile-toggle { width: 44px; height: 44px; }
.link-more, .strip-link, .quick-day-btn, .view-btn, .filter-pill, .filter-reset, #filter-reset, #matchday-prev, #matchday-next, .btn-arrow, .tl-year { min-height: 44px; }
.link-more, .breadcrumb a, #filter-reset { display: inline-flex; align-items: center; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.quick-day-btn, .view-btn, .filter-pill, #matchday-prev, #matchday-next { min-width: 44px; }
input[type="checkbox"], input[type="radio"] { width: 1.35rem; height: 1.35rem; }
.footer-links-list a, .footer-bottom-links a, .mobile-nav .nav-link { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer .footer-links-list a { font-size: 0.9rem; }

/* ----- Pagine interne: prima schermata (relazione mobile 15) ----- */
/* meno vuoto tra header e breadcrumb (prima 72 px) */
.page-main.section-pad { padding-top: 0.75rem; }

/* Manifestazione: logo piccolo accanto al titolo, descrizione su tre righe con "Leggi tutto" */
.manif-header-hero { flex-wrap: nowrap; align-items: flex-start; gap: 0.9rem; padding: 1.1rem 1rem; margin-bottom: 1.25rem; }
.manif-header-hero > div:first-child { flex: 1; min-width: 0; }
.manif-hero-logo { order: -1; flex: none; }
.manif-hero-logo img { height: 56px; max-width: 72px; object-fit: contain; }
.manif-hero-title { font-size: 1.55rem; line-height: 1.1; overflow-wrap: anywhere; }
.manif-hero-desc { font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.manif-hero-desc.is-open { display: block; }
.manif-hero-more { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: var(--c-green); font: inherit; font-size: 0.85rem; font-weight: 700; cursor: pointer; }

/* Partita: [stemma] Casa  2 - 0  Ospite [stemma] su una riga, i nomi vanno a capo se servono */
.match-hero { padding: 1.1rem 0.9rem; margin-bottom: 1.25rem; }
.match-hero-comp { font-size: 0.78rem; margin-bottom: 0.9rem; }
.match-hero-teams { grid-template-columns: 1fr auto 1fr; gap: 0.5rem; }
.match-hero-team { font-size: 0.95rem; line-height: 1.15; gap: 0.4rem; overflow-wrap: anywhere; }
.match-hero-crest { width: 48px; height: 48px; }
.match-hero-score { font-size: 1.8rem; padding: 0.3rem 0.7rem; white-space: nowrap; }
.match-hero-info { margin-top: 1rem; gap: 0.2rem 1rem; font-size: 0.85rem; }

.match-hero-scorers { margin-top: 0.7rem; gap: 0.2rem 0.5rem; font-size: 0.82rem; }
.match-hero-map { display: inline-block; padding: 0.75rem 0; margin: -0.75rem 0; }   /* area da toccare di 44 px senza spostare la riga */

/* Classifica in home: il nome del girone va a capo invece dei puntini */
.standings-title { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.15; }

/* ----- Normativa: la ricerca è chiusa e si apre col pulsante, così gli articoli si vedono subito ----- */
.normativa-search-container { padding: 0; margin-bottom: 1.25rem; }
.normativa-search-toggle {
  display: flex; align-items: center; gap: 0.6rem; width: 100%; min-height: 48px; padding: 0.75rem 1rem;
  color: var(--c-white); font-family: var(--font-display); font-weight: 800; font-size: 0.95rem;
  text-transform: uppercase; letter-spacing: 0.06em; text-align: left;
}
.normativa-search-toggle-icon { margin-left: auto; transition: transform 0.2s; }
.normativa-search-container.is-open .normativa-search-toggle-icon { transform: rotate(180deg); }
.normativa-search-body { padding: 0 1rem 1rem; }
.normativa-search-container:not(.is-open) .normativa-search-body { display: none; }
.normativa-form-grid .form-control { height: 44px; }   /* da telefono: un po' più alti, più facili da toccare */