/* JomeTech shared chrome for clients.jometechhosting.com */
:root { --jt-blue: #0400D0; --jt-blue-deep: #02008A; --jt-red: #FC2824; --jt-ink: #0A0A4E; --jt-page: #F4F5FA; --jt-muted: #545A72; --jt-green: #128C4A; }
.jtx-chrome footer a:hover { text-underline-offset: 3px; opacity: 1; color: rgb(255, 255, 255) !important; text-decoration: underline !important; }
.jtx-chrome .jt-footer input::placeholder { color: rgb(189, 188, 255); }
.jtx-chrome .jt-footer :focus-visible { outline-color: rgb(255, 255, 255); }
.jtx-chrome .sr-only { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
.jtx-chrome header { position: sticky; top: 0px; z-index: 40; }
.jtx-chrome .menu-toggle { display: none; border: 1.5px solid var(--jt-blue); background: rgb(255, 255, 255); color: var(--jt-blue); font: 700 15px Manrope, system-ui, sans-serif; padding: 10px 16px; border-radius: 10px; cursor: pointer; min-height: 44px; }
@media (max-width: 960px) { .jtx-chrome .menu-toggle { display: inline-block; }
.jtx-chrome .main-nav { width: 100%; flex-direction: column; padding-top: 8px; display: none !important; align-items: stretch !important; gap: 4px !important; }
.jtx-chrome .main-nav.open { display: flex !important; }
.jtx-chrome .main-nav > a { padding: 12px 4px; border-bottom: 1px solid rgb(227, 229, 240); }
.jtx-chrome .main-nav > a:last-child { border-bottom: 0px; text-align: center; justify-content: center; margin-top: 8px; } }
@media (max-width: 480px) { .jtx-chrome header img { height: 36px !important; }
.jtx-chrome .jt-wa-label { display: none; } }
.jtx-chrome .jt-wa:hover { opacity: 1; transform: translateY(-2px); }
.jtx-chrome .jt-wa { transition: transform 0.15s; }
@keyframes jt-pulse { 
  50% { opacity: 0.3; }
}
@keyframes jt-shimmer { 
  100% { background-position: -200% 0px; }
}
.jtx-chrome .jt-dd { position: relative; }
.jtx-chrome .jt-dd-btn, .jtx-chrome .jt-top { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0px 2px; background: none; border: 0px; font: 500 15px Manrope, system-ui, sans-serif; color: rgb(42, 42, 94); text-decoration: none; cursor: pointer; }
.jtx-chrome .jt-dd-btn:hover, .jtx-chrome .jt-top:hover, .jtx-chrome .jt-dd:focus-within .jt-dd-btn { color: rgb(4, 0, 208); opacity: 1; }
.jtx-chrome .jt-current .jt-dd-btn, .jtx-chrome .jt-top[aria-current] { color: rgb(4, 0, 208); font-weight: 700; }
.jtx-chrome .jt-chev { transition: transform 0.15s; }
.jtx-chrome .jt-dd:hover .jt-chev, .jtx-chrome .jt-dd.open .jt-chev { transform: rotate(180deg); }
.jtx-chrome .jt-dd-panel { display: none; position: absolute; top: 100%; left: -14px; z-index: 60; width: 320px; padding: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(227, 229, 240); border-radius: 16px; box-shadow: rgba(10, 10, 78, 0.14) 0px 18px 40px; }
.jtx-chrome .jt-dd-panel::before { content: ""; position: absolute; left: 0px; right: 0px; top: -10px; height: 10px; }
.jtx-chrome .jt-dd:hover .jt-dd-panel, .jtx-chrome .jt-dd:focus-within .jt-dd-panel, .jtx-chrome .jt-dd.open .jt-dd-panel { display: block; }
.jtx-chrome .jt-dd-item { display: flex; flex-direction: column; gap: 2px; padding: 11px 12px; border-radius: 10px; text-decoration: none; color: rgb(10, 10, 78); }
.jtx-chrome .jt-dd-item strong { font: 700 15px Manrope, system-ui, sans-serif; }
.jtx-chrome .jt-dd-item span { font-size: 13px; color: rgb(84, 90, 114); }
.jtx-chrome .jt-dd-item:hover, .jtx-chrome .jt-dd-item:focus-visible { background: rgb(244, 245, 250); opacity: 1; }
.jtx-chrome .jt-dd-item:hover strong { color: rgb(4, 0, 208); }
.jtx-chrome .jt-dd-item[aria-current] strong { color: rgb(4, 0, 208); }
.jtx-chrome .jt-dd-foot { display: block; margin-top: 6px; padding: 12px; border-top: 1px solid rgb(227, 229, 240); font: 700 14px Manrope, system-ui, sans-serif; color: rgb(252, 40, 36); text-decoration: none; }
.jtx-chrome .jt-dd-search { display: flex; gap: 6px; margin-top: 6px; padding: 12px 4px 4px; border-top: 1px solid rgb(227, 229, 240); }
.jtx-chrome .jt-dd-search input { flex: 1 1 0%; min-width: 0px; border: 1px solid rgb(211, 214, 230); border-radius: 10px; padding: 10px 12px; font: 15px Manrope, system-ui, sans-serif; color: rgb(10, 10, 78); }
.jtx-chrome .jt-dd-search button { border: 0px; border-radius: 10px; padding: 0px 14px; min-height: 42px; background: rgb(252, 40, 36); color: rgb(255, 255, 255); font: 700 14px Manrope, system-ui, sans-serif; cursor: pointer; }
@media (max-width: 960px) { .jtx-chrome .jt-dd { width: 100%; border-bottom: 1px solid rgb(227, 229, 240); }
.jtx-chrome .jt-dd-btn { width: 100%; justify-content: space-between; font-size: 16px; }
.jtx-chrome .jt-dd:hover .jt-dd-panel, .jtx-chrome .jt-dd:focus-within .jt-dd-panel { display: none; }
.jtx-chrome .jt-dd.open .jt-dd-panel { display: block; position: static; width: auto; box-shadow: none; border: 0px; padding: 0px 0px 10px; }
.jtx-chrome .jt-dd:hover .jt-chev { transform: none; }
.jtx-chrome .jt-dd.open .jt-chev { transform: rotate(180deg); }
.jtx-chrome .main-nav .jt-dd-item { border-bottom: 0px; padding: 10px 12px; }
.jtx-chrome .main-nav .jt-top { width: 100%; font-size: 16px; } }

.jtx-chrome .jt-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.jtx-chrome .jt-topics { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; }
@media (max-width: 400px) { .jtx-chrome .jt-topics { grid-template-columns: 1fr; } }
.jtx-chrome .jt-topic { background: rgb(255, 255, 255); border: 1px solid rgb(227, 229, 240); border-radius: 20px; padding: 24px 26px; scroll-margin-top: 120px; }
.jtx-chrome .jt-topic h2 { margin: 0px 0px 6px; font: 800 21px Sora, sans-serif; }
.jtx-chrome .has-livechat .jt-wa { bottom: 96px !important; }

/* Portal glue: make WHMCS show the jometechhosting.com header and footer (generated 06/11/2026 from the theme's site.css) */
.jtx-chrome{font-family:'Manrope',system-ui,sans-serif;color:#0A0A4E;line-height:1.5;-webkit-font-smoothing:antialiased}
.jtx-chrome *,.jtx-chrome *::before,.jtx-chrome *::after{box-sizing:border-box}
.jtx-chrome a:hover{text-decoration:none}
.jtx-chrome img{max-width:100%;height:auto}
.jtx-chrome ul{margin:0}
.jtx-chrome button{font-family:inherit}
.jtx-chrome h2,.jtx-chrome h3,.jtx-chrome h4{font-family:'Sora',sans-serif;color:inherit;margin-top:0}
body.jtx-on .jtc-promo,body.jtx-on .jtc-header,body.jtx-on .jtc-footer,body.jtx-on #header.header,body.jtx-on footer#footer,body.jtx-on .jtp-wa{display:none!important}
body.jtx-on{background:#F4F5FA}
body.jtx-on.jtp-has-bnav .jtx-chrome .jt-wa{bottom:92px!important}
@media (max-width:767px){body.jtx-on.jtp-has-bnav .jtx-chrome .jt-wa-label{display:none}}