/* ==========================================================================
   Stili di testo personalizzati OrtoNoto
   ========================================================================== */

/* TEXT MENU - Roboto 700, 15px */
.text-menu {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}

/* TITLE-2/SM - Roboto 900, 15px */
.title-2-sm {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
}

/* TEXT-2/SM - Roboto 300, 15px */
.text-2-sm {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
}

/* TEXT-2/MD - Roboto 300, 18px */
.text-2-md {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
}

/* TITLE/XXL - Playfair Display 400, 68px */
.title-xxl {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 68px;
    line-height: 110%;
}

/* TITLE/XL - Playfair Display 400, 60px */
.title-xl {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 110%;
}

/* TITLE/LG - Playfair Display 400, 45px */
.title-lg {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 110%;
}

/* TITLE/MD - Playfair Display 400, 42px */
.title-md {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 110%;
}

/* TITLE/SM - Playfair Display 400, 38px */
.title-sm {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    line-height: 110%;
}

/* TEXT/XL - Playfair Display 400, 22px */
.text-xl {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
}

/* TEXT/LG - Playfair Display 400, 20px */
.text-lg {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
}

/* TEXT/MD - Playfair Display 400, 18px */
.text-md {
    font-family: 'Playfair Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

/* ==========================================================================
   Responsive per gli stili di testo
   ========================================================================== */

/* Tablet e mobile - riduciamo le dimensioni per una migliore leggibilità */
@media (max-width: 1024px) {
    .title-xxl {
        font-size: 48px;
        line-height: 110%;
    }
    
    .title-xl {
        font-size: 42px;
        line-height: 110%;
    }
    
    .title-lg {
        font-size: 36px;
        line-height: 110%;
    }
    
    .title-md {
        font-size: 32px;
        line-height: 110%;
    }
    
    .title-sm {
        font-size: 28px;
        line-height: 110%;
    }
}

@media (max-width: 768px) {
    .title-xxl {
        font-size: 36px;
        line-height: 110%;
    }
    
    .title-xl {
        font-size: 32px;
        line-height: 110%;
    }
    
    .title-lg {
        font-size: 28px;
        line-height: 110%;
    }
    
    .title-md {
        font-size: 26px;
        line-height: 110%;
    }
    
    .title-sm {
        font-size: 24px;
        line-height: 110%;
    }
    
    .text-xl {
        font-size: 20px;
        line-height: 150%;
    }
    
    .text-lg {
        font-size: 18px;
        line-height: 150%;
    }
    
    .text-md {
        font-size: 16px;
        line-height: 150%;
    }
}