/* Q-DASH Services navigation: desktop mega menu (.qd-sm) + mobile panel (.qd-msp).
   !important is used only where older .nav-mega-dd / .nav-mob rules would otherwise win. */
.qd-ico{width:20px;height:20px;flex:0 0 auto;display:block}

/* ===================== DESKTOP MEGA MENU ===================== */
.nav-mega-dd.qd-sm{
  --qs-bg:#0f1c2b;--qs-card:#14263a;--qs-line:rgba(255,255,255,.08);--qs-text:#fff;--qs-muted:#9fb0c0;--qs-o:#E05C2A;
  width:min(1160px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;
  padding:0!important;background:var(--qs-bg)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.45)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:auto!important;max-height:calc(100vh - 84px)!important;text-align:start;
}
.qd-sm *{box-sizing:border-box}
.qd-sm p{margin:0}
.qd-sm-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px 14px;border-bottom:1px solid var(--qs-line)}
.qd-sm-title{color:var(--qs-text);font-size:17px;font-weight:800;line-height:1.3}
.qd-sm-helper{color:var(--qs-muted);font-size:12.5px;margin-top:3px!important}
.qd-sm-legend{display:inline-flex;align-items:center;gap:7px;color:var(--qs-muted);font-size:11.5px;white-space:nowrap}
.qd-sm-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--qs-o)}

.qd-sm-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.qd-sm-col{padding:14px 12px 12px;border-inline-end:1px solid var(--qs-line);min-width:0}
.qd-sm-col:last-child{border-inline-end:0}
.qd-sm-colhd{display:flex;align-items:center;gap:10px;padding:4px 8px 12px;margin:0 0 6px;border-bottom:1px solid var(--qs-line)}
.qd-sm-colico{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--qs-o);color:#fff}
.qd-sm-colico .qd-ico{width:18px;height:18px}
.qd-sm-coltxt{display:flex;flex-direction:column;min-width:0;flex:1}
.qd-sm-collbl{color:var(--qs-text);font-size:14px;font-weight:800;line-height:1.3}
.qd-sm-colhint{color:var(--qs-muted);font-size:11.5px;line-height:1.35}
.qd-sm-colhd small{color:var(--qs-muted);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:rgba(255,255,255,.06)}

.qd-sm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.qd-sm-list li{margin:0;padding:0}
a.qd-sm-item{display:flex!important;align-items:center;gap:10px;padding:8px!important;border-radius:10px!important;border:1px solid transparent;color:var(--qs-text)!important;text-decoration:none!important;background:none!important;transition:background .15s,border-color .15s,transform .15s;font-size:inherit!important}
.qd-sm-ico{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.05);color:#c6d3de;transition:.15s}
.qd-sm-ico .qd-ico{width:17px;height:17px}
.qd-sm-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.qd-sm-t{font-size:13px;font-weight:600;line-height:1.35;color:#dbe5ee}
.qd-sm-d{font-size:11.5px;line-height:1.4;color:var(--qs-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qd-sm-arr{color:var(--qs-o);opacity:0;transform:translateX(-4px);transition:.15s}
.qd-sm-arr .qd-ico{width:15px;height:15px}
/* Primary services stand out a little */
a.qd-sm-item.is-primary .qd-sm-t{color:#fff;font-weight:800}
a.qd-sm-item.is-primary .qd-sm-ico{background:rgba(224,92,42,.16);color:#FF8A5C}
/* Hover / focus / current page */
a.qd-sm-item:hover,a.qd-sm-item:focus-visible{background:rgba(255,255,255,.05)!important;border-color:rgba(224,92,42,.45);outline:0}
a.qd-sm-item:hover .qd-sm-ico,a.qd-sm-item:focus-visible .qd-sm-ico{background:var(--qs-o);color:#fff}
a.qd-sm-item:hover .qd-sm-arr,a.qd-sm-item:focus-visible .qd-sm-arr{opacity:1;transform:none}
a.qd-sm-item:focus-visible{box-shadow:0 0 0 2px rgba(224,92,42,.7)}
a.qd-sm-item.is-active{background:rgba(224,92,42,.1)!important;border-color:rgba(224,92,42,.35)}

.qd-sm-foot{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--qs-line);background:rgba(255,255,255,.02)}
a.qd-sm-quick{display:inline-flex!important;align-items:center;gap:8px;padding:9px 14px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.12);color:#e8f0f5!important;font-size:12.5px!important;font-weight:700;text-decoration:none!important;background:none!important;transition:.15s}
a.qd-sm-quick .qd-ico{width:16px;height:16px;color:var(--qs-o)}
a.qd-sm-quick:hover,a.qd-sm-quick:focus-visible{border-color:var(--qs-o);color:#fff!important;outline:0}
a.qd-sm-quick.is-cta{margin-inline-start:auto;background:var(--qs-o)!important;border-color:var(--qs-o);color:#fff!important}
a.qd-sm-quick.is-cta .qd-ico{color:#fff}
a.qd-sm-quick.is-cta:hover{background:#F07545!important}

/* RTL: arrows point left */
[dir="rtl"] .qd-sm-arr .qd-ico,body.ar .qd-sm-arr .qd-ico,[dir="rtl"] .qd-msp-arr .qd-ico,body.ar .qd-msp-arr .qd-ico{transform:scaleX(-1)}
[dir="rtl"] .qd-sm-arr,body.ar .qd-sm-arr{transform:translateX(4px)}

/* Compact laptops / tablets in landscape: 2 x 2 category grid, secondary descriptions hidden */
@media (max-width:1180px){
  .qd-sm-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qd-sm-col:nth-child(2n){border-inline-end:0}
  .qd-sm-col:nth-child(-n+2){border-bottom:1px solid var(--qs-line)}
  .qd-sm-d{display:none!important}
  a.qd-sm-item:not(.is-primary) .qd-sm-ico{width:28px;height:28px;flex-basis:28px}
  .qd-sm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===================== MOBILE PANEL ===================== */
.nav-mob .qd-msp-host{padding:0 8px 6px!important;margin:0!important;background:transparent!important;border-radius:0!important}
.nav-mob .qd-msp{display:block!important;padding:6px 2px 4px;color:#fff;text-align:start}
.nav-mob .qd-msp *{box-sizing:border-box}
.nav-mob .qd-msp p{margin:0}
.nav-mob .qd-msp [hidden]{display:none!important}
.qd-msp-head{padding:6px 4px 10px}
.qd-msp-title{font-size:17px;font-weight:800;color:#fff}
.qd-msp-helper{font-size:12.5px;color:#9fb0c0;margin-top:2px!important}

.nav-mob label.qd-msp-search{display:flex!important;align-items:center;gap:8px;height:44px;padding:0 12px!important;margin:0 0 10px!important;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05);cursor:text}
.qd-msp-search:focus-within{border-color:#E05C2A;box-shadow:0 0 0 3px rgba(224,92,42,.2)}
.qd-msp-search .qd-ico{width:17px;height:17px;color:#9fb0c0}
.qd-msp-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:14px}
.qd-msp-search input::placeholder{color:rgba(255,255,255,.45)}

.qd-msp-intents{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;margin:0 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qd-msp-intents::-webkit-scrollbar{display:none}
.nav-mob .qd-msp-chip{flex:0 0 auto;display:inline-flex!important;align-items:center;min-height:34px;padding:6px 12px!important;border-radius:20px!important;border:1px solid rgba(224,92,42,.4);background:rgba(224,92,42,.08)!important;color:#ffd9c9!important;font:inherit;font-size:12px!important;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none!important}
.nav-mob .qd-msp-chip:hover,.nav-mob .qd-msp-chip:focus-visible{background:rgba(224,92,42,.2)!important;outline:0}

.qd-msp-group{margin:0 0 6px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.03);overflow:hidden}
.qd-msp-group.is-open{border-color:rgba(224,92,42,.45)}
.qd-msp-gbtn{width:100%;display:flex;align-items:center;gap:11px;min-height:58px;padding:9px 12px;border:0;background:none;color:#fff;font:inherit;text-align:start;cursor:pointer}
.qd-msp-gbtn:focus-visible{outline:2px solid #E05C2A;outline-offset:-2px;border-radius:13px}
.qd-msp-gico{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#E05C2A;color:#fff}
.qd-msp-gico .qd-ico{width:18px;height:18px}
.qd-msp-gtxt{display:flex;flex-direction:column;flex:1;min-width:0}
.qd-msp-glbl{font-size:14.5px;font-weight:800;line-height:1.3}
.qd-msp-ghint{font-size:11.5px;color:#9fb0c0;line-height:1.35}
.qd-msp-gcount{font-size:11px;font-weight:700;color:#9fb0c0;padding:2px 8px;border-radius:20px;background:rgba(255,255,255,.06)}
.qd-msp-gchev{color:#9fb0c0;transition:transform .2s}
.qd-msp-gchev .qd-ico{width:18px;height:18px}
.qd-msp-group.is-open .qd-msp-gchev{transform:rotate(180deg);color:#E05C2A}
.qd-msp-gbody{padding:2px 6px 8px;border-top:1px solid rgba(255,255,255,.07)}

.nav-mob a.qd-msp-item{display:flex!important;align-items:center;gap:10px;min-height:54px;padding:8px!important;margin:2px 0!important;border-radius:10px!important;background:none!important;color:#e8f0f5!important;text-decoration:none!important;font-size:inherit!important}
.nav-mob a.qd-msp-item:hover,.nav-mob a.qd-msp-item:focus-visible{background:rgba(255,255,255,.06)!important;outline:0}
.nav-mob a.qd-msp-item:focus-visible{box-shadow:0 0 0 2px rgba(224,92,42,.7)}
.nav-mob a.qd-msp-item.is-active{background:rgba(224,92,42,.12)!important}
.qd-msp-ico{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);color:#c6d3de}
.qd-msp-ico .qd-ico{width:17px;height:17px}
.qd-msp-item.is-primary .qd-msp-ico{background:rgba(224,92,42,.16);color:#FF8A5C}
.qd-msp-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.qd-msp-t{font-size:13.5px;font-weight:700;line-height:1.35;color:#fff}
.qd-msp-item:not(.is-primary) .qd-msp-t{font-weight:600;color:#dbe5ee}
.qd-msp-d{font-size:11.5px;line-height:1.4;color:#9fb0c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qd-msp-arr{color:rgba(255,255,255,.35)}
.qd-msp-arr .qd-ico{width:16px;height:16px}

.qd-msp-empty{padding:8px 4px 12px;color:rgba(255,255,255,.65);font-size:13px}
.nav-mob a.qd-msp-help{display:flex!important;align-items:center;gap:12px;margin:8px 0 2px!important;padding:12px 14px!important;border-radius:12px!important;background:rgba(37,211,102,.1)!important;border:1px solid rgba(37,211,102,.35);color:#fff!important;text-decoration:none!important;font-size:13px!important}
.qd-msp-help .qd-ico{width:22px;height:22px;color:#25D366}
.qd-msp-help strong{display:block;font-size:13.5px}
.qd-msp-help small{display:block;color:rgba(255,255,255,.7);font-size:12px;font-weight:500}

/* Inner pages (header.php) wrap the panel in <details>; neutralise its old 2-column link grid */
.site-header .nav-mob details .qd-msp div{grid-template-columns:none}
.site-header .nav-mob details .qd-msp-intents{display:flex!important;padding:0 0 10px!important}
.site-header .nav-mob details .qd-msp-gbody:not([hidden]){display:block!important;padding:2px 6px 8px!important;gap:0!important}
.site-header .nav-mob details .qd-msp-group:not([hidden]){display:block!important;padding:0!important}
.site-header .nav-mob details .qd-msp-head{display:block!important;padding:6px 4px 10px!important}

@media (prefers-reduced-motion:reduce){.qd-sm *,.qd-msp *{transition:none!important}}
/* Keep the panel inside the drawer: grid/flex items otherwise grow to the width of the chip row */
.nav-mob details,.nav-mob .qd-msp-host,.nav-mob .qd-msp{min-width:0;max-width:100%}

/* ===== Orange arrows on menu items that have sub-items (homepage .qd-mob-sub, inner pages <details>) ===== */
.nav-mob a.qd-mob-sub,.site-header .nav-mob details>summary{display:flex!important;align-items:center;justify-content:space-between;gap:10px;list-style:none}
.site-header .nav-mob details>summary::-webkit-details-marker{display:none}
.nav-mob a.qd-mob-sub::after,.site-header .nav-mob details>summary::after{
  content:"";flex:0 0 26px;width:26px;height:26px;border-radius:8px;
  background:rgba(224,92,42,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E05C2A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform .2s,background-color .2s;
}
.nav-mob a.qd-mob-sub[aria-expanded="true"]::after,.site-header .nav-mob details[open]>summary::after{transform:rotate(180deg);background-color:rgba(224,92,42,.28)}
.nav-mob a.qd-mob-sub[aria-expanded="true"],.site-header .nav-mob details[open]>summary{color:#FF8A5C!important}

/* ===== Diagnose / Start Business: same design as Services ===== */
.nav-mega-dd.qd-sm.qd-sm-simple{width:min(900px,calc(100vw - 32px))!important}
.qd-sm-simple .qd-sm-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px 14px 12px}
.qd-sm-simple a.qd-sm-item{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025)!important;padding:10px!important}
@media (max-width:1180px){
  .qd-sm-simple .qd-sm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qd-sm-simple .qd-sm-d{display:-webkit-box!important}
}

.nav-mob .qd-msp.qd-msp-simple{padding:2px 2px 6px}
.nav-mob p.qd-msp-simple-helper{padding:2px 6px 6px!important;margin:0!important;font-size:12px!important;line-height:1.5!important;color:#9fb0c0!important}
.nav-mob .qd-msp-simple .qd-msp-simple-list{display:block!important;padding:4px!important;border:1px solid rgba(255,255,255,.09);border-top:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.03);grid-template-columns:none!important;gap:0!important}
.nav-mob a.qd-msp-quick{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:8px 0 2px!important;padding:10px 14px!important;border-radius:12px!important;background:#E05C2A!important;color:#fff!important;font-size:13.5px!important;font-weight:700;text-decoration:none!important}
.nav-mob a.qd-msp-quick .qd-ico{width:17px;height:17px}

/* ===== Category headings in their own colour, so they never look like a service ===== */
.qd-sm-colhd{background:linear-gradient(90deg,rgba(224,92,42,.16),rgba(224,92,42,.05));border:1px solid rgba(224,92,42,.28)!important;border-radius:12px;padding:10px 10px!important;margin:0 0 10px!important}
[dir="rtl"] .qd-sm-colhd,body.ar .qd-sm-colhd{background:linear-gradient(270deg,rgba(224,92,42,.16),rgba(224,92,42,.05))}
.qd-sm-collbl{color:#FF8A5C!important;font-size:14.5px!important;letter-spacing:.2px}
.qd-sm-colhint{color:#d9c2b8!important}
.qd-sm-colhd small{background:rgba(224,92,42,.22)!important;color:#FFB08F!important}
.qd-sm-simple .qd-sm-title,.qd-sm-title{color:#FF8A5C}
/* Mobile: group headers */
.qd-msp-glbl{color:#FF8A5C!important}
.qd-msp-ghint{color:#d9c2b8!important}
.qd-msp-gbtn{background:linear-gradient(90deg,rgba(224,92,42,.12),rgba(224,92,42,.03))!important}
[dir="rtl"] .qd-msp-gbtn,body.ar .qd-msp-gbtn{background:linear-gradient(270deg,rgba(224,92,42,.12),rgba(224,92,42,.03))!important}
.qd-msp-gcount{background:rgba(224,92,42,.22)!important;color:#FFB08F!important}

/* Mobile drawer scrolls inside the screen (the JS in services-mobile-panel.php sets the exact height) */
@media (max-width:1180px){
#navMob.nav-mob.open,.site-header .nav-mob.open{box-sizing:border-box;max-height:calc(100vh - 62px);overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}