/*
Theme Name: CV Theme
Author: Mete CAYBASI
Description: CV clair & aéré — Look & Feel avec presets (incl. Vendôme), bandeau, LinkedIn, Skills, Certifications, Missions, Contact personnalisé. (Clean: sans Jira)
Version: 2.3.8
Text Domain: cv-theme
*/
:root{
  --bg:#FAFBFD;
  --text:#1F2937;
  --accent:#0EA5A4;
  --muted:#6B7280;
  --profile-size:160px;
  --missions-cols:1;
  --banner-height:40px;
  --banner-font-size:14px;
  --banner-speed:20s;
  --banner-bg:#0EA5A4;
  --banner-text:#ffffff;
  --li-size:18px;
  --lf-header-bg:#ffffff;
  --lf-header-text:#1F2937;
  --lf-header-sep:#e5e7eb;
  --lf-nav-hl-bg:#dddfe5;
  --lf-nav-hl-text:#44546f;
  --lf-link:#0c66e4;
  --lf-link-active:#0055cc;
  --lf-heading:#172b4d;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;margin:0}
.container{max-width:1100px;margin:0 auto;padding:48px 20px}
/* Header */
header.site-header{position:fixed;top:0;left:0;right:0;background-color:var(--lf-header-bg);color:var(--lf-header-text);backdrop-filter:saturate(180%) blur(8px);padding:12px;border-bottom:1px solid var(--lf-header-sep);z-index:99}
.header-inner{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:0 20px}
.site-nav{margin-left:auto;display:flex;gap:12px;align-items:center}
.site-nav a{color:inherit;text-decoration:none;padding:6px 10px;border-radius:8px}
.site-nav a:hover{background:var(--lf-nav-hl-bg);color:var(--lf-nav-hl-text)}
.hero{padding-top:100px;display:flex;gap:24px;align-items:center}
/* Profile */
.profile-pic{width:var(--profile-size);height:var(--profile-size);border-radius:12px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.profile-pic img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
/* Links & headings */
a{color:var(--lf-link)} a:active{color:var(--lf-link-active)}
h1,h2,h3,h4,h5{color:var(--lf-heading)}
/* Sections */
.section{padding:40px 0;border-top:1px solid #f0f0f0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.post-card{background:#fff;border-radius:8px;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
/* Skills */
.skill{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.skill-logo{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#fff}
.skill-logo img{width:100%;height:100%;object-fit:contain;display:block}
.skill .name{font-weight:600}
/* Certifications */
.certs-grid .cert-card .cert-logo{border-radius:10px;background:#fff;border:1px solid #eef2f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.certs-grid .cert-card .name{font-size:0.98rem}
/* Missions */
.missions-grid{display:grid;grid-template-columns:repeat(var(--missions-cols), minmax(260px,1fr));gap:16px}
.mission-card{display:grid;grid-template-columns:1fr 200px;gap:16px;background:#fff;border-radius:10px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.mission-content .meta{color:var(--muted);font-size:0.9rem;margin-bottom:6px}
.mission-brand{display:flex;align-items:center;justify-content:center;border-left:1px dashed #e5e7eb;padding-left:16px}
.mission-brand .logo-box{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eef2f7;border-radius:12px;overflow:hidden}
.mission-brand img{max-width:100%;max-height:100%;object-fit:contain;display:block}
@media(max-width:900px){.missions-grid{grid-template-columns:1fr}}
/* Banner */
.site-banner{position:fixed;top:0;left:0;right:0;z-index:120;display:block;background:var(--banner-bg);color:var(--banner-text)}
.site-banner .banner-inner{max-width:1100px;margin:0 auto;padding:0 20px;white-space:nowrap;overflow:hidden;position:relative;display:flex;align-items:center;height:var(--banner-height);font-size:var(--banner-font-size)}
.site-banner .banner-track{display:inline-block;will-change:transform;animation-name:cv-marquee;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--banner-speed)}
.site-banner:hover .banner-track{animation-play-state:paused}
@keyframes cv-marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
body.has-site-banner header.site-header{top:var(--banner-height)}
body.has-site-banner main{padding-top:var(--banner-height)}
/* LinkedIn button */
.btn.btn-linkedin{background:#fff;border:2px solid #0A66C2;color:#0A66C2;font-weight:600}
.btn.btn-linkedin .li-ico{width:var(--li-size);height:var(--li-size)}
.btn.btn-linkedin{font-size:clamp(12px, calc(var(--li-size)*0.70), 22px);padding:max(6px, calc(var(--li-size)*0.35)) max(10px, calc(var(--li-size)*0.70))}
.btn.btn-linkedin:hover{background:#0A66C2;color:#fff}
.btn.btn-linkedin:hover .li-ico{fill:#fff}
/* Article pages */
.article{max-width:800px;margin:0 auto}
.article h1{margin-top:120px}