/* ILO/SWTB Navigation 0.1.3 - isolated styles for Divi 5 */
.ilo-nav2,.ilo-nav2 *, .ilo-nav2-drawer,.ilo-nav2-drawer *{box-sizing:border-box}
.ilo-nav2{--nav-bg:#fff;position:relative;z-index:99990;background:var(--nav-bg);color:#20232b;font:600 13px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;left:auto!important;transform:none!important;isolation:auto;box-shadow:0 1px 3px #0002}
.ilo-nav2.ilo-nav2-fixed{position:fixed!important;top:0!important;left:0!important;margin:0!important;width:100%!important;z-index:99990}
body.admin-bar .ilo-nav2.ilo-nav2-fixed{top:32px!important}
.ilo-nav2-bar{display:flex;align-items:center;gap:clamp(10px,1.3vw,22px);width:100%;max-width:var(--ilo-nav2-max,1600px);margin-inline:auto;min-height:64px;padding:5px clamp(14px,2.2vw,32px)}
.ilo-nav2-logo{flex:0 0 clamp(105px,9vw,146px);max-width:146px;min-width:0;display:flex;align-items:center;justify-content:flex-start}
.ilo-nav2-logo img{width:auto;max-width:100%;max-height:50px;height:auto;display:block;object-fit:contain}
.ilo-nav2-desktop{flex:1 1 auto;min-width:0}
.ilo-nav2-list,.ilo-nav2-list ul,.ilo-nav2-mobile-list,.ilo-nav2-mobile-list ul{list-style:none!important;padding:0!important;margin:0!important}
.ilo-nav2-list{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:clamp(2px,.38vw,8px)}
.ilo-nav2-list li{position:relative;min-width:0}
.ilo-nav2-list>li>a{white-space:nowrap;font-size:clamp(10px,.7vw,12px);font-weight:700;padding:10px 3px}
.ilo-nav2 a{color:#20232b!important;text-decoration:none!important}
.ilo-nav2-list a{display:block;line-height:1.25}
.ilo-nav2-list a:hover,.ilo-nav2-list a:focus-visible{color:#ba1f32!important}
.ilo-nav2-list .sub-menu{position:absolute;display:none;top:100%;left:0;min-width:210px;max-width:310px;background:#fff;border:1px solid #e0e1e4;box-shadow:0 12px 30px #0002;padding:7px!important;z-index:100;border-radius:6px}
.ilo-nav2-list .sub-menu .sub-menu{left:100%;top:0}
.ilo-nav2-list .sub-menu a{padding:9px 10px;white-space:normal;font-weight:600}
.ilo-nav2-list li:hover>.sub-menu,.ilo-nav2-list li:focus-within>.sub-menu{display:block}
.ilo-nav2-tools{flex:0 0 auto;display:flex;align-items:center;gap:2px;margin-left:auto}
.ilo-nav2-tool,.ilo-nav2-toggle,.ilo-nav2-dismiss{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;padding:7px!important;border:0!important;box-shadow:none!important;border-radius:7px!important;background:transparent!important;color:#20232b!important;cursor:pointer;text-decoration:none!important}
.ilo-nav2-tool:hover,.ilo-nav2-toggle:hover,.ilo-nav2-dismiss:hover{background:#eceef2!important}
.ilo-nav2 svg,.ilo-nav2-drawer svg{width:21px;height:21px;display:block;flex-shrink:0}
.ilo-nav2-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;background:#ce213c;border-radius:20px;color:#fff;font:700 10px/18px system-ui;text-align:center}
.ilo-nav2-badge[hidden],.ilo-nav2-overlay[hidden]{display:none!important}
.ilo-nav2 .yz-nav-count,.ilo-nav2 .ilo-canonical-notification-count,.ilo-nav2 .ilo-bp-notification-count{display:none!important}
.ilo-nav2-toggle{display:none!important}
/* The advertising box provides actual space; the creative is uniformly scaled in JS. */
.ilo-nav2-ad{flex:0 0 clamp(180px,16vw,260px);width:clamp(180px,16vw,260px);min-width:0;max-width:260px;height:60px;display:flex;justify-content:center;align-items:center;overflow:visible}
.ilo-nav2-ad-content{display:block!important;flex:0 0 auto!important;position:relative;width:max-content!important;max-width:none!important;max-height:none!important;overflow:visible!important;transform-origin:center center}
.ilo-nav2-ad-content img,.ilo-nav2-ad-content iframe,.ilo-nav2-ad-content video{max-width:none!important;max-height:none!important;width:auto;height:auto;object-fit:contain}
.ilo-nav2-overlay{position:fixed;inset:0;z-index:2147483600;background:#0009}
.ilo-nav2-drawer{position:fixed;top:0;left:0;bottom:0;width:min(380px,90vw);height:100vh;height:100dvh;background:#fff;color:#20232b;z-index:2147483601;overflow-x:hidden;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;visibility:hidden;transform:translateX(-105%);transition:transform .22s ease,visibility .22s;box-shadow:7px 0 32px #0003;display:flex;flex-direction:column}
.ilo-nav2-drawer[data-open="1"]{transform:translateX(0);visibility:visible}
body.admin-bar .ilo-nav2-drawer{top:32px;height:calc(100dvh - 32px)}
.ilo-nav2-drawer-head{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;flex:0 0 auto;background:#fff;padding:12px 18px;border-bottom:1px solid #e5e5e5;min-height:56px}
.ilo-nav2-mobile{padding:8px 12px max(56px,env(safe-area-inset-bottom));flex:0 0 auto}
.ilo-nav2-mobile-list li{position:relative;border-bottom:1px solid #e9e9eb}
.ilo-nav2-mobile-list a{display:block;padding:12px 44px 12px 12px;min-height:44px;color:#20232b!important;text-decoration:none!important;font:500 14px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif}
.ilo-nav2-mobile-list a:hover{background:#f2f3f6}
.ilo-nav2-mobile-list .sub-menu{display:none;padding:0 0 0 14px!important;background:#f5f6f8}
.ilo-nav2-mobile-list li[data-expanded="1"]>.sub-menu{display:block}
.ilo-nav2-subtoggle{position:absolute;right:2px;top:1px;width:42px;height:42px;padding:10px!important;display:grid;place-items:center;border:0!important;background:transparent!important;color:#20232b!important;cursor:pointer}
.ilo-nav2-subtoggle svg{width:18px;height:18px}
.ilo-nav2-mobile-list li[data-expanded="1"]>.ilo-nav2-subtoggle svg{transform:rotate(180deg)}
/* Divi 5 header parents must not clip responsive flyouts. */
.et_pb_section:has(> .et_pb_row .ilo-nav2),.et_pb_section:has(.ilo-nav2),.et_pb_row:has(.ilo-nav2),.et_pb_column:has(.ilo-nav2){overflow:visible!important}
@media(max-width:1399px){.ilo-nav2-desktop{display:none}.ilo-nav2-toggle{display:inline-flex!important}.ilo-nav2-bar{gap:clamp(9px,1.5vw,22px)}.ilo-nav2-ad{flex-basis:clamp(190px,36vw,390px);width:clamp(190px,36vw,390px);max-width:390px}.ilo-nav2-logo{flex-basis:130px}}
@media(max-width:899px){.ilo-nav2-bar{min-height:57px;padding:4px 12px}.ilo-nav2-logo{flex-basis:110px}.ilo-nav2-logo img{max-height:46px}.ilo-nav2-ad{display:none}.ilo-nav2-tools{margin-left:auto}.ilo-nav2-tool,.ilo-nav2-toggle{width:36px;height:36px}}
@media(max-width:782px){body.admin-bar .ilo-nav2.ilo-nav2-fixed{top:46px!important}body.admin-bar .ilo-nav2-drawer{top:46px;height:calc(100dvh - 46px)}}
@media(prefers-reduced-motion:reduce){.ilo-nav2-drawer{transition:none}}


/* v0.1.4: Compact only the Divi 5 wrappers that contain THIS shortcode.
   Divi adds section/row/module padding even when the shortcode is full-bleed. */
.et_pb_section:has(.ilo-nav2) {
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:0!important;
}
.et_pb_section:has(.ilo-nav2) > .et_pb_row,
.et_pb_row:has(.ilo-nav2) {
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:0!important;
}
.et_pb_column:has(.ilo-nav2),
.et_pb_module:has(.ilo-nav2),
.et_pb_code:has(.ilo-nav2),
.et_pb_code_inner:has(.ilo-nav2) {
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:0!important;
}
/* Prevent bottom margin Divi applies to modules in a row. */
.et_pb_row:has(.ilo-nav2) .et_pb_module:has(.ilo-nav2) {margin-bottom:0!important}

/* Strong but compact readable desktop navigation. */
.ilo-nav2 .ilo-nav2-list>li>a {
  font-weight:800!important;
  position:relative;
  padding-bottom:12px;
}
.ilo-nav2 .ilo-nav2-list .sub-menu a {font-weight:700!important}
.ilo-nav2 .ilo-nav2-list>li.nav2-current>a::after,
.ilo-nav2 .ilo-nav2-list>li.nav2-ancestor>a::after {
  content:"";
  position:absolute;
  left:3px;right:3px;bottom:5px;
  height:3px;
  border-radius:3px;
  background:#d71932;
  pointer-events:none;
}
.ilo-nav2 .ilo-nav2-list .sub-menu li.nav2-current>a {font-weight:800!important;color:#bf172d!important}
.ilo-nav2-drawer .ilo-nav2-mobile-list a {font-weight:700!important}
.ilo-nav2-drawer .ilo-nav2-mobile-list li.nav2-current>a {
  border-left:3px solid #d71932;
  background:#fff2f4;
  color:#b91c32!important;
  font-weight:800!important;
}
.ilo-nav2-drawer .ilo-nav2-mobile-list li.nav2-ancestor>a {border-left:3px solid #d71932}

/* 0.1.5: the global header is anchored at viewport top from the first frame.
   Divi’s own header row remains only as a layout spacer. */
.ilo-nav2.ilo-nav2-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;max-width:none!important;width:100%!important;z-index:99990!important}
body.admin-bar .ilo-nav2.ilo-nav2-fixed{top:32px!important}
@media(max-width:782px){body.admin-bar .ilo-nav2.ilo-nav2-fixed{top:46px!important}}
.ilo-nav2-host-section{margin-top:0!important;padding-top:0!important;margin-bottom:0!important;padding-bottom:0!important;min-height:0!important}
.ilo-nav2-host-section>.et_pb_row{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;min-height:0!important}
/* AdRotate banner can be 300x100, 468x90 or 728x90. The whole creative
   scales inside this flexible viewport; no source aspect-ratio distortion. */
@media(min-width:1400px){.ilo-nav2-ad{flex-basis:clamp(180px,22vw,350px);width:clamp(180px,22vw,350px);max-width:350px;height:66px}}
@media(min-width:900px) and (max-width:1399px){.ilo-nav2-ad{height:66px}}

/* 0.1.6: active state derives from one exact route, not ambiguous WP current-menu flags. */
