/* =========================================================
   cv-ia/style.css — CV « Développeur de solutions IA & automatisation métier ».
   Chargé APRÈS /cv/style.css, qui porte la mise en page « feuille A4 » commune
   aux deux CV. Toutes les règles sont préfixées .cv--ia : /cv/ n'est pas touché.
   ========================================================= */

/* ---------- En-tête ---------- */
.cv--ia .title{
    font-family: var(--font-title);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .1px;
}
.cv--ia .precision{
    margin: 6px 0 0;
    font-size: 12.5px;
    opacity: .88;
}
.cv--ia .hero__divider{ margin: 12px 0 10px; }
.cv--ia .contact a{ color:#fff; }

/* ---------- Bandeau des modalités de collaboration ---------- */
.cv--ia .tagline--collab{
    padding: 9px 26px 10px;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.35;
    color:#333;
    background: var(--tagline-bg);
}
.cv--ia .tagline__sub{
    display:block;
    margin-top: 3px;
    font-family: var(--font-text);
    font-weight: 400;
    font-size: 12.5px;
    color:#5a5a5a;
}

/* ---------- Actions d'en-tête (écran seulement) ---------- */
.cv--ia .cv-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin: 16px 26px 2px;
}
.cv--ia .cta-btn{
    min-width:0;
    padding: 11px 18px;
    font-family: var(--font-text);
    font-size: 13.5px;
    cursor:pointer;
}
.cv--ia .cta-btn--ghost{
    background:#fff;
    color:#111;
    border:1px solid rgba(15,15,15,.28);
    box-shadow:none;
}
.cv--ia .cta-btn--ghost:hover{ border-color:#111; }
.cv--ia .cta-btn:focus-visible{ outline:2px solid #111; outline-offset:3px; }

/* ---------- Réalisations et expériences ---------- */
.cv--ia .real{ margin: 0 0 14px; }
.cv--ia .real:last-of-type{ margin-bottom: 4px; }
.cv--ia .real .h3{
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 2px;
}
.cv--ia .real__meta{
    margin: 0 0 6px;
    font-size: 12.5px;
    color: var(--muted);
}
.cv--ia .real .p{ margin-bottom: 6px; }
.cv--ia .real__links{
    margin: 4px 0 0;
    font-size: 12.5px;
}
.cv--ia .real__links a{ color:#1d4ed8; }

/* ---------- Compétences ---------- */
.cv--ia .h4{
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 5px;
}
.cv--ia .skill{ margin-bottom: 4px; }
.cv--ia .skill .p{ margin-bottom: 0; }
.cv--ia .grid-2{ gap: 18px 28px; }

/* ---------- Langues ---------- */
/* Les trois langues tiennent sur une ligne : pas de min-width ni de justification
   qui les écarterait aux deux bords de la feuille. */
.cv--ia .langs{ justify-content: flex-start; gap: 8px 28px; }
.cv--ia .langs > div{ min-width: 0; }

/* ---------- Collaboration ---------- */
.cv--ia .block--collab{ padding-bottom: 24px; }
.cv--ia .block--collab .contact-line{ margin-top: 12px; }
.cv--ia .contact-line a{ color:#1d4ed8; }

/* ---------- Repères réservés au papier ---------- */
.cv--ia .only-print{ display:none; }

/* =========================================================
   Écrans étroits
   ========================================================= */
@media screen and (max-width: 860px){
    .cv--ia .title{ font-size: 16px; }
    .cv--ia .precision{ font-size: 12px; }
    .cv--ia .tagline--collab{ padding: 10px 16px; font-size: 12.5px; }
    .cv--ia .cv-actions{ margin: 14px 16px 0; gap: 8px; }
    .cv--ia .cta-btn{ flex: 1 1 auto; min-width: 140px; justify-content:center; }
    .cv--ia .grid-2{ gap: 14px; }
}

/* =========================================================
   Impression / PDF — cf. § « Générer un PDF » de CLAUDE.md
   Cible : 2 pages A4, coupure avant EXPÉRIENCE.
   ========================================================= */
@media print{
    .cv--ia .only-print{ display:block; }
    .cv--ia .cv-actions{ display:none !important; }

    /* Ligature « fi » désactivée à l'impression : le glyphe unique de Roboto s'extrait mal
       du PDF (« dé ni » au copier-coller et pour un ATS). Sans ligature, le texte reste net. */
    .cv--ia, .cv--ia *{ font-variant-ligatures: none; }

    .cv--ia .hero{ padding: 16px 26px; }
    .cv--ia .tagline--collab{ padding: 7px 26px 8px; font-size: 12px; }
    .cv--ia .block{ padding: 10px 26px 2px; }
    .cv--ia .block__titleline{ margin-bottom: 6px; }
    .cv--ia .h2{ font-size: 16px; }
    .cv--ia .p{ margin-bottom: 7px; }

    .cv--ia .real{ margin-bottom: 9px; break-inside: avoid; page-break-inside: avoid; }
    .cv--ia .real .h3{ font-size: 14px; }
    .cv--ia .real .p{ margin-bottom: 5px; }
    .cv--ia .ref-print{ font-size: 12.5px; margin-top: 2px; }
    .cv--ia .ref-print a{ color: inherit; }

    /* Coupure de référence : les réalisations restent en page 1, le parcours ouvre la page 2. */
    .cv--ia .block--xp{ break-before: page; page-break-before: always; }

    .cv--ia .grid-2{ gap: 8px 26px; }
    .cv--ia .h4{ font-size: 14px; }
    .cv--ia .skill{ margin-bottom: 0; }
    .cv--ia .block--collab{ padding-bottom: 6px; }
    .cv--ia .block--collab .contact-line{ margin-top: 8px; }
}