/*
Theme Name: BackupONE
Description: שלד אתר לעמודי העיצוב של BackupONE — הדר גלובלי, תפריט ו-WooCommerce.
Version: 1.0
Text Domain: backupone
*/
:root{ --b1-navy:#061a38; --b1-navy2:#0b2a55; --b1-cyan:#26c6da; --b1-line:rgba(255,255,255,.14); --b1-h:66px; --b1-sub-h:0px; }

/* ===== global header (namespaced + defensive: page CSS is arbitrary) ===== */
#b1-bar, #b1-bar *{ box-sizing:border-box !important; }
#b1-bar{
  position:fixed !important; inset:0 0 auto 0 !important; z-index:2147483000 !important;
  background:var(--b1-navy) !important; color:#fff !important;
  font-family:Assistant,"Segoe UI",system-ui,Arial,sans-serif !important; direction:rtl !important;
  box-shadow:0 2px 18px rgba(0,0,0,.28) !important; margin:0 !important; padding:0 !important;
}
#b1-bar .b1-in{ max-width:1240px; margin:0 auto !important; padding:0 16px !important; height:var(--b1-h);
  display:flex !important; align-items:center !important; gap:14px !important; }
#b1-bar a{ text-decoration:none !important; color:#fff !important; font-size:15px !important; line-height:1.2 !important; }
#b1-bar .b1-logo{ display:flex !important; align-items:center !important; flex:0 0 auto !important; }
#b1-bar .b1-logo img{ height:34px !important; width:auto !important; display:block !important; max-width:none !important; }
#b1-bar .b1-logo span{ font-weight:800 !important; font-size:19px !important; letter-spacing:.2px; }
#b1-bar .b1-logo span i{ color:var(--b1-cyan) !important; font-style:normal !important; }

#b1-bar nav.b1-nav{ flex:1 1 auto !important; min-width:0 !important; }
#b1-bar ul.b1-menu{ list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important;
  align-items:center !important; gap:2px !important; justify-content:flex-start !important; }
#b1-bar ul.b1-menu li{ position:relative !important; margin:0 !important; padding:0 !important; list-style:none !important; }
#b1-bar ul.b1-menu > li > a{ display:block !important; padding:9px 11px !important; border-radius:8px !important;
  white-space:nowrap !important; opacity:.92; transition:background .15s,opacity .15s; }
#b1-bar ul.b1-menu > li > a:hover, #b1-bar ul.b1-menu > li.current-menu-item > a{ background:rgba(255,255,255,.10) !important; opacity:1; }
#b1-bar ul.b1-menu ul.sub-menu{ list-style:none !important; margin:0 !important; padding:6px !important;
  position:absolute !important; top:100% !important; right:0 !important; min-width:230px !important;
  background:var(--b1-navy2) !important; border:1px solid var(--b1-line) !important; border-radius:12px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.4) !important; display:none !important; }
#b1-bar ul.b1-menu > li:hover > ul.sub-menu, #b1-bar ul.b1-menu > li:focus-within > ul.sub-menu{ display:block !important; }
#b1-bar ul.b1-menu ul.sub-menu a{ display:block !important; padding:9px 12px !important; border-radius:8px !important; font-size:14.5px !important; }
#b1-bar ul.b1-menu ul.sub-menu a:hover{ background:rgba(255,255,255,.10) !important; }

#b1-bar .b1-act{ display:flex !important; align-items:center !important; gap:9px !important; flex:0 0 auto !important; margin-inline-start:auto !important; }
#b1-bar .b1-tel{ font-weight:700 !important; direction:ltr !important; unicode-bidi:isolate !important; opacity:.95; }
#b1-bar .b1-cta{ background:var(--b1-cyan) !important; color:#04243a !important; font-weight:800 !important;
  padding:9px 16px !important; border-radius:999px !important; white-space:nowrap !important; }
#b1-bar .b1-cta:hover{ filter:brightness(1.07); }
#b1-bar .b1-burger{ display:none !important; width:42px !important; height:38px !important; padding:0 !important;
  background:transparent !important; border:1px solid var(--b1-line) !important; border-radius:9px !important;
  cursor:pointer !important; align-items:center !important; justify-content:center !important; }
#b1-bar .b1-burger span{ display:block !important; width:19px !important; height:2px !important; background:#fff !important;
  position:relative !important; border-radius:2px; }
#b1-bar .b1-burger span::before, #b1-bar .b1-burger span::after{ content:'' !important; position:absolute !important;
  right:0 !important; width:19px !important; height:2px !important; background:#fff !important; border-radius:2px; }
#b1-bar .b1-burger span::before{ top:-6px !important; } #b1-bar .b1-burger span::after{ top:6px !important; }

/* page-level anchor row (kept from each design's own header) */
#b1-sub{ border-top:1px solid var(--b1-line) !important; background:rgba(255,255,255,.04) !important; }
#b1-sub .b1-in{ height:auto !important; padding:7px 16px !important; gap:6px !important; overflow-x:auto !important;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; }
#b1-sub .b1-in::-webkit-scrollbar{ display:none; }
#b1-sub a{ font-size:13.5px !important; padding:5px 11px !important; border-radius:999px !important;
  background:rgba(255,255,255,.08) !important; white-space:nowrap !important; opacity:.9; }
#b1-sub a:hover{ background:rgba(255,255,255,.18) !important; opacity:1; }

.b1-spacer{ height:var(--b1-h); }
body.b1-has-sub .b1-spacer{ height:calc(var(--b1-h) + var(--b1-sub-h)); }

/* drawer */
#b1-drawer{ position:fixed !important; inset:0 !important; z-index:2147483001 !important; display:none !important; }
#b1-drawer.open{ display:block !important; }
#b1-drawer .b1-scrim{ position:absolute !important; inset:0 !important; background:rgba(3,10,22,.62) !important; }
#b1-drawer .b1-panel{ position:absolute !important; inset:0 auto 0 0 !important; width:min(86vw,330px) !important;
  background:var(--b1-navy) !important; padding:16px !important; overflow-y:auto !important;
  display:flex !important; flex-direction:column !important; gap:6px !important; direction:rtl !important; }
#b1-drawer ul{ list-style:none !important; margin:0 !important; padding:0 !important; }
#b1-drawer li{ margin:0 !important; }
#b1-drawer a{ display:block !important; color:#fff !important; text-decoration:none !important;
  padding:11px 12px !important; border-radius:10px !important; font-size:16px !important; }
#b1-drawer a:hover{ background:rgba(255,255,255,.10) !important; }
#b1-drawer ul.sub-menu a{ font-size:14.5px !important; opacity:.88; padding-inline-start:26px !important; }
#b1-drawer .b1-close{ align-self:flex-start !important; background:transparent !important; color:#fff !important;
  border:1px solid var(--b1-line) !important; border-radius:9px !important; width:40px !important; height:36px !important;
  font-size:20px !important; line-height:1 !important; cursor:pointer !important; }

/* accessibility: visible focus + skip link (no visual change until used) */
#b1-bar a:focus-visible, #b1-bar button:focus-visible, #b1-drawer a:focus-visible, #b1-drawer button:focus-visible{
  outline:3px solid var(--b1-cyan) !important; outline-offset:2px !important; }
.b1-skip{ position:absolute !important; right:-9999px !important; top:0 !important; z-index:2147483002 !important;
  background:#fff !important; color:#061a38 !important; padding:10px 16px !important; border-radius:0 0 10px 0 !important; }
.b1-skip:focus{ right:0 !important; }

@media (max-width:1100px){ #b1-bar .b1-tel{ display:none !important; } }
@media (max-width:980px){
  #b1-bar nav.b1-nav{ display:none !important; }
  #b1-bar .b1-burger{ display:inline-flex !important; }
  #b1-bar .b1-logo img{ height:30px !important; }
}
@media (max-width:420px){
  #b1-bar .b1-cta{ padding:8px 12px !important; font-size:14px !important; }
  :root{ --b1-h:58px; }
}
/* b1-skip-v2: visually-hidden by clipping, not by off-screen offset.
   The -9999px version was measured as an element crossing the viewport edge
   and showed up as a false 'offender' in every rendered layout audit. */
.b1-skip{ position:absolute !important; right:auto !important; top:auto !important;
  width:1px !important; height:1px !important; padding:0 !important; margin:0 !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important;
  white-space:nowrap !important; border:0 !important; }
.b1-skip:focus{ position:fixed !important; right:0 !important; top:0 !important;
  width:auto !important; height:auto !important; clip:auto !important; clip-path:none !important;
  padding:10px 16px !important; background:#fff !important; color:#061a38 !important;
  border-radius:0 0 10px 0 !important; z-index:2147483002 !important; }

/* Shared navigation, 2026-09-16. */


body.b1-unified-navigation{--b1-h:88px;--b1-cyan:#FF6500}
body.b1-unified-navigation #b1-bar{background:#FFFFFF!important;color:#061A4D!important;border-bottom:1px solid #D9E6F5!important;box-shadow:0 4px 24px rgba(6,26,77,.07)!important;font-family:Heebo,Arial,sans-serif!important}
body.b1-unified-navigation #b1-bar>.b1-in{max-width:1400px;padding:0 28px!important;gap:26px!important;height:88px}
body.b1-unified-navigation #b1-bar .b1-logo{padding-inline-end:24px!important;border-inline-end:1px solid #D9E6F5!important}
body.b1-unified-navigation #b1-bar .b1-logo img{height:45px!important}
body.b1-unified-navigation #b1-bar a{color:#061A4D!important;font-size:14px!important;font-weight:500!important}
body.b1-unified-navigation #b1-bar ul.b1-menu{gap:4px!important;justify-content:center!important}
body.b1-unified-navigation #b1-bar ul.b1-menu>li>a{position:relative!important;padding:15px 11px!important;border-radius:8px!important;opacity:1}
body.b1-unified-navigation #b1-bar ul.b1-menu>li>a:hover,body.b1-unified-navigation #b1-bar ul.b1-menu>li:focus-within>a{background:#F8FBFF!important}
body.b1-unified-navigation #b1-bar ul.b1-menu>li.current-menu-item>a{background:#F8FBFF!important;font-weight:800!important}
body.b1-unified-navigation #b1-bar ul.b1-menu>li.current-menu-item>a:after{content:"";position:absolute;bottom:5px;left:calc(50% - 9px);width:18px;height:3px;background:#FF6500;border-radius:8px}
body.b1-unified-navigation #b1-bar ul.b1-menu>.menu-item-has-children>a{display:flex!important;gap:7px;align-items:center}
body.b1-unified-navigation #b1-bar ul.b1-menu>.menu-item-has-children>a:before{content:"";order:1;width:6px;height:6px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}
body.b1-unified-navigation #b1-bar ul.b1-menu ul.sub-menu{background:#FFFFFF!important;border:1px solid #D9E6F5!important;padding:8px!important;border-radius:13px!important;box-shadow:0 14px 34px rgba(6,26,77,.13)!important;min-width:240px!important}
body.b1-unified-navigation #b1-bar ul.b1-menu ul.sub-menu a{padding:12px 14px!important}
body.b1-unified-navigation #b1-bar ul.b1-menu ul.sub-menu a:hover{background:#F8FBFF!important}
body.b1-unified-navigation #b1-bar .b1-act{gap:16px!important}
body.b1-unified-navigation #b1-bar .b1-tel{font-size:14px!important;font-weight:700!important;white-space:nowrap}
body.b1-unified-navigation #b1-bar .b1-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:12px 20px!important;background:#FF6500!important;color:#061A4D!important;border-radius:13px!important;font-weight:800!important;gap:14px}
body.b1-unified-navigation #b1-bar .b1-cta:after{content:"←";font-size:20px;line-height:1}
body.b1-unified-navigation #b1-bar .b1-burger{border:1px solid #D9E6F5!important;width:44px!important;height:44px!important;background:#F8FBFF!important}
body.b1-unified-navigation #b1-bar .b1-burger span,body.b1-unified-navigation #b1-bar .b1-burger span:before,body.b1-unified-navigation #b1-bar .b1-burger span:after{background:#061A4D!important}
body.b1-unified-navigation #b1-drawer .b1-panel{inset:0 0 0 auto!important;background:#FFFFFF!important;font-family:Heebo,Arial,sans-serif!important;padding:22px!important;border-inline-end:1px solid #D9E6F5}
body.b1-unified-navigation #b1-drawer a{color:#061A4D!important;font-weight:500}
body.b1-unified-navigation #b1-drawer a:hover,body.b1-unified-navigation #b1-drawer .current-menu-item>a{background:#F8FBFF!important}
body.b1-unified-navigation #b1-drawer .b1-close{color:#061A4D!important;border-color:#D9E6F5!important;min-width:44px;min-height:44px}
body.b1-unified-navigation #b1-drawer .b1-cta{background:#FF6500!important;color:#061A4D!important;font-weight:800!important;border-radius:13px!important}
body.b1-unified-navigation #b1-drawer ul.sub-menu{border-inline-start:2px solid #D9E6F5!important;margin-inline-start:12px!important}
body.b1-unified-navigation #b1-bar a:focus-visible,body.b1-unified-navigation #b1-bar button:focus-visible,body.b1-unified-navigation #b1-drawer a:focus-visible,body.b1-unified-navigation #b1-drawer button:focus-visible{outline:3px solid #0759D6!important;outline-offset:3px!important}
@media(max-width:1200px){body.b1-unified-navigation #b1-bar>.b1-in{gap:14px!important;padding:0 20px!important}body.b1-unified-navigation #b1-bar .b1-logo{padding-inline-end:14px!important}body.b1-unified-navigation #b1-bar .b1-tel{display:none!important}body.b1-unified-navigation #b1-bar ul.b1-menu>li>a{padding-inline:9px!important}}
@media(max-width:980px){body.b1-unified-navigation{--b1-h:76px}body.b1-unified-navigation #b1-bar>.b1-in{height:76px;padding:0 20px!important}body.b1-unified-navigation #b1-bar .b1-logo{border:0!important;padding:0!important}body.b1-unified-navigation #b1-bar .b1-logo img{height:40px!important}body.b1-unified-navigation #b1-bar .b1-act{gap:12px!important}}
@media(max-width:480px){body.b1-unified-navigation{--b1-h:70px}body.b1-unified-navigation #b1-bar>.b1-in{height:70px;padding:0 14px!important;gap:10px!important}body.b1-unified-navigation #b1-bar .b1-logo img{height:34px!important}body.b1-unified-navigation #b1-bar .b1-act{gap:8px!important}body.b1-unified-navigation #b1-bar .b1-cta{padding:10px 13px!important;min-height:44px;font-size:13px!important;gap:8px}}
@media(prefers-reduced-motion:reduce){body.b1-unified-navigation #b1-bar a{transition:none!important}}


body.b1-unified-navigation #b1-sub{display:none!important}
body.b1-unified-navigation .mini-bar{display:none!important}
body.b1-unified-navigation #b1-bar,body.b1-unified-navigation #b1-drawer{--b1-cyan:#FF6500;--b1-navy:#061A4D;--b1-navy2:#0B1F46;--b1-line:#D9E6F5}
body.b1-unified-navigation .b1-spacer{height:88px}
body.b1-unified-navigation.admin-bar #b1-bar{top:32px!important}
@media(max-width:980px){body.b1-unified-navigation .b1-spacer{height:76px}}
@media(max-width:782px){body.b1-unified-navigation.admin-bar #b1-bar{top:46px!important}}
@media(max-width:480px){body.b1-unified-navigation .b1-spacer{height:70px}}