/* styles chargés uniquement sur la page /realisations/ (bloc realisations, functions.php) ; tokens et composants communs dans ../indexpert.css */
/* réalisations : fenêtre de navigation AVDL (iframe chargée au clic) */
.ix-browser{margin-top:clamp(40px,4.25vw,54px);background:var(--ix-paper-2);outline:2px solid var(--ix-ink)}
.ix-browser__bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 16px;background:var(--ix-ink);color:var(--ix-paper)}
.ix-browser__dots{display:flex;gap:7px}
.ix-browser__dots span{width:12px;height:12px;border-radius:50%;background:var(--ix-ink-3)}
.ix-browser__dots span:first-child{background:var(--ix-coral)}
.ix-browser__url{flex:1;min-width:140px;padding:8px 16px;border-radius:999px;background:var(--ix-ink-2);font:500 .95rem/1.2 var(--ix-body);color:var(--ix-muted-dark)}
.ix-browser__toggle{display:none;gap:4px;padding:4px;background:var(--ix-ink-2)}
.ix-js .ix-browser__toggle{display:flex}
.ix-site .ix-browser__toggle button,.ix-site .ix-browser__toggle button:hover,.ix-site .ix-browser__toggle button:focus{min-height:44px;padding:0 14px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ix-paper);font:600 .95rem/1 var(--ix-body);cursor:pointer}
.ix-site .ix-browser__toggle button[aria-pressed="true"]{background:var(--ix-paper);color:var(--ix-ink)}
.ix-browser__stage{display:flex;justify-content:center;padding:clamp(12px,2vw,24px);background:var(--ix-paper-3)}
.ix-browser__screen{position:relative;width:100%;aspect-ratio:16/10;background:#fff;transition:width .3s var(--ix-ease)}
.ix-browser__shot{width:100%;height:100%;object-fit:cover;object-position:top}
.ix-browser__shot--mobile{display:none}
.ix-browser.is-mobile .ix-browser__screen{width:min(100%,390px);aspect-ratio:390/720;border-radius:24px;outline:8px solid var(--ix-ink)}
.ix-browser.is-mobile .ix-browser__shot--desktop{display:none}
.ix-browser.is-mobile .ix-browser__shot--mobile{display:block;border-radius:24px}
.ix-browser__screen iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.ix-browser.is-mobile .ix-browser__screen iframe{border-radius:24px}
.ix-site .ix-browser__load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:var(--ix-hard-shadow);white-space:nowrap}
.ix-site .ix-browser__load:hover{transform:translate(-50%,-50%) translate(-2px,-2px);box-shadow:7px 7px 0 var(--ix-ink)}
.ix-browser.is-loaded .ix-browser__shot,.ix-browser.is-loaded .ix-browser__load{display:none}
.ix-browser__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;padding:8px 16px;font-size:.95rem;color:var(--ix-muted)}

/* réalisations : arborescence AVDL */
.ix-tree{background:var(--ix-ink);color:var(--ix-paper);padding:clamp(24px,2.55vw,31px)}
.ix-tree__root{display:inline-block;padding:10px 16px;background:var(--ix-coral);color:var(--ix-ink);font:700 1.05rem/1 var(--ix-display)}
.ix-tree__list{display:grid;gap:8px;margin:14px 0 0 18px;padding-left:22px;border-left:2px solid var(--ix-ink-3)}
.ix-tree__list li{position:relative;padding:9px 14px;background:var(--ix-ink-2);font-weight:500;font-size:.98rem}
.ix-tree__list li::before{content:"";position:absolute;left:-24px;top:50%;width:22px;height:2px;background:var(--ix-ink-3)}
.ix-tree figcaption{margin-top:16px;font-size:.95rem;color:var(--ix-muted-dark)}

.ix-toppages{width:100%;margin-top:20px;border-collapse:collapse;font-size:.98rem}
.ix-toppages th,.ix-toppages td{padding:12px 10px;text-align:left;font-weight:500;border-bottom:1px solid var(--ix-ink-3)}
.ix-toppages thead th{font:700 .9rem/1.2 var(--ix-display);color:var(--ix-muted-dark);border-bottom:2px solid var(--ix-ink-3)}
.ix-toppages :is(td,thead th:not(:first-child)){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ix-toppages tbody th{position:relative;padding-bottom:20px}
.ix-toppages tbody th::after{content:"";position:absolute;left:10px;bottom:9px;width:calc(var(--w) - 10px);height:5px;background:var(--ix-blue-light)}
.ix-toppages tbody tr:first-child th::after{background:var(--ix-coral)}
.ix-toppages td:nth-child(2){color:var(--ix-paper);font-weight:700}
.ix-toppages__note{margin-top:14px}
.ix-case__grid--seo .ix-numbers__shot{transform:rotate(1.5deg)}
/* réalisations : audits */
.ix-audits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3.4vw,48px);margin-top:clamp(48px,5.1vw,68px);align-items:start}
.ix-audits .ix-auditcard{transform:none}