/* Trading partner EDI certification & compliance: onboarding.jpg in HTML (markup in template-parts/fig-edi-certification-compliance.php). */
.fg-edi-certification-compliance-root{--navy:#141b33;--mute:#5d6680;--line:#e4e8ef;--red:#ff2a3d;--amber:#f59e0b;--green:#22a356;--grad:linear-gradient(135deg,#ff9a1a,#ff3d3d 55%,#e0157a);
  container:fgecc/inline-size;position:relative;max-width:1240px;margin:0 auto;color:var(--navy);-webkit-font-smoothing:antialiased}
.fg-edi-certification-compliance-root *{box-sizing:border-box}
.fg-edi-certification-compliance-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fg-edi-certification-compliance-root svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fg-edi-certification-compliance-root a{color:inherit;text-decoration:none}
.fg-edi-certification-compliance-root a:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:10px}
.fg-edi-certification-compliance-root b,.fg-edi-certification-compliance-root small{display:block}
.fg-edi-certification-compliance-root small{font-size:1em;font-weight:400}

.fg-edi-certification-compliance-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.fg-edi-certification-compliance-note{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);border-radius:99px;padding:5px 11px;background:#fff}
.fg-edi-certification-compliance-logo{display:block;padding:9px 15px;border-radius:12px;background:#0d1120}
.fg-edi-certification-compliance-logo svg{display:block;width:108px;height:auto}

.fg-edi-certification-compliance-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.8cqw}
.fg-edi-certification-compliance-step{position:relative;display:flex;min-width:0}
.fg-edi-certification-compliance-step:not(:last-child)::after{content:'→';position:absolute;z-index:3;top:42%;right:calc(-.9cqw - clamp(17px,2.1cqw,27px));display:grid;place-items:center;width:clamp(34px,4.2cqw,54px);height:clamp(34px,4.2cqw,54px);border-radius:50%;
  background:var(--grad);color:#fff;font-size:clamp(16px,2cqw,26px);font-weight:700;line-height:1;box-shadow:0 0 0 4px #fff,0 8px 18px -6px rgba(255,60,60,.6);animation:fg-edi-certification-compliance-go 10s infinite;animation-delay:calc(var(--n) * 2s)}
@keyframes fg-edi-certification-compliance-go{0%,4%{transform:scale(1)}8%{transform:scale(1.18)}14%,100%{transform:scale(1)}}
.fg-edi-certification-compliance-card{flex:1;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:1.7cqw 1.1cqw 1.2cqw;border-radius:16px;background:#f5f6f9;border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
.fg-edi-certification-compliance-card:hover,.fg-edi-certification-compliance-card:focus-within{transform:translateY(-4px);border-color:#ffb08a;box-shadow:0 22px 36px -24px rgba(255,80,40,.6)}
.fg-edi-certification-compliance-t{display:block;text-align:center;margin-bottom:1.3cqw}
.fg-edi-certification-compliance-t b{font-size:clamp(15px,1.95cqw,26px);font-weight:900;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}
.fg-edi-certification-compliance-t small{margin-top:.5cqw;color:#4b5571;font-size:clamp(11px,1.25cqw,16px);line-height:1.3}
a.fg-edi-certification-compliance-t:hover b{color:var(--red)}

/* specifications */
.fg-edi-certification-compliance-sheets{display:flex;flex-direction:column;gap:1.4cqw;padding:0 .3cqw}
.fg-edi-certification-compliance-sheet{display:block;padding:1.1cqw 1.1cqw 1.2cqw;border-radius:8px;background:#fff;box-shadow:-6px 6px 0 -1px #e9ecf2,0 10px 20px -14px rgba(20,27,51,.45)}
.fg-edi-certification-compliance-sheet b{font-size:clamp(10px,1.05cqw,14px);font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.8cqw}
.fg-edi-certification-compliance-sheet i{display:block;height:.55cqw;min-height:5px;border-radius:9px;background:#d9dee8;margin-top:.6cqw}
.fg-edi-certification-compliance-sheet i.s{width:60%}
.fg-edi-certification-compliance-sheet-a{margin-right:2cqw}
.fg-edi-certification-compliance-sheet svg{display:block;width:100%;height:auto}

/* test */
.fg-edi-certification-compliance-win{display:block;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 10px 22px -14px rgba(20,27,51,.45)}
.fg-edi-certification-compliance-bar{display:flex;gap:5px;padding:.7cqw .9cqw;background:#1c2540}
.fg-edi-certification-compliance-bar i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.fg-edi-certification-compliance-bar i+i{background:#febc2e}.fg-edi-certification-compliance-bar i+i+i{background:#28c840}
.fg-edi-certification-compliance-drop{display:flex;flex-direction:column;align-items:center;margin:.9cqw;padding:1.2cqw .6cqw;border:2px dashed #d3d8e2;border-radius:10px;text-align:center;font-size:clamp(11px,1.1cqw,14px);transition:border-color .2s,background .2s}
.fg-edi-certification-compliance-drop svg.i{font-size:clamp(26px,3cqw,40px);color:var(--red);margin-bottom:.4cqw;animation:fg-edi-certification-compliance-up 2.4s ease-in-out infinite}
@keyframes fg-edi-certification-compliance-up{50%{transform:translateY(-4px)}}
.fg-edi-certification-compliance-drop small{color:var(--mute);font-size:.9em}
.fg-edi-certification-compliance-drop:hover{border-color:var(--red);background:#fff6f6}
.fg-edi-certification-compliance-file{display:flex;align-items:center;gap:.7cqw;padding:.9cqw;border-top:1px solid var(--line);font-size:clamp(11px,1.08cqw,14px);transition:background .2s}
.fg-edi-certification-compliance-file svg.i{font-size:clamp(16px,1.6cqw,21px);color:#3b4256}
.fg-edi-certification-compliance-file .c{margin-left:auto;font-size:14px}
.fg-edi-certification-compliance-file:hover{background:#fff4ef;color:var(--red)}

/* validate */
.fg-edi-certification-compliance-res{display:flex;flex-direction:column;gap:.6cqw;padding:.9cqw;border-radius:10px;background:#fff;box-shadow:0 10px 22px -14px rgba(20,27,51,.45);font-size:clamp(11px,1.15cqw,15px)}
.fg-edi-certification-compliance-pill{display:flex;align-items:center;gap:.8cqw;padding:.65cqw .8cqw;border-radius:8px;font-weight:600}
.fg-edi-certification-compliance-pill .c{margin-left:auto;font-size:14px}
.fg-edi-certification-compliance-b{display:grid;place-items:center;width:1.9cqw;height:1.9cqw;min-width:20px;min-height:20px;border-radius:50%;color:#fff;font-size:clamp(12px,1.2cqw,16px)}
.fg-edi-certification-compliance-b svg.i{stroke-width:3}
.fg-edi-certification-compliance-err{background:#ffe4e6;color:#b4232f}.fg-edi-certification-compliance-err .fg-edi-certification-compliance-b{background:var(--red)}
.fg-edi-certification-compliance-warn{background:#fff1dc;color:#b45c06}.fg-edi-certification-compliance-warn .fg-edi-certification-compliance-b{background:var(--amber);border-radius:4px}
.fg-edi-certification-compliance-pass{background:#e2f6e8;color:#17763c}.fg-edi-certification-compliance-pass .fg-edi-certification-compliance-b{background:var(--green)}
.fg-edi-certification-compliance-tbl{display:block;margin-top:.4cqw;padding-top:.8cqw;border-top:1px solid var(--line)}
.fg-edi-certification-compliance-tbl>b{margin-bottom:.6cqw;font-size:1.05em}
.fg-edi-certification-compliance-tr{display:grid;grid-template-columns:5.4em 2.6em 1fr;gap:.5cqw;align-items:center;padding:.5cqw .3cqw;border-top:1px solid var(--line);font-size:.85em;line-height:1.25}
.fg-edi-certification-compliance-th{background:#f1f3f7;border-top:0;font-size:.66em;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--mute)}
.fg-edi-certification-compliance-tr i{display:block;width:1.3cqw;height:1.3cqw;min-width:13px;min-height:13px;margin:auto;border-radius:50%;background:var(--red)}
.fg-edi-certification-compliance-tr i.fg-edi-certification-compliance-w{background:var(--amber);border-radius:2px;clip-path:polygon(50% 0,100% 100%,0 100%)}

/* certify */
.fg-edi-certification-compliance-cert{display:flex;flex-direction:column;align-items:center;flex:1;padding:1.6cqw 1cqw;border-radius:10px;background:#fff;box-shadow:0 10px 22px -14px rgba(20,27,51,.45);text-align:center}
.fg-edi-certification-compliance-seal{display:grid;place-items:center;width:clamp(56px,7cqw,92px);height:clamp(56px,7cqw,92px);border-radius:50%;background:var(--grad);color:#fff;font-size:clamp(28px,3.6cqw,46px);box-shadow:0 0 0 6px #ffe3e8,0 12px 26px -8px rgba(255,40,90,.6);animation:fg-edi-certification-compliance-seal 3s ease-in-out infinite}
.fg-edi-certification-compliance-seal svg.i{stroke-width:3}
@keyframes fg-edi-certification-compliance-seal{50%{box-shadow:0 0 0 10px #fff0f3,0 12px 26px -8px rgba(255,40,90,.6)}}
.fg-edi-certification-compliance-big{margin:1.4cqw 0 1.2cqw;font-size:clamp(16px,1.9cqw,25px);font-weight:800;line-height:1.15}
.fg-edi-certification-compliance-ticks{display:flex;flex-direction:column;gap:.9cqw;text-align:left;font-size:clamp(11px,1.12cqw,15px)}
.fg-edi-certification-compliance-ticks>span{display:flex;gap:.7cqw;align-items:flex-start;line-height:1.3}
.fg-edi-certification-compliance-ticks i{display:grid;place-items:center;flex:none;width:1.8cqw;height:1.8cqw;min-width:19px;min-height:19px;border-radius:50%;background:var(--green);color:#fff;font-size:clamp(11px,1.1cqw,14px)}
.fg-edi-certification-compliance-ticks svg.i{stroke-width:3}

/* production */
.fg-edi-certification-compliance-prod{display:flex;flex-direction:column;gap:.7cqw;flex:1;padding:1cqw;border-radius:10px;background:#fff;box-shadow:0 10px 22px -14px rgba(20,27,51,.45);font-size:clamp(11px,1.1cqw,14px)}
.fg-edi-certification-compliance-server{position:relative;display:block;width:72%;margin:.2cqw auto .6cqw}
.fg-edi-certification-compliance-server svg{display:block;width:100%;height:auto}
.fg-edi-certification-compliance-badge{position:absolute;right:-6%;bottom:6%;display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:50%;background:var(--grad);color:#fff;font-size:clamp(20px,2.6cqw,34px);box-shadow:0 0 0 4px #fff,0 8px 18px -6px rgba(255,40,90,.6)}
.fg-edi-certification-compliance-badge svg.i{stroke-width:3}
.fg-edi-certification-compliance-row{display:flex;align-items:center;gap:.8cqw;padding:.7cqw .8cqw;border-radius:8px;background:#f5f6f9;line-height:1.25}
.fg-edi-certification-compliance-row svg.i{font-size:clamp(15px,1.6cqw,20px);color:#1c2540}
a.fg-edi-certification-compliance-row:hover{background:#fff1ec;color:var(--red)}

/* collaboration line */
.fg-edi-certification-compliance-collab{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:0 1cqw;margin-top:2.4cqw}
.fg-edi-certification-compliance-end{display:flex;flex-direction:column;align-items:center;gap:.8cqw;width:clamp(96px,11cqw,150px)}
.fg-edi-certification-compliance-end b{font-size:clamp(12px,1.35cqw,18px);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.fg-edi-certification-compliance-orb{display:grid;place-items:center;width:clamp(56px,7cqw,92px);height:clamp(56px,7cqw,92px);border-radius:50%;color:#fff;font-size:clamp(26px,3.3cqw,44px);box-shadow:0 0 0 7px #eef1f6;transition:transform .25s}
.fg-edi-certification-compliance-ent .fg-edi-certification-compliance-orb{background:#1c2540}
.fg-edi-certification-compliance-tp .fg-edi-certification-compliance-orb{background:linear-gradient(135deg,#e0157a,#b4127f);box-shadow:0 0 0 7px #fbe3ef}
.fg-edi-certification-compliance-end:hover .fg-edi-certification-compliance-orb{transform:scale(1.08)}
.fg-edi-certification-compliance-mid{display:block;text-align:center}
.fg-edi-certification-compliance-line{position:relative;display:flex;align-items:center;justify-content:space-around;height:clamp(56px,7cqw,92px)}
.fg-edi-certification-compliance-line::before{content:'';position:absolute;left:-1cqw;right:.6cqw;top:50%;height:3px;margin-top:-1.5px;background:linear-gradient(90deg,#ff7a1a,#ff3d3d 50%,#e0157a)}
.fg-edi-certification-compliance-line::after{content:'';position:absolute;right:-.2cqw;top:50%;margin-top:-7px;border:7px solid transparent;border-left:11px solid #e0157a;border-right:0}
.fg-edi-certification-compliance-start{position:absolute;left:-1cqw;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#ff7a1a}
.fg-edi-certification-compliance-run{position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ff3d3d,0 0 12px #ff3d3d;animation:fg-edi-certification-compliance-run 6s linear infinite}
@keyframes fg-edi-certification-compliance-run{to{left:calc(100% - 14px)}}
.fg-edi-certification-compliance-bub{position:relative;display:grid;place-items:center;width:clamp(34px,3.6cqw,48px);height:clamp(34px,3.6cqw,48px);border-radius:50%;background:#fff;border:2px solid #ff5a3d;color:#ff3d3d;font-size:clamp(16px,1.7cqw,22px);transition:transform .25s}
.fg-edi-certification-compliance-mid:hover .fg-edi-certification-compliance-bub{transform:scale(1.1)}
.fg-edi-certification-compliance-mid b{margin-top:.2cqw;font-size:clamp(12px,1.3cqw,17px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#2b3557}
.fg-edi-certification-compliance-mid small{margin-top:.4cqw;color:#4b5571;font-size:clamp(11px,1.2cqw,16px)}
.fg-edi-certification-compliance-mid:hover b{color:var(--red)}

/* tablets: card rows wrap */
@container fgecc (max-width:1000px){
  .fg-edi-certification-compliance-flow{grid-template-columns:repeat(3,1fr);gap:22px 26px}
  .fg-edi-certification-compliance-step:nth-child(3)::after{display:none}
  .fg-edi-certification-compliance-step:not(:last-child)::after{right:-30px;width:36px;height:36px;font-size:18px}
  .fg-edi-certification-compliance-card{padding:18px 14px 14px}
  .fg-edi-certification-compliance-t{margin-bottom:14px}.fg-edi-certification-compliance-t b{font-size:19px}.fg-edi-certification-compliance-t small{font-size:13px;margin-top:5px}
  .fg-edi-certification-compliance-sheets{gap:14px}.fg-edi-certification-compliance-sheet{padding:12px}.fg-edi-certification-compliance-sheet b{font-size:12px;margin-bottom:8px}.fg-edi-certification-compliance-sheet i{margin-top:7px}
  .fg-edi-certification-compliance-bar{padding:8px 10px}.fg-edi-certification-compliance-drop{margin:10px;padding:12px 8px;font-size:13px}.fg-edi-certification-compliance-drop svg.i{font-size:30px}.fg-edi-certification-compliance-file{padding:10px;gap:8px;font-size:13px}.fg-edi-certification-compliance-file svg.i{font-size:18px}
  .fg-edi-certification-compliance-res{padding:10px;gap:7px;font-size:13px}.fg-edi-certification-compliance-pill{padding:7px 9px;gap:9px}.fg-edi-certification-compliance-tbl{padding-top:9px}.fg-edi-certification-compliance-tbl>b{margin-bottom:6px}.fg-edi-certification-compliance-tr{gap:6px;padding:6px 4px}
  .fg-edi-certification-compliance-cert{padding:16px 12px}.fg-edi-certification-compliance-big{margin:14px 0 12px;font-size:19px}.fg-edi-certification-compliance-ticks{gap:9px;font-size:13px}.fg-edi-certification-compliance-ticks>span{gap:8px}
  .fg-edi-certification-compliance-prod{padding:12px;gap:8px;font-size:13px}.fg-edi-certification-compliance-row{padding:8px 9px;gap:9px}
  .fg-edi-certification-compliance-collab{margin-top:28px;gap:0 12px}.fg-edi-certification-compliance-end{gap:8px}
}
/* phones: one column, the collaboration line stays horizontal under it */
@container fgecc (max-width:600px){
  .fg-edi-certification-compliance-flow{grid-template-columns:1fr;gap:30px}
  .fg-edi-certification-compliance-logo svg{width:80px}.fg-edi-certification-compliance-logo{padding:7px 11px}
  .fg-edi-certification-compliance-step:not(:last-child)::after,.fg-edi-certification-compliance-step:nth-child(3)::after{display:grid;content:'↓';top:auto;bottom:-27px;right:auto;left:50%;margin-left:-17px;width:34px;height:34px;font-size:17px}
  .fg-edi-certification-compliance-collab{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "m m";row-gap:14px;justify-items:center}
  .fg-edi-certification-compliance-ent{grid-area:a}.fg-edi-certification-compliance-tp{grid-area:b}.fg-edi-certification-compliance-mid{grid-area:m;width:100%}
  .fg-edi-certification-compliance-line{height:48px}
  .fg-edi-certification-compliance-sheet svg{max-width:230px}
  .fg-edi-certification-compliance-sheet-a{margin-right:0}
}
@media (prefers-reduced-motion:reduce){.fg-edi-certification-compliance-root *,.fg-edi-certification-compliance-root *::after{animation:none!important;transition:none!important}}