/* Trinico Cloud child theme, mobile drawer.
   Moved out of modules/addons/trinico_theme/hooks.php on 19 September 2026 so
   theme CSS lives in the theme and is cacheable instead of 14.9 KB inline on
   every page. hooks.php now links this file and sets --tc-menu-ff only.
   Contrast: the head gradient was #1B77C9 -> #2d8ec9 -> #44A8DA carrying white,
   which fails at 2.67:1. Narrowed to the cobalt pair, white now passes 4.64:1. */
@media(max-width:1199.98px){header.header .main-navbar-wrapper{background:transparent!important;border:0!important;padding:0!important;min-height:0!important;}header.header .main-navbar-wrapper>.container{padding:0!important;}#mainNavbar.collapse,#mainNavbar.collapsing,#mainNavbar.collapse.show{display:flex!important;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:auto;width:380px;max-width:90vw;height:100vh;height:100dvh;background:#ffffff;color:#1f2329;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-16px 0 40px rgba(15,23,42,.22);z-index:10050;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;margin:0;visibility:visible;opacity:1;}#mainNavbar.collapse.show{transform:translateX(0);}.trinico-drawer-head{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:84px;min-height:84px;padding:0 22px;background:linear-gradient(135deg,#1A5FAF 0%,#1B77C9 100%);color:#fff;flex-shrink:0;box-sizing:border-box;overflow:hidden;}.trinico-drawer-head::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#1B77C9 0%,#ABC441 50%,#44A8DA 100%);}.trinico-drawer-head .trinico-drawer-logo{position:relative;z-index:1;display:inline-flex;align-items:center;text-decoration:none;}.trinico-drawer-head .trinico-drawer-logo img{height:60px;width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));transition:transform .25s ease;}.trinico-drawer-head .trinico-drawer-logo:hover img{transform:scale(1.04);}.trinico-drawer-head .trinico-drawer-title{font-family:var(--tc-menu-ff,Montserrat,sans-serif);font-size:16px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin:0;color:#fff;}.trinico-drawer-close{position:relative;z-index:1;appearance:none;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);color:#fff;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;line-height:1;transition:background .2s ease,transform .25s ease,box-shadow .25s ease,border-color .2s ease;flex-shrink:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.trinico-drawer-close:hover,.trinico-drawer-close:focus{background:rgba(255,255,255,.32);border-color:rgba(255,255,255,.4);transform:rotate(90deg) scale(1.05);outline:none;box-shadow:0 6px 18px rgba(0,0,0,.18);}#mainNavbar form.d-xl-none,#mainNavbar form[action*='knowledgebase-search']{display:none!important;}#mainNavbar .navbar-nav{flex-direction:column!important;width:100%!important;margin:0!important;padding:0;list-style:none;align-items:stretch!important;}#mainNavbar .navbar-nav.mr-auto,#mainNavbar .navbar-nav.ml-auto{margin:0!important;}#mainNavbar .navbar-nav>li,#mainNavbar .navbar-nav>li.nav-item,#mainNavbar .navbar-nav>li.dropdown,#mainNavbar .navbar-nav>li.collapsable-dropdown{padding:0!important;margin:0!important;border-bottom:1px solid #eef1f5;display:block!important;width:100%!important;text-align:left!important;list-style:none!important;line-height:1;font-size:0;}#mainNavbar .navbar-nav>li>a,#mainNavbar .navbar-nav>li>.nav-link,#mainNavbar .navbar-nav>li>.dropdown-toggle{font-size:14.5px;}#mainNavbar .navbar-nav>li:last-child{border-bottom:0;}#mainNavbar .navbar-nav>li>a,#mainNavbar .navbar-nav>li>.nav-link,#mainNavbar .navbar-nav>li>.dropdown-toggle,#mainNavbar .navbar-nav>li>button{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;padding:0 20px!important;margin:0!important;height:44px;min-height:44px;box-sizing:border-box;line-height:1;color:#1f2329!important;background:transparent!important;font-family:var(--tc-menu-ff,Montserrat,sans-serif);font-size:15px;font-weight:500;line-height:1.3;letter-spacing:.1px;text-decoration:none!important;border-radius:0;opacity:1!important;text-align:left!important;border:0!important;box-shadow:none!important;text-transform:none!important;position:relative;transition:background .18s ease,color .18s ease,padding-left .18s ease;}#mainNavbar .navbar-nav>li>a::before,#mainNavbar .navbar-nav>li>.nav-link::before,#mainNavbar .navbar-nav>li>.dropdown-toggle::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#1B77C9;opacity:0;transform:scaleY(.4);transform-origin:center;transition:opacity .2s ease,transform .25s ease;}#mainNavbar .navbar-nav>li:hover>a::before,#mainNavbar .navbar-nav>li>a:focus::before,#mainNavbar .navbar-nav>li>.nav-link:hover::before,#mainNavbar .navbar-nav>li.show>a::before,#mainNavbar .navbar-nav>li.show>.nav-link::before,#mainNavbar .navbar-nav>li.show>.dropdown-toggle::before{opacity:1;transform:scaleY(1);}#mainNavbar .navbar-nav>li>a:hover,#mainNavbar .navbar-nav>li>a:focus,#mainNavbar .navbar-nav>li>.nav-link:hover,#mainNavbar .navbar-nav>li>.dropdown-toggle:hover{background:#f5f9fd!important;color:#1B77C9!important;padding-left:28px!important;opacity:1!important;}#mainNavbar .navbar-nav>li.show>a,#mainNavbar .navbar-nav>li.show>.nav-link,#mainNavbar .navbar-nav>li.show>.dropdown-toggle{background:#f5f9fd!important;color:#1B77C9!important;font-weight:600;}#mainNavbar .navbar-nav .dropdown-toggle::after{display:inline-block!important;border:0;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .25s ease;margin-left:8px;flex-shrink:0;}#mainNavbar .navbar-nav .dropdown.show .dropdown-toggle::after{transform:rotate(45deg);}#mainNavbar .navbar-nav .dropdown-menu{position:static!important;float:none;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:100%;min-width:0;margin:0;padding:0;background:#f8fafc!important;border:0;border-radius:0;box-shadow:none!important;transform:none!important;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);}#mainNavbar .navbar-nav .dropdown-menu::before,#mainNavbar .navbar-nav .dropdown-menu::after{display:none!important;}#mainNavbar .navbar-nav .dropdown.show>.dropdown-menu{max-height:1500px;}#mainNavbar .navbar-nav .dropdown-menu>li{padding:0;margin:0;border-bottom:0;}#mainNavbar .navbar-nav .dropdown-menu>li:last-child{border-bottom:0;}#mainNavbar .navbar-nav .dropdown-menu a.dropdown-item{display:block;width:100%;padding:10px 22px 10px 52px!important;display:flex!important;align-items:center;color:#4a5563!important;background:transparent!important;font-family:var(--tc-menu-ff,Montserrat,sans-serif);font-size:14px;font-weight:400;line-height:1.4;border-radius:0!important;border:0;min-height:44px;transition:background .15s ease,color .15s ease,padding-left .15s ease;}#mainNavbar .navbar-nav .dropdown-menu a.dropdown-item:hover,#mainNavbar .navbar-nav .dropdown-menu a.dropdown-item:focus,#mainNavbar .navbar-nav .dropdown-menu a.dropdown-item:active{background:#d9e6f4!important;color:#13202E!important;padding-left:48px!important;}#mainNavbar .navbar-nav .dropdown-menu a.dropdown-item::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#cdd5e0;margin-right:12px;vertical-align:middle;transition:background .15s ease;}#mainNavbar .navbar-nav .dropdown-menu a.dropdown-item:hover::before{background:#1B77C9;}#mainNavbar .navbar-nav .collapsable-dropdown.trinico-was-more{display:none!important;}.trinico-drawer-backdrop{position:fixed;inset:0;background:rgba(8,12,20,.62);z-index:10040;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease;}.trinico-drawer-backdrop.is-open{opacity:1;visibility:visible;}body.trinico-drawer-open{overflow:hidden!important;}body.trinico-drawer-open header.header{z-index:10100!important;}body.trinico-drawer-open .trinico-hero-wrap{z-index:10100!important;}header.header .navbar-nav.toolbar .nav-item .nav-link[data-target='#mainNavbar']{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.10);color:#fff;transition:all .2s ease;}header.header:not(.trinico-hero) .navbar-nav.toolbar .nav-item .nav-link[data-target='#mainNavbar']{border-color:#dfe3e7;background:#f5f7fa;color:#1f2329;}header.header .navbar-nav.toolbar .nav-item .nav-link[data-target='#mainNavbar']:hover{background:rgba(255,255,255,.20);transform:translateY(-1px);}header.header:not(.trinico-hero) .navbar-nav.toolbar .nav-item .nav-link[data-target='#mainNavbar']:hover{background:#eaeef2;}}@media(max-width:767.98px){#mainNavbar.collapse,#mainNavbar.collapsing,#mainNavbar.collapse.show{width:100vw;max-width:100vw;}}@media(max-width:991.98px){#trinico-particles,.trinico-particles{display:none!important;}}@media(max-width:1199.98px){.trinico-drawer-foot{margin-top:auto;padding:18px 22px 22px;border-top:1px solid #eef1f5;background:linear-gradient(180deg,#fbfcfe 0%,#f5f9fd 100%);flex-shrink:0;display:flex;flex-direction:column;gap:14px;}.trinico-drawer-foot .trinico-drawer-login{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;flex:0 0 auto;height:50px;padding:0 24px;border-radius:25px;box-sizing:border-box;background:linear-gradient(135deg,#1A5FAF 0%,#1B77C9 100%)!important;color:#fff!important;font-family:var(--tc-menu-ff,Montserrat,sans-serif);font-size:16px;font-weight:600;text-decoration:none!important;letter-spacing:.4px;border:0;transition:all .25s ease;box-shadow:0 8px 20px rgba(27,119,201,.35);text-transform:none;}.trinico-drawer-foot .trinico-drawer-login:hover,.trinico-drawer-foot .trinico-drawer-login:focus{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 26px rgba(27,119,201,.42);color:#fff!important;text-decoration:none!important;}.trinico-drawer-foot .trinico-drawer-login i{font-size:15px;line-height:1;}.trinico-drawer-contact{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--tc-menu-ff,Montserrat,sans-serif);font-size:13px;color:#5b6573;letter-spacing:.2px;}.trinico-drawer-contact a{color:#1B77C9;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease;}.trinico-drawer-contact a:hover{color:#1f2329;text-decoration:none;}.trinico-drawer-contact i{font-size:13px;}.trinico-drawer-social{display:flex;justify-content:center;gap:10px;}.trinico-drawer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #eef1f5;color:#1B77C9;font-size:14px;text-decoration:none;transition:all .25s ease;box-shadow:0 2px 6px rgba(15,23,42,.04);}.trinico-drawer-social a:hover{background:#1B77C9;color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 14px rgba(27,119,201,.30);text-decoration:none;}.trinico-drawer-section-label{display:block;font-family:var(--tc-menu-ff,Montserrat,sans-serif);font-size:11px;font-weight:700;color:#5b6573;text-transform:uppercase;letter-spacing:1px;padding:16px 22px 6px;text-align:left;background:transparent;list-style:none;border-bottom:0!important;pointer-events:none;line-height:1;}.trinico-drawer-section-label+.navbar-nav{margin-top:0!important;}#mainNavbar .navbar-nav>li>a .trinico-mi-icon,#mainNavbar .navbar-nav>li>.nav-link .trinico-mi-icon,#mainNavbar .navbar-nav>li>.dropdown-toggle .trinico-mi-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#e9f3fb 0%,#d6ecf9 100%);color:#1B77C9;font-size:12px;margin-right:11px;flex-shrink:0;border:1px solid #e3edf6;transition:all .25s ease;}#mainNavbar .navbar-nav>li:hover>a .trinico-mi-icon,#mainNavbar .navbar-nav>li.show>a .trinico-mi-icon,#mainNavbar .navbar-nav>li.show>.dropdown-toggle .trinico-mi-icon{background:linear-gradient(135deg,#1B77C9 0%,#44A8DA 100%);color:#fff;border-color:transparent;box-shadow:0 4px 10px rgba(27,119,201,.28);}#mainNavbar .navbar-nav>li>a .trinico-mi-label,#mainNavbar .navbar-nav>li>.nav-link .trinico-mi-label,#mainNavbar .navbar-nav>li>.dropdown-toggle .trinico-mi-label{flex:1;}#mainNavbar.collapse.show>.trinico-drawer-head{animation:trinicoDrawerInTop .35s cubic-bezier(.4,0,.2,1) both;}#mainNavbar.collapse.show .navbar-nav>li{opacity:0;transform:translateX(20px);animation:trinicoDrawerInItem .4s cubic-bezier(.4,0,.2,1) both;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(1){animation-delay:120ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(2){animation-delay:160ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(3){animation-delay:200ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(4){animation-delay:240ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(5){animation-delay:280ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(6){animation-delay:320ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(7){animation-delay:360ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(8){animation-delay:400ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(9){animation-delay:440ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(10){animation-delay:480ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(11){animation-delay:520ms;}#mainNavbar.collapse.show .navbar-nav>li:nth-child(12){animation-delay:560ms;}#mainNavbar.collapse.show .trinico-drawer-foot{animation:trinicoDrawerInBottom .45s cubic-bezier(.4,0,.2,1) .35s both;}@keyframes trinicoDrawerInTop{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:translateY(0);}}@keyframes trinicoDrawerInItem{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}@keyframes trinicoDrawerInBottom{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}#mainNavbar.collapse::after{content:'';position:absolute;top:72px;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(27,119,201,.04) 0%,rgba(27,119,201,0) 100%);pointer-events:none;z-index:0;}}@media(min-width:1200px){.trinico-drawer-backdrop,.trinico-drawer-head,.trinico-drawer-auth,.trinico-drawer-foot,.trinico-drawer-login,.trinico-drawer-section-label{display:none!important;}header.header .navbar-nav .trinico-mi-icon{display:none!important;}header.header .navbar-nav .trinico-mi-label{display:inline!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;}body.trinico-drawer-open{overflow:auto!important;}}header.header .navbar-nav>li[menuItemName='Login']:not(.trinico-quick-login-item),header.header .navbar-nav>li>a[href$='login.php']:not(.trinico-quick-login),header.header .navbar-nav>li>a[href$='/login.php']:not(.trinico-quick-login),header.header .navbar-nav>li>a[href$='/login']:not(.trinico-quick-login),header.header .navbar-nav>li>a[href$='/login/']:not(.trinico-quick-login){display:none!important;}
/* ---- Account bar, scoped to the drawer breakpoint ----
   MUST live inside the drawer's own breakpoint. Shipped outside it on the first
   deploy of 19 Sep 2026 and rendered across the DESKTOP header, pushing the nav
   off screen. The drawer only exists below 1200px; its CSS must say so. */
@media(max-width:1199.98px){

/* ---- Account bar: Login left, Register right, directly under the head ----
   Added 19 September 2026 at the CEO's instruction. Register used to be
   display:none at mobile (computed 0x0) and Login was rendered into the drawer
   foot by ensureFoot(). Both now sit at the top where they are reachable.
   Contrast: cobalt on white 4.64:1, white on cobalt 4.64:1. */
#mainNavbar .trinico-drawer-auth{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  padding:14px 22px;border-bottom:1px solid #eef1f5;background:#fff;flex-shrink:0;
  /* #mainNavbar is flex/column/align-items:center, so a child only fills the
     drawer if it says so. The head does this too. */
  width:100%;align-self:stretch;box-sizing:border-box;
}
#mainNavbar .trinico-drawer-auth a{
  display:inline-flex;align-items:center;justify-content:center;
  height:48px;border-radius:999px;box-sizing:border-box;
  font-family:var(--tc-menu-ff,Montserrat,sans-serif);
  font-size:15px;font-weight:600;letter-spacing:.2px;
  text-decoration:none!important;transition:background .18s ease,border-color .18s ease;
  /* "Get started" replaced "Register" on 20 September 2026 and is longer. The
     pill has a fixed 48px height, so a wrap would break it rather than grow
     it. Held on one line whatever the label is set to later. */
  white-space:nowrap;min-width:0;
}
#mainNavbar .trinico-drawer-auth a:active{transform:translateY(1px);}
#mainNavbar .trinico-drawer-auth a:focus-visible{outline:3px solid #1B77C9;outline-offset:2px;}
#mainNavbar .trinico-drawer-auth .tc-auth-login{
  background:#fff;color:#1B77C9!important;border:1.5px solid #1B77C9;
}
#mainNavbar .trinico-drawer-auth .tc-auth-login:hover{background:#edf6fe;}
#mainNavbar .trinico-drawer-auth .tc-auth-register{
  background:#1B77C9;color:#fff!important;border:1.5px solid #1B77C9;
}
#mainNavbar .trinico-drawer-auth .tc-auth-register:hover{background:#1A5FAF;border-color:#1A5FAF;}
/* The old foot login pill is superseded by the account bar above. */
#mainNavbar .trinico-drawer-foot .trinico-drawer-login{display:none!important;}
}

@media (prefers-reduced-motion:reduce){
  #mainNavbar *,#mainNavbar *::before,#mainNavbar *::after{transition:none!important;animation:none!important;}
}