/* Sistema tipografico Sora + Nunito — Accademia Nazionale del Ciclismo */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Sora:wght@600;700&display=swap');

/* Testi generali e componenti delle pagine calendario/corsi */
html body.anc-scope, body.anc-scope, body.anc-scope .anc-scope,
body.anc-scope #contenuto.course-page, body.anc-scope .course-page,
body:not(.anc-scope) #contenuto.course-page {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
}
body.anc-scope :is(button, input, select, textarea),
body.anc-scope #contenuto.course-page :is(button, input, select, textarea) {
  font-family: 'Nunito', Arial, sans-serif;
}
/* Titoli: regola unica sulle tre gerarchie semantiche */
body.anc-scope :is(h1,h2,h3),
body.anc-scope #contenuto.course-page :is(h1,h2,h3),
body:not(.anc-scope) #contenuto.course-page :is(h1,h2,h3) {
  font-family: 'Sora', Arial, sans-serif;
}
body.anc-scope h1, body.anc-scope #contenuto.course-page h1,
body:not(.anc-scope) #contenuto.course-page h1 {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.16;
}
body.anc-scope h2, body.anc-scope #contenuto.course-page h2,
body:not(.anc-scope) #contenuto.course-page h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.22;
}
body.anc-scope h3, body.anc-scope #contenuto.course-page h3,
body:not(.anc-scope) #contenuto.course-page h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
/* Testi descrittivi e informativi */
body.anc-scope :is(p,li,dd,dt),
body.anc-scope #contenuto.course-page :is(p,li,dd,dt),
body:not(.anc-scope) #contenuto.course-page :is(p,li,dd,dt) {
  font-family: 'Nunito', Arial, sans-serif;
}
body.anc-scope :is(.anc-lead,.hero-lead),
body.anc-scope #contenuto.course-page .hero-lead,
body:not(.anc-scope) #contenuto.course-page .hero-lead {
  font-size: 18px;
  font-weight: 400;
}
body.anc-scope :is(.anc-kicker,.eyebrow,.section-kicker,.brand-kicker),
body.anc-scope #contenuto.course-page :is(.eyebrow,.section-kicker),
body:not(.anc-scope) #contenuto.course-page :is(.eyebrow,.section-kicker) {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}
body.anc-scope :is(.anc-card,.anc-event,.course-card,.catalog-card) :is(p,.description,.anc-card__desc),
body.anc-scope :is(.anc-faq,.faq,.faq-item) p,
body.anc-scope :is(.anc-cta,.final-cta) p,
body.anc-scope :is(.fineprint,.anc-fineprint,.note) {
  font-size: 15px;
  font-weight: 400;
}
body.anc-scope :is(.anc-faq,.faq,.faq-item) summary,
body.anc-scope #contenuto.course-page :is(.faq,.faq-item) summary {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
}
/* Footer: conserva la maggiore evidenza di titoli e link */
body.anc-scope .anc-footer, body.anc-scope .anc-footer :is(p,li,dd,dt,a,address,summary) {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 13px;
}
body.anc-scope .anc-footer :is(h1,h2,h3) {
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 768px) {
  html body.anc-scope, body.anc-scope, body.anc-scope #contenuto.course-page,
  body:not(.anc-scope) #contenuto.course-page { font-size: 14px; }
  body.anc-scope h1, body.anc-scope #contenuto.course-page h1,
  body:not(.anc-scope) #contenuto.course-page h1 { font-size: 30px; }
  body.anc-scope h2, body.anc-scope #contenuto.course-page h2,
  body:not(.anc-scope) #contenuto.course-page h2 { font-size: 23px; }
  body.anc-scope h3, body.anc-scope #contenuto.course-page h3,
  body:not(.anc-scope) #contenuto.course-page h3 { font-size: 14px; }
  body.anc-scope :is(.anc-lead,.hero-lead), body.anc-scope #contenuto.course-page .hero-lead,
  body:not(.anc-scope) #contenuto.course-page .hero-lead { font-size: 16px; }
  body.anc-scope :is(.anc-card,.anc-event,.course-card,.catalog-card) :is(p,.description,.anc-card__desc),
  body.anc-scope :is(.anc-faq,.faq,.faq-item) :is(p,summary),
  body.anc-scope :is(.anc-cta,.final-cta) p,
  body.anc-scope :is(.fineprint,.anc-fineprint,.note) { font-size: 14px; }
  body.anc-scope .anc-footer, body.anc-scope .anc-footer :is(p,li,dd,dt,a,address,summary,h1,h2,h3) { font-size: 12px; }
}

/* Colore evidenziato richiesto: titolo hero e titoli dei corsi nel calendario */
body.anc-scope .anc-hero .anc-title { color: #ffff00 !important; }
body.anc-scope .anc-event h3 { color: #ffff00; }

/* Menu di navigazione: Nunito su desktop e mobile. */
body.anc-scope .anc-header__menu,
body.anc-scope .anc-header__menu a,
body.anc-scope .anc-header__menu button,
.anc-header__menu,
.anc-header__menu a,
.anc-header__menu button {
  font-family: 'Nunito', Arial, sans-serif !important;
}
