/*
Theme Name: N19 Starter
Theme URI: https://numero19.ch
Description: Thème enfant de Hello Elementor — base réutilisable pour les projets Numero19. Styles et fonctions personnalisés par projet.
Author: Ken
Template: hello-elementor
Version: 1.2.3
Text Domain: n19-starter
*/

/* =========================================================
   Variables de marque — à ajuster pour chaque projet.
   Sur LCM : beige / noir, titres Italiana, texte General Sans.
   ========================================================= */
:root {
    --brand-primary: #5A2234;
    --brand-primary-dark: #3d1523;
    --brand-light: #deccb5;
    --brand-dark: #111111;
    --font-title: 'Italiana', Georgia, serif;
    --font-body: 'General Sans', Arial, Helvetica, sans-serif;
}

/* =========================================================
   Base du site
   ========================================================= */
body {
    background-color: var(--brand-light);
    color: var(--brand-dark);
    font-family: var(--font-body);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.font-title {
    font-family: var(--font-title);
    font-weight: 400;
    line-height: 1.05;
}

a {
    color: inherit;
}

/* =========================================================
   Échelle typographique
   ========================================================= */
h1, .hero-title .elementor-heading-title {
    font-size: clamp(3rem, 8vw, 8rem);
    letter-spacing: -0.01em;
}
h2 {
    font-size: clamp(2.2rem, 4.5vw, 4.2rem);
}
h3 {
    font-size: clamp(1.5rem, 2.5vw, 2.2rem);
}

.eyebrow .elementor-heading-title {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.65;
}
.lead p {
    font-size: clamp(1.1rem, 1.6vw, 1.45rem);
    line-height: 1.5;
}
.temoignage p {
    font-family: var(--font-title);
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    line-height: 1.3;
}
.temoignage p:last-child {
    font-family: var(--font-body);
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
}
.legende .elementor-heading-title {
    font-family: var(--font-body);
    font-size: 0.85rem;
    font-style: italic;
    opacity: 0.65;
}
.service-num .elementor-heading-title {
    font-family: var(--font-title);
    font-size: 2rem;
    opacity: 0.5;
}

/* Header */
.n19-header .header-menu .elementor-icon-list-item a,
.n19-header .header-menu .elementor-icon-list-text {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.12em;
}
.n19-header--fixed {
    mix-blend-mode: normal;
}

/* Footer */
.n19-footer,
.n19-footer .elementor-heading-title,
.n19-footer a {
    color: #deccb5;
}
.n19-footer .footer-menu .elementor-icon-list-text {
    color: #deccb5;
}

/* Marquee final */
.marquee-final {
    width: 100%;
}
.marquee-final .elementor-heading-title,
h2.marquee-final {
    font-size: clamp(3rem, 9vw, 9rem);
    white-space: nowrap;
}

/* Boutons */
.elementor-widget-button .elementor-button {
    background: var(--brand-dark);
    color: var(--brand-light);
    border-radius: 999px;
    padding: 16px 34px;
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    transition: background 0.3s ease, color 0.3s ease;
}
.elementor-widget-button .elementor-button:hover {
    background: var(--brand-primary);
    color: var(--brand-light);
}

/* Images pleine largeur du héro */
.hero-image img {
    width: 100%;
    object-fit: cover;
}

/* =========================================================
   Styles personnalisés — tout ce que tu ajoutes ici
   s'applique par-dessus Hello Elementor et Elementor.
   ========================================================= */

/* Héro : l'image source est très haute, on la cadre */
.hero-image img {
    height: min(80vh, 900px);
    object-fit: cover;
}

/* ===== Palette et détails repris de numero19.ch ===== */
.elementor img { border-radius: 10px; }
.img-round img { border-radius: 10px; }
.legende-rule { border-right: 1px solid var(--brand-primary); padding-right: 16px; }
.legende-rule-left { border-left: 1px solid var(--brand-primary); padding-left: 16px; }
.texte-centre-etroit { max-width: 560px; margin-left: auto; margin-right: auto; }
.titre-services { max-width: 1100px; }
.footer-marquee { overflow: hidden; }

/* Carte « dernier projet » du héro */
.hero-card { width: 540px; max-width: 92vw; }
.hero-card .elementor-widget-image img {
    width: 190px;
    height: 115px;
    border: 2px solid rgba(222,204,181,0.25);
    object-fit: cover;
}