/* serveurmcp.com : refonte visuelle (octobre 2026). */
/* Chargé seulement quand la refonte est active : aperçu administrateur, puis en ligne après validation. */
:root{
  --bg:#F7F5FB;
  --surface:#FFFFFF;
  --surface-alt:#EFEBF8;
  --border:#E2DDF0;
  --text:#1A1626;
  --text-soft:#3E3852;
  --text-muted:#5E5873;
  --accent:#5B43E0;
  --accent-strong:#4532C4;
  --accent-bg:#EEEAFD;
  --accent-fill:#5B43E0;
  --accent-fill-hover:#4532C4;
  --cable:#B4530A;
  --field-border:#8F86AE;
  --outline:#CFC8E3;
  --placeholder:#6F6888;
  --chip-bg:#FFFFFF;
  --panel-bg:#FFFFFF;
  --panel-dots:rgba(91,67,224,.10);
  --bubble-bg:#EFEBF8;
  --code-bg:#F6F4FB;
  --code-text:#2B2640;
  --line:#D3CAF0;
  --font-sans:'Bricolage Grotesque','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-mono:'Fragment Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme='light']){
    --bg:#14111F;
    --surface:#1D1930;
    --surface-alt:#191526;
    --border:#2F2A45;
    --text:#EFEBF8;
    --text-soft:#C9C3DA;
    --text-muted:#A9A2BF;
    --accent:#B3A1FF;
    --accent-strong:#D2C7FF;
    --accent-bg:#262043;
    --accent-fill:#7254F5;
    --accent-fill-hover:#6243E8;
    --cable:#FFB077;
    --field-border:#6A6290;
    --outline:#4E4670;
    --placeholder:#8E87A6;
    --chip-bg:#221D35;
    --panel-bg:#1A1629;
    --panel-dots:rgba(179,161,255,.14);
    --bubble-bg:#2A2442;
    --code-bg:#110E1B;
    --code-text:#D9D3EA;
    --line:#4A3F7A;
  }
}
:root[data-theme='dark']{
  --bg:#14111F;
  --surface:#1D1930;
  --surface-alt:#191526;
  --border:#2F2A45;
  --text:#EFEBF8;
  --text-soft:#C9C3DA;
  --text-muted:#A9A2BF;
  --accent:#B3A1FF;
  --accent-strong:#D2C7FF;
  --accent-bg:#262043;
  --accent-fill:#7254F5;
  --accent-fill-hover:#6243E8;
  --cable:#FFB077;
  --field-border:#6A6290;
  --outline:#4E4670;
  --placeholder:#8E87A6;
  --chip-bg:#221D35;
  --panel-bg:#1A1629;
  --panel-dots:rgba(179,161,255,.14);
  --bubble-bg:#2A2442;
  --code-bg:#110E1B;
  --code-text:#D9D3EA;
  --line:#4A3F7A;
}

/* Typographie */
body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body h1,body h2,body h3,body h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.site-logo,.footer-brand,.eyebrow,.stat-row .stat .num,.step-card .n,.cat-pill .count,.badge{font-family:var(--font-sans)}
.terminal,.server-install,code,pre,kbd,samp,.mcpd-install{font-family:var(--font-mono)}
.eyebrow{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:600}
.section-head h2{font-size:clamp(1.5rem,2.4vw,1.95rem)}
.page-title{font-size:clamp(1.8rem,3.2vw,2.4rem);letter-spacing:-.025em}
.entry-content{font-size:1.0625rem}
::selection{background:var(--accent-fill);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* En-tête */
.site-header{background:var(--bg);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px)}
.site-logo{font-size:1.18rem;letter-spacing:-.01em}
.primary-nav ul{gap:4px;align-items:center}
.primary-nav a{color:var(--text);font-size:.97rem;padding:10px 12px;border-radius:8px}
.primary-nav a:hover{color:var(--accent);background:var(--accent-bg)}
body .smcp-nav-toggle span{background:var(--text)}
@media (min-width:861px){
  .primary-nav .smcp-nav-cta{margin-left:8px}
  .primary-nav .smcp-nav-cta > a{border:1px solid var(--outline);border-radius:10px;padding:9px 16px;font-weight:600}
  .primary-nav .smcp-nav-cta > a:hover{border-color:var(--accent);background:transparent}
}
@media (max-width:860px){
  body nav.primary-nav li{border-top-color:var(--border)}
}

/* Boutons et cartes */
.btn{border-radius:10px;font-family:var(--font-sans)}
.btn-primary,.nav-cta{background:var(--accent-fill);color:#fff}
.btn-primary:hover,.nav-cta:hover{background:var(--accent-fill-hover);color:#fff}
.btn-secondary{background:transparent;border-color:var(--outline);color:var(--text)}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}
.smcp-search button{background:var(--accent-fill)}
body .smcp-pagination .current{background:var(--accent-fill);border-color:var(--accent-fill)}
.smcp-card,.step-card,.smcp-pop{border-radius:14px}

/* Annuaire (extension MCP Directory) */
body .mcpd-filters input[type=text],body .mcpd-filters select,body .mcpd-submit-form input,body .mcpd-submit-form textarea,body .mcpd-submit-form select{background:var(--surface);color:var(--text);border-color:var(--field-border);border-radius:10px;font-family:inherit}
body .mcpd-filters button,body .mcpd-submit-form button{background:var(--accent-fill);border-radius:10px;font-family:inherit}
body .mcpd-filters button:hover,body .mcpd-submit-form button:hover{background:var(--accent-fill-hover)}
body .mcpd-card{background:var(--surface);border-color:var(--border);color:var(--text);border-radius:14px}
body .mcpd-card.mcpd-sponsored{background:var(--surface);border-color:#f5b400}
body .mcpd-excerpt,body .mcpd-pricing{color:var(--text-muted)}
body .mcpd-cats span{background:var(--surface-alt);color:var(--text-soft)}
body .mcpd-install{background:var(--code-bg);color:var(--code-text);border:1px solid var(--border)}
body .mcpd-links a{color:var(--accent)}
body .mcpd-success{background:var(--green-bg);border-color:var(--green);color:var(--text)}

/* Recommandeur et section des derniers ajouts (styles en ligne d’origine) */
body section.block .wrap > p[style*='c3c7d6']{color:var(--text-muted)!important}
body .smcp-reco-form input[type=text]{background:var(--surface)!important;color:var(--text)!important;border-color:var(--field-border)!important;border-radius:12px!important;font-family:inherit}
body .smcp-reco-form input[type=text]::placeholder{color:var(--placeholder)}
body .smcp-reco-form button{background:var(--accent-fill)!important;border-radius:12px!important;font-family:inherit}
body .smcp-reco-form button:hover{background:var(--accent-fill-hover)!important}
body .smcp-reco-results > a{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
body .smcp-reco-results > a:hover{border-color:var(--accent)!important}
body .smcp-reco-results > a strong{color:var(--text)!important}
body .smcp-reco-results > a > span[style*='9aa0b5'],body .smcp-reco-results > a > div,body .smcp-reco p[style*='9aa0b5']{color:var(--text-muted)!important}
body .smcp-reco a[style*='8b7dff']{color:var(--accent)!important}
body .smcp-nouv > p{color:var(--text-muted)!important}
body .smcp-nouv > div:nth-of-type(1) > a{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
body .smcp-nouv > div:nth-of-type(1) > a:hover{border-color:var(--accent)!important}
body .smcp-nouv > div:nth-of-type(1) > a strong{color:var(--text)!important}
body .smcp-nouv > div:nth-of-type(1) > a > div:not(:first-child){color:var(--text-muted)!important}
body .smcp-nouv > div:nth-of-type(1) > a span{background:var(--accent-bg)!important;color:var(--accent)!important}
body .smcp-nouv > div:nth-of-type(2) a{color:var(--accent)!important}

/* Accueil : haut de page */
.smcp-hero{padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,80px)}
.smcp-hero .container{display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.smcp-hero__intro{flex:1 1 460px;min-width:0;max-width:600px;display:flex;flex-direction:column;gap:28px}
.smcp-hero__title{margin:0;font-size:clamp(2.25rem,5vw,4.1rem);font-weight:750;line-height:1.02;letter-spacing:-.03em;color:var(--text);text-wrap:balance}
.smcp-hero__lede{margin:0;max-width:34em;font-size:1.15rem;line-height:1.6;color:var(--text-soft)}
.smcp-hero__search{display:flex;flex-direction:column;gap:12px;margin:0}
.smcp-hero__label{font-size:.95rem;font-weight:600;color:var(--text)}
.smcp-hero__field{display:flex;flex-wrap:wrap;gap:8px}
.smcp-hero__input{position:relative;flex:1 1 220px;min-width:0}
.smcp-hero__input svg{position:absolute;left:18px;top:18px;color:var(--text-muted);pointer-events:none}
.smcp-hero__input input{width:100%;height:56px;margin:0;padding:0 18px 0 50px;border:1px solid var(--field-border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:1.06rem}
.smcp-hero__input input::placeholder{color:var(--placeholder);opacity:1}
.smcp-hero__submit{height:56px;padding:0 26px;border:0;border-radius:12px;background:var(--accent-fill);color:#fff;font:inherit;font-size:1.03rem;font-weight:650;cursor:pointer}
.smcp-hero__submit:hover{background:var(--accent-fill-hover)}
.smcp-hero__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.smcp-hero__chips span{margin-right:4px;font-size:.92rem;color:var(--text-muted)}
.smcp-hero__chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:var(--chip-bg);color:var(--text);font-size:.95rem;text-decoration:none}
.smcp-hero__chips a:hover{border-color:var(--accent);color:var(--accent)}
.smcp-hero__more{display:flex;flex-direction:column;gap:14px}
.smcp-hero__links{display:flex;flex-wrap:wrap;gap:12px}
.smcp-hero__links a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid var(--outline);border-radius:10px;color:var(--text);font-size:1rem;font-weight:600;text-decoration:none}
.smcp-hero__links a:hover{border-color:var(--accent);color:var(--accent)}
.smcp-hero__links svg{color:var(--accent);flex-shrink:0}
.smcp-hero__note{margin:0;font-size:.92rem;color:var(--text-muted)}
.smcp-hero__demo{flex:1 1 400px;min-width:0;padding:26px 26px 28px;border:1px solid var(--border);border-radius:22px;background-color:var(--panel-bg);background-image:radial-gradient(circle at 1px 1px,var(--panel-dots) 1px,transparent 0);background-size:18px 18px;display:flex;flex-direction:column;gap:22px}
.smcp-hero__demo-head h2{margin:0;font-size:1.12rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}
.smcp-hero__demo-head p{margin:4px 0 0;font-size:.92rem;color:var(--text-muted)}
.smcp-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.smcp-step{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:14px;margin:0}
.smcp-step__rail{display:flex;flex-direction:column;align-items:center}
.smcp-step__dot{width:12px;height:12px;margin-top:4px;flex-shrink:0;border-radius:50%;box-sizing:border-box}
.smcp-step__wire{width:2px;flex-grow:1;margin-top:4px;background:var(--line)}
.smcp-step__body{min-width:0;padding-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.smcp-step:last-child .smcp-step__body{padding-bottom:0}
.smcp-step__label{font-size:.875rem;font-weight:600;color:var(--accent)}
.smcp-step--call .smcp-step__label,.smcp-step--result .smcp-step__label{color:var(--cable)}
.smcp-step--ask .smcp-step__dot{border:2px solid var(--accent);background:var(--panel-bg)}
.smcp-step--call .smcp-step__dot,.smcp-step--call .smcp-step__wire{background:var(--cable)}
.smcp-step--result .smcp-step__dot{border:2px solid var(--cable);background:var(--panel-bg)}
.smcp-step--answer .smcp-step__dot{background:var(--accent-fill)}
.smcp-bubble{margin:0;max-width:100%;padding:11px 15px;border-radius:4px 14px 14px 14px;background:var(--bubble-bg);color:var(--text);font-size:1rem;line-height:1.45}
.smcp-bubble--claude{background:var(--accent-fill);color:#fff}
.smcp-code{align-self:stretch;margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);font-size:.875rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.smcp-code code{font:inherit;color:inherit;background:none;padding:0}
.smcp-code .fn{color:var(--cable)}
.smcp-code .key{color:var(--accent)}
@media (max-width:640px){
  .smcp-hero .container{gap:40px}
  .smcp-hero__demo{padding:20px 18px 22px;border-radius:18px}
  .smcp-hero__submit{flex:1 1 auto}
}

/* Bandeau d’aperçu (administrateurs seulement) */
.smcp-apercu{position:fixed;left:16px;bottom:16px;z-index:9999;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#1A1626;color:#fff;font:600 13px/1.2 var(--font-sans);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.smcp-apercu a{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.smcp-apercu a:hover{background:rgba(255,255,255,.24);color:#fff}
/* Annuaire : titres des fiches lisibles dans les deux modes (le CSS additionnel les forçait en noir) */
body .mcpd-card h3,body .mcpd-card h3 a,body .mcpd-card .mcpd-title-link{color:var(--text)!important}
body .mcpd-card h3 a.mcpd-title-link:hover{color:var(--accent)!important}