/* Coral Sticho Shipping BV 3.16.0
   Mobile navigation, compact translation/chat controls, horizontal live journey and full-container motion. */

/* --------------------------------------------------------------------------
   Mobile navigation: one authoritative open/closed state
   -------------------------------------------------------------------------- */
html{overflow-x:hidden}body.shipping-site,.admin-body{overflow-x:hidden}
@supports(overflow:clip){html{overflow-x:clip}body.shipping-site,.admin-body{overflow-x:clip}}
body.shipping-site .nav-toggle{position:relative;z-index:2205;cursor:pointer;touch-action:manipulation}
body.shipping-site .nav-toggle svg{pointer-events:none}
body.shipping-site.nav-open{overflow:hidden}
@media(max-width:860px){
  body.shipping-site .shipping-header{z-index:2200!important}
  body.shipping-site .shipping-nav.main-nav{
    position:fixed!important;left:12px!important;right:12px!important;top:calc(var(--coral-mobile-nav-top,82px) + env(safe-area-inset-top,0px))!important;
    z-index:2195!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;
    max-height:calc(100dvh - 104px - env(safe-area-inset-bottom,0px))!important;overflow:auto!important;
    padding:13px!important;border:1px solid var(--theme-line,#d7e2e7)!important;border-radius:18px!important;
    background:var(--theme-surface,#fff)!important;box-shadow:0 24px 70px rgba(5,30,44,.28)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-14px) scale(.985)!important;
    transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility .2s!important;
  }
  body.shipping-site .shipping-nav.main-nav.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }
  body.shipping-site .shipping-nav.main-nav>a{display:flex!important;align-items:center!important;min-height:50px!important;padding:12px 13px!important;border-radius:11px!important;font-size:1rem!important}
  body.shipping-site .shipping-nav.main-nav .shipping-track-button{justify-content:center!important;margin-top:3px!important}
  body.shipping-site .shipping-nav.main-nav .shipping-language-inline{display:none!important}
}
@media(min-width:621px) and (max-width:860px){body.shipping-site{--coral-mobile-nav-top:112px}}
@media(max-width:620px){body.shipping-site{--coral-mobile-nav-top:78px}}

/* --------------------------------------------------------------------------
   Translator: compact bottom-left launcher with an upward-opening panel
   -------------------------------------------------------------------------- */
.gtranslate_engine_mount{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.shipping-language-control{box-sizing:border-box;color:#153443;z-index:2147480500}
.shipping-language-inline{display:flex!important;align-items:center;gap:8px;min-height:43px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--theme-primary,var(--primary)) 16%,#d6e1e6);border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(8,37,52,.06)}
.shipping-language-inline .language-control-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:color-mix(in srgb,var(--theme-secondary,var(--secondary)) 10%,#edf6f8);color:var(--theme-secondary,var(--secondary));flex:0 0 auto}
.shipping-language-inline label{display:grid;gap:1px;min-width:105px;margin:0!important}
.shipping-language-inline .language-control-label{font:900 .57rem/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#687d87}
.shipping-language-inline .coral-language-select{width:100%;min-width:105px;height:23px!important;min-height:23px!important;padding:0 21px 0 0!important;border:0!important;outline:0!important;background:transparent!important;color:#173443!important;font:850 .8rem/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:none!important;cursor:pointer}
.shipping-language-inline .language-control-state{padding:4px 7px;border-radius:999px;background:#edf4f6;color:#5c727d;font:850 .56rem/1 system-ui,-apple-system,"Segoe UI",sans-serif}
.shipping-language-floating{display:none!important}

@media(max-width:1080px){
  .shipping-language-inline{display:none!important}
  details.shipping-language-floating{
    position:fixed!important;left:11px!important;right:auto!important;bottom:calc(11px + env(safe-area-inset-bottom,0px))!important;
    z-index:2147480600!important;display:block!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
    padding:0!important;border:0!important;border-radius:17px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  details.shipping-language-floating>summary{
    list-style:none!important;display:grid!important;grid-template-columns:30px auto!important;place-items:center!important;gap:2px!important;
    width:54px!important;height:54px!important;padding:0!important;border:1px solid color-mix(in srgb,var(--theme-primary,var(--primary)) 22%,#c8d7de)!important;
    border-radius:17px!important;background:var(--theme-surface,#fff)!important;color:var(--theme-primary,var(--primary))!important;
    box-shadow:0 13px 32px rgba(4,28,42,.22)!important;cursor:pointer!important;touch-action:manipulation!important;
  }
  details.shipping-language-floating>summary::-webkit-details-marker{display:none!important}
  details.shipping-language-floating>summary::marker{content:""}
  details.shipping-language-floating .language-control-icon{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;border-radius:10px!important;background:color-mix(in srgb,var(--theme-secondary,var(--secondary)) 11%,#eef7f8)!important;color:var(--theme-secondary,var(--secondary))!important}
  details.shipping-language-floating .language-current-code{font:950 .62rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--theme-primary,var(--primary))!important;letter-spacing:.02em}
  details.shipping-language-floating[open]>summary{border-color:var(--theme-accent,var(--accent))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-accent,var(--accent)) 14%,transparent),0 13px 32px rgba(4,28,42,.22)!important}
  .language-floating-panel{
    position:absolute!important;left:0!important;bottom:64px!important;width:min(264px,calc(100vw - 22px))!important;padding:14px!important;
    border:1px solid color-mix(in srgb,var(--theme-primary,var(--primary)) 17%,#d2dfe5)!important;border-radius:17px!important;
    background:var(--theme-surface,#fff)!important;box-shadow:0 22px 60px rgba(4,28,42,.28)!important;color:var(--theme-text,#203b49)!important;
    transform-origin:left bottom;animation:coralLanguagePanel .2s cubic-bezier(.2,.8,.2,1) both;
  }
  .language-floating-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
  .language-floating-head>div{display:grid!important;gap:3px!important}.language-floating-head b{color:var(--theme-heading,#102e3e)!important;font-size:.95rem!important}.language-floating-head small{color:var(--theme-muted,#657a85)!important;font-size:.75rem!important;line-height:1.35!important}
  .language-floating-panel label{display:grid!important;gap:6px!important;margin:0!important}.language-floating-panel .language-control-label{font:900 .65rem/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#617983}
  .language-floating-panel .coral-language-select{width:100%!important;min-height:46px!important;padding:8px 34px 8px 11px!important;border:1px solid #ccdbe2!important;border-radius:11px!important;background:#fff!important;color:#173443!important;font-size:16px!important;font-weight:800!important;box-shadow:none!important}
  .language-control-state{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#edf4f6;color:#536b77;font:850 .6rem/1 system-ui,-apple-system,"Segoe UI",sans-serif}
  [data-language-control][data-state="loading"] .language-control-state{background:#fff0dc;color:#8b4e0d}[data-language-control][data-state="warning"] .language-control-state{background:#ffe5df;color:#9a3426}
  .language-translate-button,.language-fallback-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;margin-top:10px!important;padding:10px 12px!important;border:0!important;border-radius:11px!important;background:var(--theme-primary,var(--primary))!important;color:var(--theme-primary-text,#fff)!important;text-decoration:none!important;font-size:.88rem!important;font-weight:900!important;cursor:pointer!important}
  .language-fallback-link{background:var(--theme-secondary,var(--secondary))!important}
}
@keyframes coralLanguagePanel{from{opacity:0;transform:translateY(8px) scale(.975)}to{opacity:1;transform:none}}

/* --------------------------------------------------------------------------
   JivoChat compact bottom-right launcher. Open chat windows remain usable.
   -------------------------------------------------------------------------- */
.coral-jivo-launcher{right:10px!important;left:auto!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;max-width:68px!important;max-height:68px!important;z-index:2147480550!important}
@media(max-width:620px){.coral-jivo-launcher{right:9px!important;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;max-width:58px!important;max-height:58px!important}}

/* --------------------------------------------------------------------------
   Realistic horizontal shipment journey
   -------------------------------------------------------------------------- */
.delivery-journey-card.tracking-progress-style-route_flow{display:block!important;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary,var(--primary)) 3%,#fff),#fff)!important;border-color:color-mix(in srgb,var(--theme-primary,var(--primary)) 15%,#d8e3e8)!important}
.progress-horizontal-journey{position:relative;display:grid;gap:20px;--route-inset:clamp(60px,7vw,94px)}
.horizontal-route-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.7fr) minmax(0,1fr);gap:12px;align-items:stretch}
.horizontal-route-place,.horizontal-route-live{display:grid;align-content:center;gap:4px;min-height:74px;padding:12px 15px;border:1px solid var(--theme-line,#d8e3e8);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(8,39,54,.05)}
.horizontal-route-place.destination{text-align:right}.horizontal-route-place small,.horizontal-route-live small{font-size:.66rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--theme-muted,#6c7f89)!important}.horizontal-route-place b,.horizontal-route-live b{overflow:hidden;color:var(--theme-heading,#102f40)!important;font-size:.9rem!important;line-height:1.3!important;text-overflow:ellipsis;white-space:nowrap}
.horizontal-route-live{position:relative;padding-left:42px;background:color-mix(in srgb,var(--theme-accent,var(--accent)) 5%,#fff);border-color:color-mix(in srgb,var(--theme-accent,var(--accent)) 34%,#d8e3e8)}.horizontal-route-live>i{position:absolute;left:16px;top:50%;width:11px;height:11px;margin-top:-5px;border-radius:50%;background:var(--theme-accent,var(--accent));box-shadow:0 0 0 7px color-mix(in srgb,var(--theme-accent,var(--accent)) 14%,transparent);animation:coralCurrentPulse 1.8s ease-in-out infinite}
.horizontal-route-viewport{position:relative;overflow-x:auto;overflow-y:hidden;padding:10px 4px 13px;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.horizontal-route-viewport:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent,var(--accent)) 44%,transparent);outline-offset:4px;border-radius:15px}
.horizontal-route-track{position:relative;min-width:max(920px,calc(var(--stage-count) * 154px));padding:45px var(--route-inset) 2px}
.horizontal-route-base,.horizontal-route-fill{position:absolute;top:74px;left:var(--route-inset);height:7px;border-radius:999px}
.horizontal-route-base{right:var(--route-inset);background:linear-gradient(90deg,#dce6ea,#cfdde2)}
.horizontal-route-fill{width:calc((100% - (var(--route-inset) * 2)) * (var(--journey-progress) / 100));background:linear-gradient(90deg,var(--theme-primary,var(--primary)),var(--theme-secondary,var(--secondary)),var(--theme-accent,var(--accent)));box-shadow:0 0 20px color-mix(in srgb,var(--theme-secondary,var(--secondary)) 26%,transparent);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.horizontal-route-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:coralRouteLight 2.4s linear infinite}
.horizontal-route-vehicle{position:absolute;z-index:5;top:54px;left:calc(var(--route-inset) + ((100% - (var(--route-inset) * 2)) * (var(--journey-progress) / 100)));display:grid;place-items:center;width:43px;height:39px;margin-left:-21px;border:4px solid #fff;border-radius:13px;background:var(--theme-primary,var(--primary));color:var(--theme-primary-text,#fff);box-shadow:0 9px 24px color-mix(in srgb,var(--theme-primary,var(--primary)) 30%,transparent);transition:left .8s cubic-bezier(.2,.8,.2,1);animation:coralVehicleFloat 2.1s ease-in-out infinite}
.horizontal-route-stages{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--stage-count),minmax(140px,1fr));gap:10px}
.horizontal-route-stage{position:relative;display:grid;grid-template-rows:54px auto;justify-items:center;min-width:140px;scroll-snap-align:center;text-align:center}
.horizontal-stage-node{position:relative;z-index:3;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border:4px solid #fff!important;border-radius:50%!important;background:#d7e3e8!important;color:#647b87!important;box-shadow:0 5px 16px rgba(10,42,57,.12)!important}
.horizontal-route-stage.complete .horizontal-stage-node{background:var(--theme-secondary,var(--secondary))!important;color:#fff!important}.horizontal-route-stage.current .horizontal-stage-node{width:48px!important;height:48px!important;margin-top:-3px!important;background:var(--theme-accent,var(--accent))!important;color:var(--theme-accent-text,var(--accent-contrast,#111))!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--theme-accent,var(--accent)) 14%,transparent),0 9px 22px rgba(10,42,57,.18)!important;animation:coralCurrentNode 1.7s ease-in-out infinite}
.horizontal-stage-number{position:absolute;top:7px;right:calc(50% + 25px);color:color-mix(in srgb,var(--theme-primary,var(--primary)) 36%,#8da0a8)!important;font-size:.61rem!important;font-weight:950!important;letter-spacing:.05em!important}
.horizontal-stage-copy{width:100%;min-height:122px;padding:12px 10px 10px;border:1px solid var(--theme-line,#d8e3e8);border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(8,39,54,.045)}
.horizontal-route-stage.current .horizontal-stage-copy{border-color:color-mix(in srgb,var(--theme-accent,var(--accent)) 45%,#d8e3e8);background:color-mix(in srgb,var(--theme-accent,var(--accent)) 5%,#fff);box-shadow:0 13px 28px color-mix(in srgb,var(--theme-accent,var(--accent)) 12%,transparent)}
.horizontal-stage-copy .track293-stage-title{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-height:38px!important}.horizontal-stage-copy .track293-stage-title b{color:var(--theme-heading,#102f40)!important;font-size:.9rem!important;line-height:1.25!important}.horizontal-stage-copy .track293-stage-title span{padding:3px 6px!important;border-radius:999px!important;background:var(--theme-accent,var(--accent))!important;color:var(--theme-accent-text,var(--accent-contrast,#111))!important;font-size:.55rem!important;font-weight:950!important;text-transform:uppercase!important}
.horizontal-stage-copy small{display:block!important;min-height:34px!important;margin-top:4px!important;color:var(--theme-muted,#687d87)!important;font-size:.75rem!important;line-height:1.42!important}.horizontal-stage-copy time{display:block!important;margin-top:7px!important;color:var(--theme-secondary,var(--secondary))!important;font-size:.7rem!important;font-weight:850!important}
.horizontal-route-mobile-note{display:flex;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--theme-line,#d8e3e8);color:var(--theme-muted,#687d87);font-size:.76rem}.horizontal-route-mobile-note b{color:var(--theme-secondary,var(--secondary))}
@keyframes coralRouteLight{to{transform:translateX(100%)}}@keyframes coralVehicleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes coralCurrentPulse{50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--theme-accent,var(--accent)) 5%,transparent)}}@keyframes coralCurrentNode{50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--theme-accent,var(--accent)) 6%,transparent),0 9px 22px rgba(10,42,57,.18)!important}}

@media(max-width:780px){
  .delivery-journey-card.tracking-progress-style-route_flow{padding:20px 14px!important}
  .horizontal-route-overview{grid-template-columns:1fr 1fr}.horizontal-route-live{grid-column:1/-1;grid-row:1}.horizontal-route-place.destination{text-align:right}
  .horizontal-route-track{min-width:max(840px,calc(var(--stage-count) * 145px));--route-inset:66px}
  .horizontal-route-viewport{margin-inline:-5px;padding-inline:5px}
  .horizontal-route-mobile-note{font-size:.72rem}
}
@media(max-width:520px){
  .horizontal-route-overview{grid-template-columns:1fr;gap:8px}.horizontal-route-live,.horizontal-route-place{grid-column:auto;grid-row:auto;min-height:67px}.horizontal-route-place.destination{text-align:left}
  .horizontal-route-track{min-width:max(800px,calc(var(--stage-count) * 138px));--route-inset:58px;padding-top:40px}.horizontal-route-base,.horizontal-route-fill{top:69px}.horizontal-route-vehicle{top:49px}
  .horizontal-stage-copy{min-height:126px;padding-inline:8px}.horizontal-stage-copy .track293-stage-title b{font-size:.88rem!important}.horizontal-stage-copy small{font-size:.74rem!important}
  .horizontal-route-mobile-note span{max-width:65%}
}

/* --------------------------------------------------------------------------
   Lightweight fly-in motion for every semantic content container
   -------------------------------------------------------------------------- */
html.coral-motion-v316.coral-motion-ready [data-coral-enter]{opacity:0;filter:blur(1.5px);transition:opacity .62s ease,transform .7s cubic-bezier(.18,.78,.2,1),filter .62s ease;transition-delay:var(--coral-delay,0ms);will-change:opacity,transform}
html.coral-motion-v316.coral-motion-ready [data-coral-enter="fly-left"]{transform:translate3d(-34px,10px,0)}
html.coral-motion-v316.coral-motion-ready [data-coral-enter="fly-right"]{transform:translate3d(34px,10px,0)}
html.coral-motion-v316.coral-motion-ready [data-coral-enter="fly-up"]{transform:translate3d(0,30px,0)}
html.coral-motion-v316.coral-motion-ready [data-coral-enter].is-inview{opacity:1;filter:none;transform:none}
@media(prefers-reduced-motion:reduce){
  .horizontal-route-fill::after,.horizontal-route-vehicle,.horizontal-route-live>i,.horizontal-route-stage.current .horizontal-stage-node{animation:none!important}
  html.coral-motion-v316.coral-motion-ready [data-coral-enter]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
}

/* Administrator preview for the final horizontal progress component */
.tracking-horizontal-setting-preview{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;min-height:150px;margin-top:18px;padding:24px;border:1px solid var(--admin-line,#d7e2e7);border-radius:18px;background:linear-gradient(180deg,#f7fbfc,#fff);overflow-x:auto}
.preview-horizontal-endpoint,.preview-horizontal-current{display:grid;justify-items:center;gap:7px;min-width:86px;text-align:center}.preview-horizontal-endpoint i,.preview-horizontal-current i{display:block;width:38px;height:38px;border:7px solid #fff;border-radius:50%;background:var(--theme-secondary,var(--secondary));box-shadow:0 5px 15px rgba(7,42,57,.18)}.preview-horizontal-current i{width:46px;height:46px;background:var(--theme-accent,var(--accent));box-shadow:0 0 0 8px color-mix(in srgb,var(--theme-accent,var(--accent)) 14%,transparent),0 7px 18px rgba(7,42,57,.18)}.preview-horizontal-endpoint.destination i{background:#cbd9df}.preview-horizontal-endpoint b,.preview-horizontal-current b{font-size:.78rem;color:var(--admin-heading,var(--theme-heading,#123140))}.preview-horizontal-line{position:relative;display:block;min-width:90px;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--theme-primary,var(--primary)),var(--theme-secondary,var(--secondary)))}.preview-horizontal-line.pending{background:#d2dfe4}.preview-horizontal-line em{position:absolute;right:10%;top:50%;width:30px;height:25px;margin-top:-13px;border:4px solid #fff;border-radius:9px;background:var(--theme-primary,var(--primary));box-shadow:0 5px 14px rgba(7,42,57,.2)}
@media(max-width:720px){.tracking-horizontal-setting-preview{min-width:720px}.tracking-style-settings{overflow-x:auto}}