/* ==========================================================================
   LM80 Single Service Page — Base styles
   Component-specific styles live in components/service-*
   ========================================================================== */

/* ── Base ─────────────────────────────────────────────────────────────── */

.lm80-service {
    font-family: var(--lm80-font-body);
    line-height: 1.6;
    color: var(--lm80-text-primary);
    overflow-x: clip;
}

/* Override: neutralise le breakout 100vw de lm80-landing.css.
   Sur la page service, les sections sont enfants directs de <main>,
   pas dans un container Elementor → pas besoin du trick. */
.lm80-service .lm80-section {
    width: auto;
    position: static;
    left: auto;
    margin-left: 0;
}

/* ==========================================================================
   Content (the_content prose)
   ========================================================================== */

.lm80-service-content .lm80-container {
    max-width: 800px;
}

.lm80-service-content h2,
.lm80-service-content h3,
.lm80-service-content h4 {
    font-family: var(--lm80-font-heading);
    line-height: 1.3;
    margin-top: var(--lm80-spacing-xl);
    margin-bottom: var(--lm80-spacing-sm);
}

.lm80-service-content h2 { font-size: clamp(24px, 3vw, 36px); }
.lm80-service-content h3 { font-size: clamp(20px, 2.5vw, 28px); }

.lm80-service-content p {
    font-size: 17px;
    line-height: 1.8;
    color: var(--lm80-text-secondary);
    margin-bottom: var(--lm80-spacing-md);
}

.lm80-service-content ul,
.lm80-service-content ol {
    padding-left: var(--lm80-spacing-md);
    margin-bottom: var(--lm80-spacing-md);
}

.lm80-service-content li {
    font-size: 17px;
    line-height: 1.8;
    color: var(--lm80-text-secondary);
    margin-bottom: var(--lm80-spacing-xs);
}

.lm80-service-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--lm80-radius-md);
    margin: var(--lm80-spacing-lg) 0;
}

/* ==========================================================================
   Button & Badge variants (extend base from lm80-landing.css)
   ========================================================================== */

.lm80-btn-outline {
    background: transparent;
    color: var(--lm80-primary);
    border: 2px solid rgba(162, 78, 174, 0.3);
}

.lm80-btn-outline:hover {
    background: rgba(162, 78, 174, 0.06);
    border-color: var(--lm80-primary);
    color: var(--lm80-primary);
}