/**
 * Typographie pour le thème Levrard
 */

/* Variables pour les polices */
:root {
    --font-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-alternate: 'Montserrat Alternates', 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
}
*, *:before, *:after {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: auto;
}
/* Application de la police Montserrat sur tout le site */
body {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    padding: 0;
    margin: 0;
}

h1 {
    font-weight: var(--font-weight-black);
}

/* Utilisation de Montserrat Alternates pour certains éléments */
.levrard-hero-title {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-black);
}

/* Navigation */
.main-navigation {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
}

/* Boutons */
.btn-devis,
.levrard-btn,
.me-rappeler,
.phone-number {
    font-family: var(--font-primary);
}

/* Bloc d'urgence */
.emergency-title {
    font-family: var(--font-primary);
}

.emergency-title span:first-child {
    font-weight: var(--font-weight-semibold);
}

.emergency-title span:last-child {
    font-weight: var(--font-weight-extrabold);
}

/* Hero Section */
.levrard-hero-subtitle {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
}

/* Classes utilitaires pour les polices */
.font-primary {
    font-family: var(--font-primary);
}

.font-alternate {
    font-family: var(--font-alternate);
}

/* Classes utilitaires pour les poids de police */
.font-light {
    font-weight: var(--font-weight-light);
}

.font-regular {
    font-weight: var(--font-weight-regular);
}

.font-medium {
    font-weight: var(--font-weight-medium);
}

.font-semibold {
    font-weight: var(--font-weight-semibold);
}

.font-bold {
    font-weight: var(--font-weight-bold);
}

.font-extrabold {
    font-weight: var(--font-weight-extrabold);
}

.font-black {
    font-weight: var(--font-weight-black);
}

:root {
    --levrard-red: #E73331;
    --levrard-dark-red: #E73331;
    --levrard-white: #ffffff;
    --levrard-gray: #E9E9E9;
    --levrard-gray-light: #FAEDED;
    --levrard-gray-light-border: #F89494;
    --levrard-dark-gray: #2C2C2C;
    --levrard-current: #2C2C2C;
    --levrard-text: #2C2C2C;
    --levrard-border: #e1e5e9;
    --levrard-secondary: #8BEFFA;
    --levrard-secondary-2: #FA8B2A;
}

.u-cta{display:flex;align-items:center;gap:20px;padding: 10px 20px;border-radius:8px;text-decoration:none;transition:all .3s ease-out}
.u-cta__label{font-size:21px;font-weight:700;text-decoration:none}
.u-cta__ico{font-size:20px;transition:all .3s ease-out}
.u-cta:hover .u-cta__ico{transform:translateX(5px)}
.u-cta--rouge-plein{background:var(--levrard-red);color:#fff;}
.u-cta--rouge-plein:hover{background:var(--levrard-current);color:#fff;}
.u-cta--rouge-outline,
.u-cta--rouge-outline-bg{border:2px var(--levrard-red) solid;color:var(--levrard-red)}
.u-cta--rouge-outline-bg{background:#fff;}
.u-cta--rouge-outline:hover,
.u-cta--rouge-outline-bg:hover{background:var(--levrard-red);color:#fff;}
.u-cta--current-plein{background:var(--levrard-current);color:#fff}
.u-cta--current-plein:hover{background:var(--levrard-red);color:#fff;}
.u-cta--current-outline,
.u-cta--current-outline-bg{border:2px var(--levrard-current) solid;color:var(--levrard-current)}
.u-cta--current-outline-bg{background:#fff;}
.u-cta--current-outline:hover,
.u-cta--current-outline-bg:hover{background:var(--levrard-current);color:#fff;}
.u-cta--secondary-plein{background:var(--levrard-secondary-2);color:var(--levrard-current)}
.u-cta--secondary-outline{border:2px var(--levrard-secondary-2) solid;color:var(--levrard-current)}
.u-cta--secondary-outline:hover{background:var(--levrard-secondary-2);color:#fff;}
.u-cta--blanc-outline{border:2px #fff solid;color:var(--levrard-current);color:#fff}
.u-cta--blanc-outline:hover{background:#fff;color:var(--levrard-red);}
/* ---------------------------- */
@media (max-width:135em){
    .u-cta__label{font-size:20px;}
    .u-cta__ico{font-size:19px}
}
@media (max-width:120em){
    .u-cta__label{font-size:19px;}
    .u-cta__ico{font-size:18px}
}
@media (max-width:90em){
    .u-cta__label{font-size:18px;}
    .u-cta__ico{font-size:17px}
}
@media (max-width:60em){
    .u-cta__label{font-size:16px;}
    .u-cta__ico{font-size:15px}
}
/* ---------------------------- */

/* -- DS -- */
.u-font-s1{font-size:90px}
.u-font-s2{font-size:67px}
.u-font-s3{font-size:50px}
.u-font-s4{font-size:38px}
.u-font-s5{font-size:28px}
.u-font-s6{font-size:21px}
.u-font-s6sub{font-size:19px}
.u-font-s7{font-size:16px}
/* ---------------------------- */
@media (max-width:135em){
    .u-font-s1{font-size:80px}
    .u-font-s2{font-size:57px}
    .u-font-s3{font-size:40px}
    .u-font-s4{font-size:35px}
    .u-font-s5{font-size:26px}
    .u-font-s6{font-size:20px}
}
@media (max-width:120em){
    .u-font-s1{font-size:70px}
    .u-font-s2{font-size:47px}
    .u-font-s3{font-size:35px}
    .u-font-s4{font-size:32px}
    .u-font-s5{font-size:24px}
    .u-font-s6{font-size:19px}
    .u-font-s6sub{font-size:17px}
}
@media (max-width:90em){
    .u-font-s1{font-size:60px}
    .u-font-s2{font-size:38px}
    .u-font-s3{font-size:30px}
    .u-font-s4{font-size:28px}
    .u-font-s5{font-size:20px}
    .u-font-s6{font-size:18px}
    .u-font-s6sub{font-size:16px}
    .u-font-s7{font-size:16px}
}
@media (max-width:60em){
    .u-font-s1{font-size:50px}
    .u-font-s2{font-size:36px}
    .u-font-s3{font-size:24px}
    .u-font-s4{font-size:20px}
    .u-font-s5{font-size:18px}
    .u-font-s6{font-size:16px}
    .u-font-s6sub{font-size:15px}
    .u-font-s7{font-size:15px}
}

/* ---------------------------- */

.layout-1600 {
    max-width: 1600px;
    margin: 0 auto;
}
/* ---------------------------- */
@media (max-width:110em){
    .layout-1600{width:calc(100% - 100px);max-width:100%;margin:0 50px;}
}
@media (max-width:90em){
    .layout-1600{width:calc(100% - 80px);margin:0 40px;}
}
@media (max-width:60em){
    .layout-1600{width:calc(100% - 60px);margin:0 30px;}
}
@media (max-width:50em){
    .layout-1600{width:96%;margin:0 2%;}
}
/* ---------------------------- */