/* ========================================
   SURFOMONDO TYPOGRAPHY
   Seguendo: Surfomondo_Mini_Scheda_Font_Dev.pdf
   ======================================== */

/* ===== TITOLI ===== */

/* H1 - Hero / Nome Spot / Titolo Pagina */
h1, .h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 32px; /* Mobile */
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 48px; /* Desktop */
    }
}

/* H2 - Sezioni principali */
h2, .h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    font-size: 22px; /* Mobile */
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: 28px; /* Desktop */
    }
}

/* H3 - Sottosezioni / Blocchi info */
h3, .h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.3;
    font-size: 18px; /* Mobile */
}

@media (min-width: 768px) {
    h3, .h3 {
        font-size: 20px; /* Desktop */
    }
}

/* H4, H5, H6 - Ereditano Montserrat */
h4, h5, h6, .h4, .h5, .h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/* ===== TESTI ===== */

/* Body text - Descrizioni spot / Articoli */
body, p, .body-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: 15px; /* Mobile */
}

@media (min-width: 768px) {
    body, p, .body-text {
        font-size: 16px; /* Desktop */
    }
}

/* UI text / Meta info / Breadcrumb */
.ui-text, .meta-info, .breadcrumb, small, .small {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
}

/* ===== DATI TECNICI SURF ===== */

/* Label */
.surf-label {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 12px;
}

/* Valore */
.surf-value {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 15px;
}

/* ===== BOTTONI / CTA ===== */

/* CTA primaria */
.btn-primary, .cta-primary {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

/* CTA secondaria / Link */
.btn-secondary, .cta-secondary, a.link {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

/* ===== MAPPA ===== */

/* Cluster / Località */
.map-cluster, .map-location {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

/* Spot label su zoom */
.map-spot-label {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
}

/* Tooltip */
.map-tooltip-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.map-tooltip-info {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 12px;
}