
/* ATC mobile menu: scoped presentation; existing opening and category scripts retained. */
body #offcanvas.atc-menu-modern { background:#fff !important; color:#103b60 !important; }
body #offcanvas.atc-menu-modern #offcanvas-handler { padding:16px 20px 36px !important; }
body #offcanvas.atc-menu-modern #offcanvasclose {
 position:absolute; top:10px; right:12px; float:none; margin:0 !important;
 width:44px; height:44px; line-height:44px; color:#103b60 !important;
 background:#eef4f8; border-radius:10px; font-size:27px; z-index:2;
}
body #offcanvas.atc-menu-modern .atc-menu-heading {
 color:#103b60; font-size:22px; font-weight:700; line-height:44px; margin:0 50px 16px 0;
}
body #offcanvas.atc-menu-modern .moduletable,
body #offcanvas.atc-menu-modern .moduletablecanvas {
 background:transparent !important; box-shadow:none !important; padding:0 !important;
 margin:0 0 16px !important; border:0 !important;
}
body #offcanvas.atc-menu-modern .module-content-handler,
body #offcanvas.atc-menu-modern .module-content { padding:0 !important; }
body #offcanvas.atc-menu-modern h3 { color:#103b60 !important; font-size:17px !important; margin:12px 0 !important; }
body #offcanvas.atc-menu-modern h3:before,
body #offcanvas.atc-menu-modern h3:after { content:none !important; }
body #offcanvas.atc-menu-modern .searchcanvas { display:flex; gap:8px; align-items:center; margin:0 0 20px; }
body #offcanvas.atc-menu-modern .searchcanvas br { display:none; }
body #offcanvas.atc-menu-modern .inputboxcanvas {
 flex:1 1 0; min-width:0; width:100% !important; height:44px !important;
 box-sizing:border-box; padding:0 10px !important; margin:0 !important;
 border:1px solid #cfdeeb !important; border-radius:8px !important;
 background:#f8fbfd !important; color:#103b60 !important; font-size:16px;
}
body #offcanvas.atc-menu-modern .buttoncanvas {
 flex:0 0 auto; width:auto; min-height:44px; padding:0 12px !important; margin:0 !important;
 background:#00a3de !important; color:white !important; border:0 !important;
 border-radius:8px !important; font-size:14px; font-weight:600;
}
body #offcanvas.atc-menu-modern ul.myVMmenu,
body #offcanvas.atc-menu-modern ul.menucanvas { margin:0 !important; padding:0 !important; list-style:none; }
body #offcanvas.atc-menu-modern ul.myVMmenu li,
body #offcanvas.atc-menu-modern ul.menucanvas li { margin:0 !important; list-style:none; }
body #offcanvas.atc-menu-modern ul.myVMmenu > li { border-bottom:1px solid #e3ebf2 !important; }
body #offcanvas.atc-menu-modern ul.myVMmenu li > span { display:block; position:relative; border:0 !important; }
body #offcanvas.atc-menu-modern ul.myVMmenu li > span > a {
 display:block; box-sizing:border-box; min-height:46px;
 padding:12px 46px 12px 0 !important; margin:0 !important;
 color:#103b60 !important; font-size:15px !important; line-height:1.45 !important;
 text-decoration:none; text-transform:none !important;
}
body #offcanvas.atc-menu-modern ul.myVMmenu > li > span > a { font-weight:700; }
body #offcanvas.atc-menu-modern ul.myVMmenu .myL2,
body #offcanvas.atc-menu-modern ul.myVMmenu .myL3 { background:#f7fafc !important; color:#103b60; }
body #offcanvas.atc-menu-modern ul.myVMmenu .myL2 ul { margin:0 !important; padding:0 0 0 12px !important; }
body #offcanvas.atc-menu-modern ul.myVMmenu .myL3 ul { padding-left:12px !important; }
body #offcanvas.atc-menu-modern ul.myVMmenu .myArrow {
 position:absolute !important; right:0 !important; top:0 !important; left:auto !important;
 float:none !important; display:block !important; width:44px !important; height:46px !important;
 margin:0 !important; padding:0 !important; border:0 !important;
 background:transparent !important; transform:none !important; cursor:pointer;
}
body #offcanvas.atc-menu-modern ul.myVMmenu .myArrow:before { content:none !important; }
body #offcanvas.atc-menu-modern ul.myVMmenu .myArrow:after {
 content:'' !important; position:absolute; top:17px; left:17px;
 width:8px; height:8px; border:solid #103b60; border-width:0 2px 2px 0;
 background:none !important; transform:rotate(45deg);
}
body #offcanvas.atc-menu-modern ul.myVMmenu li.myOpen > span > .myArrow:after { transform:rotate(225deg); top:21px; }
body #offcanvas.atc-menu-modern .atc-info-toggle {
 display:flex; align-items:center; justify-content:space-between; gap:12px;
 width:100%; box-sizing:border-box; min-height:48px;
 padding:12px !important; margin:0 !important; border:0 !important;
 border-radius:9px !important; background:#eef4f8 !important; color:#103b60 !important;
 font:600 16px/1.4 Arial,sans-serif; text-align:left; cursor:pointer;
}
body #offcanvas.atc-menu-modern .atc-info-toggle:after {
 content:''; width:8px; height:8px; flex:0 0 8px;
 border:solid #103b60; border-width:0 2px 2px 0; transform:rotate(45deg);
}
body #offcanvas.atc-menu-modern .atc-info-toggle[aria-expanded=true]:after { transform:rotate(225deg); }
body #offcanvas.atc-menu-modern .atc-info-body[hidden] { display:none !important; }
body #offcanvas.atc-menu-modern ul.menucanvas li a {
 display:block; box-sizing:border-box; min-height:44px; padding:11px 12px !important;
 color:#103b60 !important; font-size:14px !important; line-height:1.5 !important;
 border-bottom:1px solid #edf1f5 !important; opacity:1 !important;
}
body #offcanvas.atc-menu-modern a:hover { background-color:#eef7fc !important; }
body #offcanvas.atc-menu-modern a:focus-visible,
body #offcanvas.atc-menu-modern button:focus-visible,
body #offcanvas.atc-menu-modern input:focus-visible,
body #offcanvas.atc-menu-modern [role=button]:focus-visible { outline:2px solid #00a3de !important; outline-offset:2px; }

