/* CILCO V9 RC4 - approved phone navigation, copied verbatim from the TEST page snippets cilco-v32 and cilco-test-header-compact-v2. Only the TEST-path line was removed. */

/* During page parsing, hide the old four-button dock before it first paints. */
html.cilco-v32-preparing .bottom-menu, body.cilco-v32-ready .bottom-menu{display:none!important}
body.cilco-v32-ready{padding-bottom:max(100px,calc(88px + env(safe-area-inset-bottom)))}
body.cilco-v32-ready .page.active{scroll-padding-bottom:120px}
body.cilco-v32-ready header .cilco-v32-duplicate-language,
body.cilco-v32-ready .head-inner .cilco-v32-duplicate-language{display:none!important}
#cilco3d-v3{--h:64px;--d:52px;--pad:8px;--lift:18px;--icon:22px;--fz:10px;position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 24px);max-width:420px;height:var(--h);z-index:1100;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;direction:ltr;overflow:visible;isolation:isolate;box-sizing:border-box}
#cilco3d-v3 *,#cilco3d-v3 *:before,#cilco3d-v3 *:after{box-sizing:border-box}
#cilco3d-v3 .c3-bar{height:100%;position:relative;display:flex;direction:ltr;align-items:stretch;overflow:visible;padding:0 var(--pad);border-radius:9999px;border:1px solid #3974ff;background:linear-gradient(180deg,#185cfa,#0047ff 50%,#003acb);box-shadow:inset 0 2px 2px rgba(255,255,255,.2),0 8px 24px rgba(0,25,100,.22);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
#cilco3d-v3 .c3-tab{appearance:none;min-width:0;width:20%;flex:1 1 20%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;color:#fff;background:transparent;border:none;padding:0;cursor:pointer;border-radius:15px;touch-action:pan-y}
#cilco3d-v3 .c3-tab:focus-visible{outline:2px solid #fff;outline-offset:-5px}
#cilco3d-v3 .c3-svg{display:grid;place-items:center;width:32px;height:32px;filter:drop-shadow(0 1px 1px rgba(0,20,110,.5))}
#cilco3d-v3 svg{width:var(--icon);height:var(--icon);stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
#cilco3d-v3 .c3-tab.c3-active .c3-svg{opacity:0}
#cilco3d-v3 .c3-label{position:absolute;bottom:5px;left:-5px;right:-5px;display:block;color:#fff;font-size:var(--fz);line-height:1.1;font-weight:600;text-align:center;text-shadow:0 1px 2px rgba(0,13,87,.45);white-space:nowrap;opacity:0}
#cilco3d-v3 .c3-tab.c3-active .c3-label{opacity:1}
#cilco3d-v3 .c3-orb{position:absolute;z-index:4;left:0;top:0;width:var(--d);height:var(--d);display:grid;place-items:center;border:4px solid #fff;border-radius:50%;pointer-events:auto;touch-action:pan-y;cursor:grab;transform:translate3d(0,calc(-1 * var(--lift)),0);will-change:transform;background:radial-gradient(circle at 31% 18%,#4b8bff 0%,#0b55ec 31%,#0040da 58%,#002aa7 86%,#001d77 100%);box-shadow:0 7px 0 -4px #163b9b,0 12px 20px rgba(0,25,100,.33),inset 0 2px 3px rgba(255,255,255,.48),inset 0 -5px 7px rgba(0,12,80,.5)}
#cilco3d-v3 .c3-orb:before{content:"";position:absolute;top:3px;left:7px;width:49%;height:20%;border-radius:50%;background:rgba(255,255,255,.24);filter:blur(2px);transform:rotate(-24deg);pointer-events:none}
#cilco3d-v3 .c3-orb svg{position:relative;z-index:1;width:calc(var(--icon) + 3px);height:calc(var(--icon) + 3px);stroke-width:2.9;pointer-events:none;filter:drop-shadow(0 1px 0 #bed7ff) drop-shadow(0 2px 0 #002a93) drop-shadow(0 3px 1px #001b65)}
#cilco3d-v3 .c3-langs{display:none;position:absolute;right:0;bottom:calc(var(--h) + 14px);width:min(192px,calc(100vw - 24px));max-height:50dvh;overflow:auto;background:#fff;color:#16376c;border:1px solid #bcd0f8;border-radius:12px;padding:8px;box-shadow:0 8px 22px rgba(0,25,100,.22)}
#cilco3d-v3 .c3-langs.c3-open{display:block}
#cilco3d-v3 .c3-langs button{border:0;display:block;width:100%;padding:11px 9px;margin:0 0 3px;text-align:left;border-radius:8px;background:#edf3ff;color:#143a78;font-size:13px;font-weight:700}
#cilco3d-v3 .c3-langs small{display:block;font-size:10px;line-height:1.4;padding:5px;color:#385b84}
@media(min-width:601px) and (max-width:1024px){#cilco3d-v3{width:480px;max-width:calc(100% - 24px);--h:70px;--d:58px;--pad:12px;--lift:21px;--icon:24px;--fz:11px}}
@media(min-width:1025px){#cilco3d-v3{width:540px;max-width:calc(100% - 24px);--h:76px;--d:64px;--pad:15px;--lift:24px;--icon:26px;--fz:12px}}
@media(prefers-reduced-motion:reduce){#cilco3d-v3 .c3-orb{transition:none!important}}
@media print{#cilco3d-v3{display:none!important}body.cilco-v32-ready{padding-bottom:0!important}}


/* No change until the approved 3D bottom navigation is actually present. */
body.cilco-test-header-ready header .cilco-test-top-language-hidden,
body.cilco-test-header-ready header .cilco-test-top-language-hidden[hidden] {
  display:none!important;
}
/* Only the mobile menu's surrounding empty space is condensed. */
@media (max-width:600px) {
  body.cilco-test-header-ready header .head-inner {
    min-height:68px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  body.cilco-test-header-ready #mobileNav.cilco-test-menu-compact {
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.cilco-test-header-ready #mobileNav.cilco-test-menu-compact.open {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    padding:7px 10px!important;
    max-height:min(220px,37dvh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-items:stretch!important;
  }
  body.cilco-test-header-ready #mobileNav.cilco-test-menu-compact button {
    min-width:0!important;
    min-height:40px!important;
    padding:6px 7px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}
@media(max-width:340px) {
  body.cilco-test-header-ready #mobileNav.cilco-test-menu-compact.open {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
