/* service-integration.css — proposition locale, non publiée */
.sf-services{--si-navy:#153b51;--si-ocean:#2b7a99;--si-gold:#b8934a;--si-cream:#fffdf8;--si-stone:#efe8da;--si-rose:#e9b8c4;--si-serif:Georgia,"Times New Roman",serif;--si-sans:"Segoe UI",system-ui,sans-serif;color:var(--si-navy);font-family:var(--si-sans)}
.sf-services [hidden]{display:none!important}
.sf-services .sc-catalogue{width:94%;max-width:none;margin-inline:auto}
.sf-services :is(.sc-catalogue,.sc-inline-detail) :is(h2,h3){font-family:var(--si-serif);font-weight:400;overflow-wrap:anywhere}
.sf-services :focus-visible{outline:3px solid var(--si-ocean);outline-offset:3px;box-shadow:0 0 0 6px var(--si-cream);border-radius:8px}


/* Barre d'outils */
.sf-services .sc-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-block:1rem}
.sf-services .sc-filters{display:flex;flex-wrap:wrap;gap:.4rem}
.sf-services .sc-filters button{min-height:44px;min-width:44px;padding:.3rem 1rem;font:inherit;color:var(--si-navy);background:transparent;border:1px solid rgba(21,59,81,.25);border-radius:999px;cursor:pointer}
.sf-services .sc-filters button:hover{background:var(--si-stone)}
.sf-services .sc-filters button[aria-pressed=true],.sf-services .sc-filters button[aria-current=true]{background:var(--si-navy);color:#fff;border-color:var(--si-navy)}
.sf-services .sc-count{margin:0;font-size:.9rem;color:#47657a}

/* Catalogue : 1 colonne mobile, 2 tablette, 4 grands écrans */
.sf-services .sc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.9rem,2vw,1.75rem)}
@media(min-width:640px){.sf-services .sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1500px){.sf-services .sc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sf-services .sc-card{display:flex;flex-direction:column;overflow:hidden;background:var(--si-cream);border:1px solid rgba(21,59,81,.14);border-top:3px solid var(--si-gold);border-radius:22px;box-shadow:0 14px 32px rgba(21,59,81,.1);transition:box-shadow .2s}
.sf-services .sc-card:hover,.sf-services .sc-card:focus-within{box-shadow:0 18px 40px rgba(21,59,81,.18)}
.sf-services .sc-art{margin:0;padding:.75rem;background:radial-gradient(circle at 80% 0,rgba(233,184,196,.45),transparent 60%),var(--si-stone)}
.sf-services .sc-art img,.sf-services .sc-detail-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:14px}
.sf-services .sc-card-kicker{margin:.9rem 1.1rem 0;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--si-ocean)}
.sf-services .sc-card-body{display:flex;flex-direction:column;flex:1;gap:.5rem;padding:.4rem 1.1rem 1.2rem}
.sf-services .sc-card-body h2{font-size:clamp(1.25rem,1.6vw,1.7rem);line-height:1.15;margin:0}
.sf-services .sc-card-lead{margin:0;font-style:italic;color:var(--si-ocean)}
.sf-services .sc-card-desc{margin:0;max-width:62ch}
.sf-services .sc-card button[data-sc-open],.sf-services .sc-inline-detail button{min-height:44px;min-width:44px;padding:.4rem 1.2rem;font:inherit;color:#fff;background:var(--si-navy);border:1px solid var(--si-navy);border-radius:999px;cursor:pointer}
.sf-services .sc-card button[data-sc-open]{margin-top:auto;align-self:flex-start}
.sf-services .sc-card button[data-sc-open]:hover,.sf-services .sc-inline-detail button:hover{background:#0d2a3b}

/* Détail inline */
.sf-services .sc-inline-detail{margin-top:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,3vw,2.5rem);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(43,122,153,.12));border:1px solid rgba(21,59,81,.14);border-radius:26px}
.sf-services .sc-inline-detail button[data-sc-close]{margin-bottom:.75rem;color:var(--si-navy);background:var(--si-stone);border-color:rgba(21,59,81,.25)}
.sf-services .sc-detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,3vw,3rem);align-items:center}
@media(min-width:900px){.sf-services .sc-detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.sf-services .sc-detail-art{background:var(--si-stone);box-shadow:0 18px 40px rgba(21,59,81,.2)}
.sf-services .sc-detail-copy{min-width:0}
.sf-services .sc-detail-copy h2,.sf-services .sc-detail-copy h3{font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.15;margin:0 0 .5rem}
.sf-services .sc-detail-copy p,.sf-services .sc-detail-copy li{max-width:62ch}
.sf-services .sc-detail-copy ul{padding-left:1.2rem}
.sf-services .sc-feedback{margin:.75rem 0 0;padding-left:.8rem;border-left:3px solid var(--si-rose);font-size:.92rem;max-width:62ch}
.sf-services .sc-feedback:empty{display:none}
.sf-services .sc-request-head{margin-top:clamp(1.5rem,3vw,2.5rem)}

@media(prefers-reduced-motion:reduce){.sf-services *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.sf-services .sc-card,.sf-services .sc-inline-detail,.sf-services .sc-filters button,.sf-services .sc-card button,.sf-services .sc-inline-detail button{border:1px solid CanvasText}}

/* Reconcile the existing artwork heights/custom transform and notebook side without changing its form. */
body.lt-finish .sf-services .sc-card .sc-art{height:auto;min-height:0;aspect-ratio:4/3;padding:.75rem}
body.lt-finish .sf-services .sc-card[data-sc-card] .sc-art img{position:static;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;transform:none;border:0;box-shadow:none}
.sf-services .sc-card-kicker{margin:0;letter-spacing:.06em}
body.lt-finish .sf-services .sc-inline-detail .sc-detail-art{min-height:0;height:auto;max-height:none;object-fit:contain}
body.lt-finish .sf-services .xp-side-frame{height:auto;aspect-ratio:4/3}
body.lt-finish .sf-services .xp-side-frame img{width:100%;height:100%;max-height:none;object-fit:contain}
.sf-services .sc-inline-detail[hidden]{display:none!important}