/* ══ stevenleaute.com — Mobile fixes ══ */

/* ── 1. Logo : pas de stretching ── */
#header .logo img {
    width: auto !important;
    height: auto !important;
    max-height: 45px !important;
    object-fit: contain !important;
}

/* ── 2. index.html — Texte centré et pas rogné sur mobile ── */
@media (max-width: 767px) {

    /* Wrapper de la carte centrale */
    .page-title-wrapper {
        padding: 30px 24px 24px !important;
        max-width: calc(100vw - 40px) !important;
        width: auto !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
        left: auto !important;
        transform: none !important;
    }

    /* Titre STEVEN LEAUTE */
    .page-title {
        font-size: clamp(1.5rem, 6.5vw, 2.8rem) !important;
        line-height: 1.1 !important;
        word-break: break-word !important;
    }

    /* Sous-titre Senior Layout... */
    .page-subtitle {
        font-size: clamp(0.55rem, 2.5vw, 0.9rem) !important;
        letter-spacing: 0.06em !important;
    }

    /* Click to enter */
    #intro-enter {
        font-size: clamp(0.65rem, 2.8vw, 1rem) !important;
        letter-spacing: 0.12em !important;
        margin-top: 16px !important;
    }
}

/* ── 3. about-me — Texte AVANT l'image sur mobile ── */
@media (max-width: 767px) {

    /* Row principale : colonne verticale */
    .hero-min-fullscreen .row.no-gutters {
        flex-direction: column !important;
    }

    /* Photo (1ère dans le DOM) → passe en 2ème */
    .hero-min-fullscreen .col-md-6.align-self-start {
        order: 2 !important;
        width: 100% !important;
        padding: 0 !important;
        margin-top: 24px !important;
    }

    /* Texte (2ème dans le DOM) → passe en 1er */
    .hero-min-fullscreen .col-md-6.px-0 {
        order: 1 !important;
        width: 100% !important;
        padding: 0 20px !important;
    }
}

/* ── SEO / Performance classes (remplacement inline styles) ── */
.page-sub-text {
    font-size: 1.05rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
}

.seo-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}