/* assets/css/halal-icons.css — ستايل الزجاج (Glass): أيقونات خطية على زجاج بإضاءة ذهبية */
:root{--gx-ink:#22333f;--gx-gold:#EA9E50;--gx-glow:rgba(234,158,80,.55)}
/* الأيقونة الخطية نفسها */
i.lx{display:inline-flex!important;align-items:center;justify-content:center;width:1.15em;height:1.15em;vertical-align:-.17em;line-height:1;font-style:normal;text-shadow:none!important}
i.lx::before,i.lx::after{content:none!important}
i.lx svg{width:100%;height:100%;display:block;stroke-width:1.9}
i:is(.fas,.far,.fab,.fa){text-shadow:none!important}

/* بلاطة الزجاج المشتركة */
.db-tile>i,.hm-a>i,.db-m>i,.db-k .t>i.ic,.um-i>i,.iv-title .ic>i,.hm-sale .ic>i{position:relative;isolation:isolate;display:inline-flex!important;align-items:center;justify-content:center;border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,247,236,.55))!important;border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 26px -14px rgba(150,95,25,.55),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(234,158,80,.12)!important;color:var(--gx-ink)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.db-tile>i::after,.hm-a>i::after,.db-m>i::after,.db-k .t>i.ic::after,.um-i>i::after,.hm-sale .ic>i::after{content:""!important;position:absolute;inset:22% 18% 10%;border-radius:50%;background:radial-gradient(circle,var(--gx-glow),rgba(234,158,80,0) 70%);filter:blur(8px);z-index:-1;pointer-events:none}
.db-tile>i.lx,.hm-a>i.lx,.um-i>i.lx,.hm-sale .ic>i.lx{width:58px!important;height:58px!important}
.db-tile>i.lx svg,.hm-a>i.lx svg,.um-i>i.lx svg,.hm-sale .ic>i.lx svg{width:26px;height:26px}
.db-m>i.lx,.db-k .t>i.ic.lx{width:44px!important;height:44px!important;border-radius:14px!important}
.db-m>i.lx svg,.db-k .t>i.ic.lx svg{width:21px;height:21px}
.db-k.main .t>i.ic{background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04))!important;border-color:rgba(255,255,255,.18);color:#F2B66D!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18)!important}
.iv-title .ic>i.lx{width:22px;height:22px;background:none!important;border:0;box-shadow:none!important;color:#F2B66D!important}
.db-tile{transition:transform .18s ease,box-shadow .18s ease}
.db-tile:hover,.hm-a:hover{transform:translateY(-2px)}
.db-tile:hover>i,.hm-a:hover>i{box-shadow:0 16px 30px -14px rgba(150,95,25,.7),inset 0 1px 0 #fff!important}
@media(max-width:600px){.hm-a>i.lx,.um-i>i.lx{width:52px!important;height:52px!important;border-radius:15px!important}.hm-a>i.lx svg,.um-i>i.lx svg{width:24px;height:24px}}

/* القايمة الجانبية الداكنة */
#appSidebar :is(.side-link,.side-sublink,.side-group-toggle)>i.lx:not(.side-chevron){width:34px!important;height:34px!important;border-radius:11px;background:transparent!important;box-shadow:none!important;color:#d9c3a3;transition:background .15s,color .15s}
#appSidebar :is(.side-link,.side-sublink,.side-group-toggle)>i.lx svg{width:20px;height:20px}
#appSidebar :is(.side-link,.side-group-toggle):hover>i.lx{color:#fff;background:rgba(255,255,255,.06)!important}
#appSidebar :is(.side-link.active,.side-group.has-active>.side-group-toggle,.side-sublink.active)>i.lx{color:#F2B66D!important;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 18px -2px rgba(234,158,80,.45),inset 0 1px 0 rgba(255,255,255,.2)!important}
#appSidebar .side-submenu i.lx{color:var(--gx-ink)}
#appSidebar :is(.side-link,.side-sublink,.side-group-toggle)>i.fab{font-size:16px!important;width:30px;height:30px;border-radius:10px;display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 10px -3px rgba(0,0,0,.45)}
#appSidebar i.fa-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}
#appSidebar i.fa-tiktok{background:linear-gradient(145deg,#2b2b2b,#000)!important}
#appSidebar i.fa-whatsapp{background:linear-gradient(145deg,#3fe07a,#18a84c)!important}

/* كروت الرئيسية الكبيرة (بدل الصور المجسمة) */
.hm-k{position:relative;padding-left:92px!important}
.hm-k::after{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:19px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23F2B66D%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2015h2a2%202%200%201%200%200-4h-3c-.6%200-1.1.2-1.4.6L3%2017%22%20/%3E%20%3Cpath%20d%3D%22m7%2021%201.6-1.4c.3-.4.8-.6%201.4-.6h4c1.1%200%202.1-.4%202.8-1.2l4.6-4.4a2%202%200%200%200-2.75-2.91l-4.2%203.9%22%20/%3E%20%3Cpath%20d%3D%22m2%2016%206%206%22%20/%3E%20%3Ccircle%20cx%3D%2216%22%20cy%3D%229%22%20r%3D%222.9%22%20/%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%225%22%20r%3D%223%22%20/%3E%3C/svg%3E") center/28px no-repeat,linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);box-shadow:0 0 26px -6px rgba(234,158,80,.55),inset 0 1px 0 rgba(255,255,255,.22);pointer-events:none}
.hm-k:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23F2B66D%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2022h14%22%20/%3E%20%3Cpath%20d%3D%22M5%202h14%22%20/%3E%20%3Cpath%20d%3D%22M17%2022v-4.172a2%202%200%200%200-.586-1.414L12%2012l-4.414%204.414A2%202%200%200%200%207%2017.828V22%22%20/%3E%20%3Cpath%20d%3D%22M7%202v4.172a2%202%200%200%200%20.586%201.414L12%2012l4.414-4.414A2%202%200%200%200%2017%206.172V2%22%20/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}
.hm-k:nth-child(3)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23F2B66D%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%202v4%22%20/%3E%20%3Cpath%20d%3D%22M16%202v4%22%20/%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%222%22%20/%3E%20%3Cpath%20d%3D%22M3%2010h18%22%20/%3E%20%3Cpath%20d%3D%22M8%2014h.01%22%20/%3E%20%3Cpath%20d%3D%22M12%2014h.01%22%20/%3E%20%3Cpath%20d%3D%22M16%2014h.01%22%20/%3E%20%3Cpath%20d%3D%22M8%2018h.01%22%20/%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20/%3E%20%3Cpath%20d%3D%22M16%2018h.01%22%20/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}
.hm-k:nth-child(4)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23F2B66D%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z%22%20/%3E%20%3Cpath%20d%3D%22M14%202v4a2%202%200%200%200%202%202h4%22%20/%3E%20%3Cpath%20d%3D%22M10%209H8%22%20/%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20/%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20/%3E%3C/svg%3E"),linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}
.hm-k svg{position:relative;z-index:1}
@media(max-width:600px){.hm-k{padding-left:58px!important}.hm-k::after{left:8px;width:44px;height:44px;border-radius:14px;background-size:22px auto,auto}}
@media(max-width:360px){.hm-k::after{display:none}.hm-k{padding-left:14px!important}}
@media print{.hm-k::after{display:none}}

/* الوضع الليلي */
html.u-dark :is(.db-tile>i,.hm-a>i,.db-m>i,.db-k .t>i.ic,.um-i>i,.hm-sale .ic>i){background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;border-color:rgba(255,255,255,.12);color:#F2B66D!important;box-shadow:0 12px 26px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.14)!important}
/* قايمة المزيد (الموبايل): أيقونة خطية بدون بلاطة عشان متغطيش الاسم */
.um-i>i.lx{width:26px!important;height:26px!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--gx-ink)!important;border-radius:0!important}
.um-i>i.lx::after{content:none!important}
.um-i>i.lx svg{width:24px!important;height:24px!important;stroke-width:1.8}
.um-t.on .um-i>i.lx{color:#d9822b!important}
html.u-dark .um-i>i.lx{color:#F2B66D!important}

/* البحث الذكي: تلوين الكلمة المطابقة زي جوجل + رسالة أقرب النتائج */
.u-sr mark{background:rgba(234,158,80,.22);color:inherit;padding:0 2px;border-radius:4px;font-weight:800}
.u-sr small mark{background:rgba(234,158,80,.16)}
.u-fix{display:flex;align-items:center;gap:8px;margin:6px 8px 2px;padding:9px 12px;border-radius:12px;background:#fff6ec;border:1px dashed #EA9E50;color:#7a4a12;font-size:13px;font-weight:700}
.u-fix i.lx{width:16px;height:16px;color:#d9822b}
html.u-dark .u-fix{background:rgba(234,158,80,.1);color:#f2c48e}

/* شعار القايمة: نفس اللوجو على بلاطة كريمي بإطار ذهبي */
#appSidebar .sidebar-brand img.hx-mark,.um-hd img{background:radial-gradient(circle at 50% 38%,#fffdf8 0%,#fbf1e2 55%,#efdcc0 100%)!important;border:1.5px solid rgba(234,158,80,.55)!important;box-shadow:0 8px 22px -8px rgba(234,158,80,.55),inset 0 1px 0 #fff,inset 0 -6px 12px -6px rgba(201,130,47,.25)!important;padding:5px!important;border-radius:18px!important;object-fit:contain!important}
.um-hd img{padding:4px!important;border-radius:12px!important}