/* BCH Commerce Studio 1.0.13 — polished mobile navigation + reliable icons */
.bchcs-legacy-mobile{
    position:relative;display:inline-flex;align-items:center;z-index:99990;
    --bchcs-menu-top:72px;
}
.bchcs-legacy-toggle{
    width:48px;height:48px;border:1px solid rgba(255,255,255,.08)!important;
    background:rgba(255,255,255,.025)!important;backdrop-filter:blur(10px);
    display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
    padding:8px!important;margin:0!important;cursor:pointer;position:relative;z-index:99994;
    border-radius:14px!important;box-shadow:0 8px 22px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.07)!important;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.bchcs-legacy-toggle:active{transform:scale(.94)}
.bchcs-legacy-toggle span{display:block;width:26px;height:2.5px;border-radius:99px;background:var(--bchcs-legacy-hamburger,#fff);transition:transform .27s cubic-bezier(.2,.8,.2,1),opacity .18s ease,width .2s ease}
.bchcs-legacy-toggle span:nth-child(2){width:20px}
.bchcs-legacy-mobile.is-open .bchcs-legacy-toggle{border-color:color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 55%,transparent);background:rgba(255,255,255,.055)!important}
.bchcs-legacy-mobile.is-open .bchcs-legacy-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.bchcs-legacy-mobile.is-open .bchcs-legacy-toggle span:nth-child(2){opacity:0;transform:scaleX(.2)}
.bchcs-legacy-mobile.is-open .bchcs-legacy-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

.bchcs-legacy-overlay{
    position:fixed;top:var(--bchcs-menu-top);left:0;right:0;bottom:0;
    background:var(--bchcs-legacy-overlay,#000);opacity:0;visibility:hidden;
    backdrop-filter:blur(7px) saturate(.82);transition:opacity .28s ease,visibility .28s ease;z-index:99991;
}
.bchcs-legacy-panel{
    position:fixed;top:var(--bchcs-menu-top);left:0;right:0;width:100vw;
    max-height:calc(100dvh - var(--bchcs-menu-top));color:var(--bchcs-legacy-panel-text,#fff);z-index:99993;
    display:flex;flex-direction:column;overflow:hidden;
    border-radius:0 0 var(--bchcs-legacy-panel-radius,26px) var(--bchcs-legacy-panel-radius,26px);
    border:1px solid rgba(255,255,255,.075);border-top:0;
    background:
      radial-gradient(circle at 86% -10%,color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 20%,transparent) 0,transparent 34%),
      radial-gradient(circle at 8% 18%,rgba(255,255,255,.045) 0,transparent 28%),
      linear-gradient(180deg,var(--bchcs-legacy-panel,#0D1015) 0%,var(--bchcs-legacy-panel-alt,#050608) 100%);
    box-shadow:0 30px 80px rgba(0,0,0,.52),0 1px 0 rgba(255,255,255,.08) inset;
    opacity:0;visibility:hidden;pointer-events:none;
    transform-origin:50% 0;transform:translateY(-12px) scale(.985);filter:saturate(.92);
    transition:transform .34s cubic-bezier(.18,.82,.22,1),opacity .22s ease,visibility .22s ease,filter .3s ease;
}
.bchcs-legacy-panel::before{
    content:'';position:absolute;left:14%;right:14%;top:0;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 85%,#fff 15%),transparent);
    box-shadow:0 0 16px color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 36%,transparent);
}
.bchcs-legacy-panel::after{
    content:'';position:absolute;inset:0;pointer-events:none;opacity:.28;
    background:linear-gradient(115deg,rgba(255,255,255,.02),transparent 28%,transparent 72%,rgba(255,255,255,.016));
}
.bchcs-legacy-mobile.is-open .bchcs-legacy-overlay{opacity:.72;visibility:visible}
.bchcs-legacy-mobile.is-open .bchcs-legacy-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:saturate(1)}

.bchcs-legacy-panel-head{
    position:relative;z-index:2;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:13px 16px 12px;border-bottom:1px solid rgba(255,255,255,.075);
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));
}
.bchcs-legacy-panel-head strong{font-size:18px;font-weight:900;letter-spacing:.1px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.bchcs-legacy-panel-head strong::after{content:'';display:block;width:26px;height:3px;border-radius:99px;margin-top:6px;background:var(--bchcs-legacy-accent,#F07A00);box-shadow:0 0 12px color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 32%,transparent)}
.bchcs-legacy-close{
    width:40px;height:40px;border-radius:13px!important;border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.045)!important;color:inherit!important;font-size:24px!important;line-height:1!important;cursor:pointer;
    box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)!important;
    transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.bchcs-legacy-close:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.15)!important}
.bchcs-legacy-close:active{transform:scale(.93)}
.bchcs-legacy-panel-stage{position:relative;z-index:2;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px 12px calc(20px + env(safe-area-inset-bottom));perspective:1100px}
.bchcs-legacy-links{display:flex;flex-direction:column;gap:12px;width:min(100%,720px);margin:0 auto;padding:0}
.bchcs-legacy-menu-node{display:flex;flex-direction:column;gap:8px}

/* Premium 3D navigation card: depth comes from layered light and edge, not a thick block. */
.bchcs-legacy-link{
    --card-depth:max(2px,min(var(--bchcs-legacy-depth,4px),8px));
    display:grid;grid-template-columns:var(--bchcs-legacy-icon-size,44px) minmax(0,1fr) 32px;align-items:center;gap:12px;
    min-height:var(--bchcs-legacy-item-height,62px);padding:8px 12px;
    border-radius:var(--bchcs-legacy-item-radius,17px);
    background:
      linear-gradient(145deg,color-mix(in srgb,var(--bchcs-legacy-item,#171A20) 94%,#fff 6%) 0%,var(--bchcs-legacy-item-alt,#0F1217) 100%);
    color:var(--bchcs-legacy-item-text,#F4F6F8)!important;text-decoration:none!important;
    border:1px solid color-mix(in srgb,var(--bchcs-legacy-item-border,#2A3038) 86%,#fff 14%);
    box-shadow:
      0 var(--card-depth) 0 color-mix(in srgb,var(--bchcs-legacy-item-shadow,#06080B) 82%,#000 18%),
      0 calc(var(--card-depth) + 8px) 22px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.15);
    position:relative;overflow:hidden;isolation:isolate;
    transform:translateY(0) translateZ(0);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease,background .18s ease;
    font-size:var(--bchcs-legacy-font-size,15px);font-weight:800;line-height:1.35;
}
.bchcs-legacy-link::before{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.9;
    background:
      radial-gradient(circle at 92% -10%,color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 8%,transparent),transparent 30%),
      linear-gradient(120deg,rgba(255,255,255,.035),transparent 34%,transparent 70%,rgba(255,255,255,.012));
}
.bchcs-legacy-link::after{
    content:'';position:absolute;right:0;top:13px;bottom:13px;width:3px;border-radius:3px 0 0 3px;
    background:var(--bchcs-legacy-accent,#F07A00);opacity:.16;transform:scaleY(.55);transition:opacity .2s ease,transform .2s ease;
}
.bchcs-legacy-link:hover{border-color:color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 42%,var(--bchcs-legacy-item-border,#2A3038));transform:translateY(-2px)}
.bchcs-legacy-link:hover::after{opacity:.62;transform:scaleY(.92)}
.bchcs-legacy-link:active{transform:translateY(var(--card-depth)) scale(.995);box-shadow:0 1px 0 var(--bchcs-legacy-item-shadow,#06080B),0 5px 12px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04)}
.bchcs-legacy-link.is-active{
    background:
      radial-gradient(circle at 88% 0,rgba(255,255,255,.16),transparent 28%),
      linear-gradient(145deg,var(--bchcs-legacy-active,#F07A00),var(--bchcs-legacy-active-alt,#D96800));
    color:var(--bchcs-legacy-active-text,#fff)!important;
    border-color:rgba(255,255,255,.24);
    box-shadow:0 var(--card-depth) 0 color-mix(in srgb,var(--bchcs-legacy-active-alt,#D96800) 76%,#6e2e00 24%),0 calc(var(--card-depth) + 10px) 26px color-mix(in srgb,var(--bchcs-legacy-active,#F07A00) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.20);
}
.bchcs-legacy-link.is-active::after{opacity:1;transform:scaleY(1);background:var(--bchcs-legacy-active-text,#fff)}

.bchcs-legacy-icon{
    width:var(--bchcs-legacy-icon-size,44px);height:var(--bchcs-legacy-icon-size,44px);border-radius:14px;
    display:grid;place-items:center;
    background:
      radial-gradient(circle at 30% 20%,rgba(255,255,255,.16),transparent 34%),
      linear-gradient(145deg,var(--bchcs-legacy-icon,#252A31),color-mix(in srgb,var(--bchcs-legacy-icon,#252A31) 72%,#000 28%));
    color:var(--bchcs-legacy-icon-text,var(--bchcs-legacy-accent,#F07A00));
    border:1px solid rgba(255,255,255,.075);
    box-shadow:0 4px 10px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.16);
    position:relative;transition:transform .18s ease,background .18s ease,color .18s ease;
}
.bchcs-legacy-icon::after{content:'';position:absolute;inset:5px;border-radius:10px;border:1px solid color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 16%,transparent);pointer-events:none}
.bchcs-legacy-link:hover .bchcs-legacy-icon{transform:translateY(-1px)}
.bchcs-legacy-link.is-active .bchcs-legacy-icon{background:rgba(255,255,255,.94);color:var(--bchcs-legacy-active,#F07A00);border-color:rgba(255,255,255,.72);box-shadow:0 5px 14px rgba(0,0,0,.12),inset 0 1px 0 #fff}
.bchcs-legacy-icon i{font-size:20px!important;line-height:1!important}.bchcs-legacy-icon svg{width:22px;height:22px}
.bchcs-legacy-label{font:inherit;min-width:0;white-space:normal;overflow-wrap:anywhere;letter-spacing:.05px}
.bchcs-legacy-arrow{
    width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:20px;line-height:1;
    color:currentColor;opacity:.62;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,opacity .18s ease,background .18s ease;
}
.bchcs-legacy-link:hover .bchcs-legacy-arrow{transform:translateX(-2px);opacity:.86;background:rgba(255,255,255,.065)}
.bchcs-legacy-link.is-active .bchcs-legacy-arrow{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);opacity:1}

.bchcs-legacy-submenu{display:flex;flex-direction:column;gap:10px;padding-right:19px;padding-top:3px;position:relative}
.bchcs-legacy-submenu::before{content:'';position:absolute;right:7px;top:2px;bottom:10px;width:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 55%,transparent),rgba(255,255,255,.05));box-shadow:0 0 10px color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 12%,transparent)}
.bchcs-legacy-submenu .bchcs-legacy-link{min-height:max(54px,calc(var(--bchcs-legacy-item-height,62px) - 6px));grid-template-columns:calc(var(--bchcs-legacy-icon-size,44px) - 6px) minmax(0,1fr) 29px;background:linear-gradient(145deg,color-mix(in srgb,var(--bchcs-legacy-item,#171A20) 86%,transparent),color-mix(in srgb,var(--bchcs-legacy-item-alt,#0F1217) 92%,transparent))}
.bchcs-legacy-submenu .bchcs-legacy-icon{width:calc(var(--bchcs-legacy-icon-size,44px) - 6px);height:calc(var(--bchcs-legacy-icon-size,44px) - 6px);border-radius:12px}

/* staggered premium entrance */
.bchcs-legacy-mobile.is-open .bchcs-legacy-link{animation:bchcsLegacyPremiumIn .42s cubic-bezier(.18,.78,.2,1) both;animation-delay:var(--bchcs-delay,0ms)}
@keyframes bchcsLegacyPremiumIn{from{opacity:0;transform:translateY(10px) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}

.bchcs-legacy-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;border-radius:13px;background:linear-gradient(145deg,var(--bchcs-legacy-account,#F07A00),color-mix(in srgb,var(--bchcs-legacy-account,#F07A00) 78%,#000 22%))!important;color:var(--bchcs-legacy-account-text,#fff)!important;text-decoration:none!important;font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.12);box-shadow:0 7px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.20);transition:.16s ease}
.bchcs-legacy-account-button:hover{transform:translateY(-1px);filter:brightness(1.03);color:var(--bchcs-legacy-account-text,#fff)!important}.bchcs-legacy-account-icon{width:21px;height:21px;display:inline-flex}.bchcs-legacy-account-icon svg{width:21px;height:21px}
body.bchcs-legacy-menu-open{overflow:hidden!important}.bchcs-legacy-empty{font-size:12px;color:#64748b}
.bchcs-legacy-panel-stage::-webkit-scrollbar{width:4px}.bchcs-legacy-panel-stage::-webkit-scrollbar-track{background:transparent}.bchcs-legacy-panel-stage::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--bchcs-legacy-accent,#F07A00) 72%,#fff 28%);border-radius:99px}
@media(max-width:420px){.bchcs-legacy-panel-stage{padding-left:10px;padding-right:10px}.bchcs-legacy-link{gap:10px;padding-left:10px;padding-right:10px}.bchcs-legacy-links{gap:11px}}
@media(min-width:768px){.bchcs-legacy-mobile{display:none!important}}
@media(max-width:767px){.bchcs-legacy-account-button{display:none!important}}
@media(prefers-reduced-motion:reduce){.bchcs-legacy-panel,.bchcs-legacy-overlay,.bchcs-legacy-link,.bchcs-legacy-toggle span,.bchcs-legacy-icon,.bchcs-legacy-arrow{transition:none!important;animation:none!important}}

/* Studio 1.0.13 — menu legibility + reliable inline SVG icon layer */
.bchcs-legacy-panel,
.bchcs-legacy-panel *{
    font-family:"Tajawal","Cairo","Noto Kufi Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.bchcs-legacy-panel{
    background:
      linear-gradient(180deg,color-mix(in srgb,var(--bchcs-legacy-panel,#0D1015) 96%,#fff 4%) 0%,var(--bchcs-legacy-panel-alt,#050608) 100%)!important;
}
.bchcs-legacy-link{
    background:linear-gradient(145deg,color-mix(in srgb,var(--bchcs-legacy-item,#171A20) 97%,#fff 3%) 0%,var(--bchcs-legacy-item-alt,#0F1217) 100%)!important;
    color:var(--bchcs-legacy-item-text,#F4F6F8)!important;
    font-weight:750!important;
    letter-spacing:0!important;
}
.bchcs-legacy-label{
    color:var(--bchcs-legacy-item-text,#F4F6F8)!important;
    opacity:1!important;
    font-size:var(--bchcs-legacy-font-size,15px)!important;
    font-weight:800!important;
    line-height:1.55!important;
}
.bchcs-legacy-link.is-active .bchcs-legacy-label{color:var(--bchcs-legacy-active-text,#fff)!important}
.bchcs-legacy-icon{overflow:hidden!important}
.bchcs-legacy-icon svg{
    width:24px!important;height:24px!important;display:block!important;overflow:visible!important;
    color:inherit!important;stroke:currentColor!important;fill:none!important;
}
.bchcs-legacy-icon .dashicons{
    width:24px!important;height:24px!important;font-size:24px!important;line-height:24px!important;
    color:inherit!important;
}
.bchcs-legacy-arrow svg{width:17px!important;height:17px!important;display:block!important;stroke:currentColor!important}
.bchcs-legacy-arrow{color:color-mix(in srgb,var(--bchcs-legacy-item-text,#F4F6F8) 54%,transparent)!important}
.bchcs-legacy-link.is-active .bchcs-legacy-arrow{color:var(--bchcs-legacy-active-text,#fff)!important}
.bchcs-legacy-panel-head strong{font-weight:900!important;line-height:1.35!important}

@media(max-width:767px){
    .bchcs-legacy-panel-stage{padding:14px 14px calc(24px + env(safe-area-inset-bottom))!important}
    .bchcs-legacy-links{gap:10px!important}
    .bchcs-legacy-link{min-height:60px!important;padding:8px 11px!important;gap:11px!important}
}