/* /it-staff-aug-v2 - layered AFTER css/managed-it-service-provider.css and
   css/managed-it-services-lp.css (neither edited). Only this page's deltas vs
   /managed-it-services-v5, scoped .zab-isa (the page wrapper). Values read off
   live (post-45167 + getComputedStyle at 1440 / 1920 / 375). */

/* ---------------------------------------------- 0756ecb cookie-settings button */
/* fixed, bottom 30 / left 30 (<=767: 10 / 10), z 100; 50x50 round #0091ff with
   a 1px #0091ff border, 40px white glyph - live's inline style + custom CSS */
.zab-isa .zab-isa-cookie {
    position: fixed; left: 30px; bottom: 30px; z-index: 100;
    width: 50px; height: 50px; display: grid; place-content: center; padding: 10px 16px;
    background: #0091ff; border: 1px solid #0091ff; border-radius: 999px; color: #fff; cursor: pointer;
}
.zab-isa .zab-isa-cookie svg { width: 40px; height: 40px; fill: #fff; }
@media (max-width: 767px) { .zab-isa .zab-isa-cookie { left: 10px; bottom: 10px; } }

/* ------------------------------------------------ comparison <=767: accordion */
/* 3f18121 is the only comparison <=767 (no 2a658c6 on this page). Same widget
   settings as v3's 3f18121 (post CSS rule-identical) except the "Before" labels,
   which are near-black here (#121111 ...) instead of v3's #ff3737. */
.zab-isa .zab-cmpacc { display: none; }
@media (max-width: 767px) {
    .zab-isa .zab-cmp-table { display: none; }
    .zab-isa .zab-cmpacc { display: block; }
    .zab-isa .zab-cmpacc-item { margin: 0 0 15px; }
    .zab-isa .zab-cmpacc-item > summary {
        display: flex; align-items: center; justify-content: space-between; gap: 10px;
        padding: 20px; border: 1px solid rgba(20, 20, 43, .12); border-radius: 10px;
        font-size: 16px; line-height: 26.4px; font-weight: 600; color: #1f2124;
        cursor: pointer; list-style: none;
    }
    .zab-isa .zab-cmpacc-item > summary::-webkit-details-marker { display: none; }
    .zab-isa .zab-cmpacc-item[open] > summary { border-radius: 10px 10px 0 0; }
    .zab-isa .zab-cmpacc-item .zab-faq-ico { color: #1f2124; flex-basis: 13px; width: 13px; height: 15px; }
    .zab-isa .zab-cmpacc-item .zab-faq-ico svg { fill: currentColor; width: 13px; height: 15px; }
    .zab-isa .zab-cmpacc-item .zab-faq-open { display: none; }
    .zab-isa .zab-cmpacc-item[open] .zab-faq-open { display: block; }
    .zab-isa .zab-cmpacc-item[open] .zab-faq-shut { display: none; }
    .zab-isa .zab-cmpacc-body { border: 1px solid rgba(20, 20, 43, .12); border-top: 0; border-radius: 0 0 10px 10px; overflow: hidden; }
    .zab-isa .zab-cmpacc-box { display: flex; gap: 15px; padding: 20px; }
    .zab-isa .zab-cmpacc-before { background: #f9fcff; }
    .zab-isa .zab-cmpacc-after { background: #14142b; }
    .zab-isa .zab-cmpacc-ico { flex: 0 0 22px; }
    .zab-isa .zab-cmpacc-ico svg { width: 22px; height: 22px; }
    .zmit.zab-isa .zab-cmpacc-box h3 { font-size: 18px; line-height: 23.4px; font-weight: 500; margin: 0 0 2px; color: #121111; }
    .zmit.zab-isa .zab-cmpacc-after h3 { color: #fff; }
    .zab-isa .zab-cmpacc-box p { font-size: 12px; line-height: 19.8px; color: #000; margin: 0; }
    .zab-isa .zab-cmpacc-after p { color: #fff; }
}

/* ================================================================ desktop deltas */
/* 35f4f20 is a 20%-wide widget here (v5: 30%): the button is 189 wide, so its
   label wraps to two 24px lines -> 189x72, and the nav grows to 113 (live 1440). */
.zmit.zab-mlp.zab-isa .zab-lpnav { height: auto; min-height: 100px; padding: 20px 0 21px; }
.zmit.zab-mlp.zab-isa .zab-lpnav-cta { width: auto; white-space: nowrap; }   /* owner 2026-09-29: one line (live wraps at 189px) */
/* coverage titles are w700 here (reference / v5: 600) */
.zmit.zab-mlp.zab-isa .zab-cov-row h3 { font-weight: 700; }
/* rail heading 0161989: 18px/23.4 (v5 20px/26) */
.zmit.zab-mlp.zab-isa .zab-msp-side .zab-msp-formcard > h2 { font-size: 18px; line-height: 23.4px; }
/* footer 75c2ee4: copy + links WHITE on this page (v5 #868686) */
.zmit.zab-mlp.zab-isa .zab-lpfoot-copy,
.zmit.zab-mlp.zab-isa .zab-lpfoot a { color: #fff; }

/* nav: e3a28a1 is hidden <=1024 and the only toggle (b362ee6) is hidden at every
   breakpoint, so live has NO menu below 1025 - no burger here either. */
@media (max-width: 1024px) {
    .zmit.zab-mlp.zab-isa .zab-lpnav-burger,
    .zmit.zab-mlp.zab-isa .zab-lpnav-menu { display: none !important; }
    .zmit.zab-mlp.zab-isa .zab-lpnav-cta { margin-left: auto; }
}

/* ================================================================== 375 pass */
/* This page carries almost none of v5's <=767 overrides (post-45167 vs
   post-40830): its mobile is the desktop components at mobile sizes. Every value
   below read off live /it-staff-aug-v2 at 375; house 30px gutter kept (live 20). */
@media (max-width: 767px) {
    /* nav ddc9b22: 67 tall; 35f4f20 SHOWN (only mobile_extra hides it): 188x36,
       padding 10px 14px, 12px/15.6 w500, radius 5 */
    .zmit.zab-mlp.zab-isa .zab-lpnav { min-height: 0; height: 67px; padding: 0; }
    .zmit.zab-mlp.zab-isa .zab-lpnav-cta {
        display: inline-flex; width: 188px; padding: 10px 14px; border-radius: 5px;
        font-size: 12px; line-height: 15.6px; animation: none; white-space: nowrap;
    }
    /* live hides the chevron at this width (elementor-button-icon display:none) */
    .zmit.zab-mlp.zab-isa .zab-lpnav-cta svg { display: none; }

    /* hero 543426b: no vertical padding, gap 24; h 30px/39 (live's own mobile
       size - under the 42px owner cap); sub 14.592/24.08; dd78c31 223x40 centred,
       padding 12px 24px, 14px/14, radius 8, #0161ff with white ink */
    .zmit.zab-mlp.zab-isa .zab-msp-hero .z-container { padding-top: 0; padding-bottom: 0; gap: 24px; }
    .zmit.zab-mlp.zab-isa .zab-mlp-h1 { font-size: 30px; line-height: 39px; padding-top: 0; }
    .zmit.zab-mlp.zab-isa .zab-msp-hero-sub { font-size: 14.592px; line-height: 24.08px; }
    .zmit.zab-mlp.zab-isa .zab-msp-hero-cta { width: auto; align-items: center; }
    .zmit.zab-mlp.zab-isa .zab-msp-btn { padding: 12px 24px; border-radius: 8px; font-size: 14px; line-height: 14px; }
    .zmit.zab-mlp.zab-isa .zab-msp-btn-ghost { background: #0161ff; border-color: #0161ff; color: #fff; }

    /* video b4a0d90: margin 30 0 50 */
    .zmit.zab-mlp.zab-isa .zab-msp-video { margin: 30px 0 50px; }

    /* band headings 20px/26 */
    .zmit.zab-mlp.zab-isa .zab-msp-h { font-size: 20px; line-height: 26px; }

    /* coverage e7af5b3: padding 80 0 0, gap 40, margin-bottom 50; heading keeps
       its 40px top pad; rows as desktop (padding 15, 1px #d6d6d6) with gap 26,
       titles 24px/31.2 w700, descriptions SHOWN at 14px/18.2 w300, no tint */
    .zmit.zab-mlp.zab-isa .zab-cov { padding: 80px 0 0; margin-bottom: 50px; gap: 40px; }
    .zmit.zab-mlp.zab-isa .zab-cov > .zab-msp-h { padding-top: 40px; }
    .zmit.zab-mlp.zab-isa .zab-cov-row { padding: 15px; gap: 26px; }
    .zmit.zab-mlp.zab-isa .zab-cov-row:nth-child(even) { background: none; border-top-width: 1px; }
    .zmit.zab-mlp.zab-isa .zab-cov-row h3 { font-size: 24px; line-height: 31.2px; font-weight: 700; }
    .zmit.zab-mlp.zab-isa .zab-cov-row p { display: block; font-size: 14px; line-height: 18.2px; }

    /* security d17b3ed: padding 50 0, gap 40 (heading keeps its 40 top pad); 1 col gap 20; 50px icon, 23 gap,
       titles 16px/20.8 w500 */
    .zmit.zab-mlp.zab-isa .zab-seccov { padding: 50px 0; gap: 40px; }
    .zmit.zab-mlp.zab-isa .zab-seccov > .zab-msp-h { padding-top: 40px; }
    .zmit.zab-mlp.zab-isa .zab-seccov-grid { gap: 20px; }
    .zmit.zab-mlp.zab-isa .zab-seccov-item { gap: 23px; }
    .zmit.zab-mlp.zab-isa .zab-seccov-item .zab-ico { flex-basis: 50px; }
    .zmit.zab-mlp.zab-isa .zab-seccov-item .zab-ico svg { width: 50px; height: 50px; }
    .zmit.zab-mlp.zab-isa .zab-seccov-item h3 { font-size: 16px; line-height: 20.8px; }

    /* certs 807672d: padding 50 0 70, gap 40; 1 col gap 20; card padding 14,
       59px logo, copy 20 on; title 16px/20.8 w600; description 12px/14.4 */
    .zmit.zab-mlp.zab-isa .zab-certs { padding: 50px 0 70px; gap: 40px; }
    .zmit.zab-mlp.zab-isa .zab-certs-grid { gap: 20px; }
    .zmit.zab-mlp.zab-isa .zab-cert { padding: 14px; }
    .zmit.zab-mlp.zab-isa .zab-cert-fig { flex-basis: 59px; width: 59px; margin: 0; }
    .zmit.zab-mlp.zab-isa .zab-cert-fig img { width: 59px; height: 59px; }
    .zmit.zab-mlp.zab-isa .zab-cert h3 { font-size: 16px; line-height: 20.8px; margin-bottom: 0; }
    .zmit.zab-mlp.zab-isa .zab-cert p { font-size: 12px; line-height: 14.4px; }

    /* testimonials af43aa2: padding 50 0 70, gap 40; cards 30 apart; all 4 shown */
    .zmit.zab-mlp.zab-isa .zab-testi { padding: 50px 0 70px; gap: 40px; }
    .zmit.zab-mlp.zab-isa .zab-testi-list { gap: 30px; }
    .zmit.zab-mlp.zab-isa .zab-testi-desk { display: flex; }
    /* card: quote (no rule), 10 gap, author block 20px foot; name 16px on a
       26.4 line with the role straight under it */
    .zmit.zab-mlp.zab-isa .zab-testi-card { gap: 10px; padding-top: 10px; }
    .zmit.zab-mlp.zab-isa .zab-testi-who { padding-bottom: 20px; }
    .zmit.zab-mlp.zab-isa .zab-testi-who strong { line-height: 26.4px; margin-bottom: 0; }

    /* comparison a0cd677: padding 50 0, gap 40; heading 97c7846 padding-top 20 */
    .zmit.zab-mlp.zab-isa .zab-cmp { padding: 50px 0; gap: 40px; }
    .zmit.zab-mlp.zab-isa .zab-cmp > .zab-msp-h { padding-top: 20px; }

    /* FAQ 7452e73: padding 50 0, gap 40; summary padding 25, 14px/21 w400;
       answer padding 0 20, 14px/22.4 */
    .zmit.zab-mlp.zab-isa .zab-faq { padding: 50px 0; gap: 40px; }
    .zmit.zab-mlp.zab-isa .zab-faq-item > summary { padding: 25px; font-size: 14px; line-height: 21px; }
    .zmit.zab-mlp.zab-isa .zab-faq-a { padding: 0 20px; }
    .zmit.zab-mlp.zab-isa .zab-faq-a p { font-size: 14px; line-height: 22.4px; }

    /* growth 8ed53e1: padding 50 20 0; copy then the figure (SHOWN, 290 tall),
       20 apart; h2 26px/33.8; CTA full width 46 tall */
    .zmit.zab-mlp.zab-isa .zab-grow { padding: 50px 20px 0; }
    .zmit.zab-mlp.zab-isa .zab-grow-fig { display: block; flex: 0 0 auto; }
    .zmit.zab-mlp.zab-isa .zab-grow-fig img { height: 290px; object-fit: contain; object-position: bottom; margin-top: 0; }

    /* footer 75c2ee4: 102 tall, no pull-up (no floating CTA here) */
    .zmit.zab-mlp.zab-isa .zab-lpfoot { margin-bottom: 0; }
    .zmit.zab-mlp.zab-isa .zab-lpfoot-copy { line-height: 20px; }
}