/* kx-gold bnav.css */
/* أهل الخبرة — الشريط السفلي للموبايل (v4.4) */
.ahbn,.ahbn-sh{--bn-bg:rgba(23,21,19,0.72);--bn-bd:rgba(255,255,255,.10);--bn-tx:#f3f2f1;--bn-mut:#aca599;--bn-card:rgba(255,255,255,.06);--bn-sh:0 18px 50px -12px rgba(0,0,0,.65);font-family:inherit;-webkit-tap-highlight-color:transparent;box-sizing:border-box}
.ahbn[data-theme=light],.ahbn-sh[data-theme=light]{--bn-bg:rgba(255,255,255,.78);--bn-bd:rgba(31,29,26,0.08);--bn-tx:#1f1d1a;--bn-mut:#817a6e;--bn-card:rgba(31,29,26,0.045);--bn-sh:0 18px 46px -14px rgba(31,29,26,0.35)}
.ahbn *,.ahbn-sh *{box-sizing:border-box}
.ahbn{position:fixed;z-index:99990;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateY(140%);opacity:0;transition:transform .55s cubic-bezier(.2,1.25,.3,1),opacity .4s;pointer-events:none}
.ahbn.in{transform:none;opacity:1;pointer-events:auto}
.ahbn.in.hid{transform:translateY(calc(100% + 30px));opacity:.0}
.ahbn-bar{position:relative;display:grid;grid-template-columns:repeat(var(--bn-n),minmax(0,1fr));align-items:end;height:66px;padding:0 6px;border-radius:24px;background:var(--bn-bg);
	-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:var(--bn-sh),inset 0 1px 0 rgba(255,255,255,.08);isolation:isolate}
/* إطار متدرج بيلف بهدوء */
.ahbn-ring{position:absolute;inset:0;border-radius:inherit;padding:1.2px;pointer-events:none;z-index:-1;
	background:conic-gradient(from var(--bn-ang,0deg),transparent 0 18%,var(--bn-b) 26%,var(--bn-a) 34%,transparent 44% 68%,var(--bn-a) 78%,transparent 88%);
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.75;animation:ahbn-spin 9s linear infinite}
.ahbn-ring::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--bn-bd)}
@property --bn-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes ahbn-spin{to{--bn-ang:360deg}}
/* المؤشر اللي بيتزحلق */
.ahbn-pill{position:absolute;top:7px;right:auto;left:0;height:52px;border-radius:17px;background:linear-gradient(160deg,var(--bn-a3),transparent 90%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bn-a) 35%,transparent),0 8px 24px -10px var(--bn-a);
	transition:transform .5s cubic-bezier(.3,1.5,.4,1),width .5s cubic-bezier(.3,1.5,.4,1),opacity .3s;z-index:0;opacity:0}
.ahbn-i{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:66px;padding:0 2px 2px;border:0;background:none;color:var(--bn-mut);text-decoration:none!important;cursor:pointer;font:inherit;overflow:visible;
	opacity:0;transform:translateY(14px);animation:ahbn-up .55s cubic-bezier(.2,1.3,.3,1) forwards;animation-delay:calc(.08s + var(--i)*.055s);outline:0}
.ahbn.pv .ahbn-i,.ahbn.in .ahbn-i{animation-play-state:running}
@keyframes ahbn-up{to{opacity:1;transform:none}}
.ahbn-ic{display:grid;place-items:center;width:26px;height:26px;transition:transform .35s cubic-bezier(.3,1.6,.4,1),color .25s}
.ahbn-ic svg{width:24px;height:24px;display:block}
.ahbn-l{font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:0;transition:color .25s}
.ahbn.nolbl .ahbn-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ahbn-i.on{color:var(--bn-tx)}
.ahbn-i.on .ahbn-ic{color:var(--bn-b);transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 4px 10px var(--bn-a3))}
.ahbn-i.on .ahbn-l{color:var(--bn-tx)}
.ahbn-i.on:not(.ahbn-c)::after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--bn-b);box-shadow:0 0 8px var(--bn-b)}
.ahbn-i.tap .ahbn-ic{animation:ahbn-tap .45s cubic-bezier(.3,1.6,.4,1)}
@keyframes ahbn-tap{0%{transform:scale(1)}35%{transform:scale(.78) rotate(-8deg)}100%{transform:scale(1.08) translateY(-2px)}}
.ahbn-i:focus-visible .ahbn-ic{outline:2px solid var(--bn-b);outline-offset:4px;border-radius:8px}
.ahbn-rp{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--bn-b);opacity:.35;pointer-events:none;animation:ahbn-rp .6s ease-out forwards}
@keyframes ahbn-rp{to{transform:scale(9);opacity:0}}
/* الزرار اللي في النص */
.ahbn-c{justify-content:flex-end;padding-bottom:7px}
.ahbn-cb{position:absolute;top:-24px;left:50%;width:60px;height:60px;margin-left:-30px;border-radius:50%;display:grid;place-items:center;color:#fff;
	background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 42%),linear-gradient(140deg,var(--bn-a),var(--bn-b));
	box-shadow:0 12px 28px -6px var(--bn-a),0 0 0 5px var(--bn-bg),inset 0 -3px 8px rgba(0,0,0,.18);transition:transform .35s cubic-bezier(.3,1.6,.4,1)}
.ahbn-c .ahbn-ic{width:30px;height:30px;color:#fff!important;filter:none!important}.ahbn-c .ahbn-ic svg{width:28px;height:28px;stroke-width:2.1}
.ahbn-halo{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from var(--bn-ang,0deg),var(--bn-b),transparent 30%,var(--bn-a) 55%,transparent 80%,var(--bn-b));
	-webkit-mask:radial-gradient(circle,transparent 31px,#000 32px);mask:radial-gradient(circle,transparent 31px,#000 32px);animation:ahbn-spin 3.5s linear infinite;opacity:.9}
.ahbn-cb::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--bn-a3);animation:ahbn-pulse 2.6s ease-out infinite}
@keyframes ahbn-pulse{0%{box-shadow:0 0 0 0 var(--bn-a3)}70%,100%{box-shadow:0 0 0 16px transparent}}
.ahbn-c.on .ahbn-cb{transform:translateY(-3px) scale(1.04)}
.ahbn-c:active .ahbn-cb{transform:scale(.92)}
.ahbn-c .ahbn-l{color:var(--bn-tx);font-weight:800}
/* عداد السلة */
.ahbn-bd{position:absolute;top:8px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:linear-gradient(135deg,#ff4d6d,#f43f5e);color:#fff;font:800 10.5px/18px system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--bn-bg),0 4px 10px -2px rgba(244,63,94,.6)}
.ahbn-c .ahbn-bd{top:-26px;left:calc(50% + 14px)}
.ahbn-bd.pop{animation:ahbn-pop .5s cubic-bezier(.3,1.8,.4,1)}
@keyframes ahbn-pop{0%{transform:scale(.4)}100%{transform:scale(1)}}
.ahbn.going .ahbn-i.on .ahbn-ic{animation:ahbn-go .9s ease-in-out infinite alternate}
@keyframes ahbn-go{to{transform:translateY(-4px) scale(1.12)}}

/* لوحة «القائمة» */
.ahbn-sh{position:fixed;inset:0;z-index:99995}
.ahbn-bk{position:absolute;inset:0;background:rgba(14,13,12,0.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s}
.ahbn-pn{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));max-height:78vh;overflow:auto;padding:10px 16px 18px;border-radius:28px;background:var(--bn-bg);color:var(--bn-tx);
	-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);box-shadow:0 -10px 60px -10px rgba(0,0,0,.55),inset 0 0 0 1px var(--bn-bd);transform:translateY(110%);transition:transform .5s cubic-bezier(.2,1.15,.3,1);overscroll-behavior:contain}
.ahbn-sh.open .ahbn-bk{opacity:1}.ahbn-sh.open .ahbn-pn{transform:none}
.ahbn-grip{display:block;width:44px;height:5px;border-radius:9px;background:var(--bn-mut);opacity:.4;margin:2px auto 8px}
.ahbn-ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ahbn-ph b{font-size:17px;font-weight:800}
.ahbn-x{width:36px;height:36px;border-radius:12px;border:0;background:var(--bn-card);color:var(--bn-tx);display:grid;place-items:center;cursor:pointer}.ahbn-x svg{width:18px;height:18px}
.ahbn-qs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.ahbn-q{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:16px;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:14px;background:linear-gradient(135deg,var(--bn-a),var(--bn-b));box-shadow:0 10px 24px -10px var(--bn-a)}
.ahbn-q.wa{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 10px 24px -10px #16a34a}.ahbn-q span,.ahbn-q svg{width:20px;height:20px;display:block}
.ahbn-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ahbn-g a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;border-radius:18px;background:var(--bn-card);box-shadow:inset 0 0 0 1px var(--bn-bd);color:var(--bn-tx)!important;text-decoration:none!important;text-align:center;
	opacity:0;transform:translateY(16px) scale(.96);transition:transform .2s,background .2s}
.ahbn-sh.open .ahbn-g a{animation:ahbn-up .5s cubic-bezier(.2,1.3,.3,1) forwards;animation-delay:calc(.12s + var(--i)*.04s)}
.ahbn-g a span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--bn-b);background:linear-gradient(150deg,var(--bn-a3),transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bn-a) 30%,transparent)}
.ahbn-g a svg{width:24px;height:24px}
.ahbn-g a b{font-size:12.5px;font-weight:700;line-height:1.35}
.ahbn-g a:active{transform:scale(.95)}
html.ahbn-lock,html.ahbn-lock body{overflow:hidden}
.ahbn-old{display:none!important}

/* معاينة اللوحة */
.ahbn.pv{position:absolute;left:10px;right:10px;bottom:14px;transform:none;opacity:1;pointer-events:auto}

@media (prefers-reduced-motion:reduce){.ahbn,.ahbn *,.ahbn-sh *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ahbn{--bn-bg:rgba(23,21,19,0.96)}.ahbn[data-theme=light]{--bn-bg:rgba(255,255,255,.97)}}
.ahbn-sh.pv{position:absolute;border-radius:30px;overflow:hidden}.ahbn-sh.pv .ahbn-pn{max-height:86%}
/* حماية من ستايلات الثيم (Astra / Elementor / WooCommerce) على الأزرار واللينكات */
.ahbn .ahbn-i,.ahbn .ahbn-i:hover,.ahbn .ahbn-i:focus,.ahbn .ahbn-i:active{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;min-height:0!important;width:auto!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2!important;text-decoration:none!important;outline:0}
.ahbn .ahbn-i{color:var(--bn-mut)!important;padding:0 2px 2px!important}.ahbn .ahbn-i.on,.ahbn .ahbn-c{color:var(--bn-tx)!important}
.ahbn .ahbn-c{padding-bottom:7px!important}
.ahbn-sh .ahbn-x,.ahbn-sh .ahbn-x:hover,.ahbn-sh .ahbn-x:focus{background:var(--bn-card)!important;color:var(--bn-tx)!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;width:36px!important;height:36px!important;border-radius:12px!important;outline:0}
.ahbn-sh .ahbn-x:focus-visible{outline:2px solid var(--bn-b)!important;outline-offset:2px}
.ahbn svg,.ahbn-sh svg{fill:none!important;max-width:none}
.ahbn-sh a{border:0!important}