/* =============================================================
   amtar-search-chrome.css — أنماط الهيدر/الفوتر المحقونين في صفحة
   البحث داخل تطبيق React. القيم مكتوبة صراحةً (بلا متغيّرات) لأن
   رموز نظام التصميم غير محمّلة في التطبيق.
   ============================================================= */

/* نُفسح مكاناً للهيدر الثابت بعد حقنه */
body.amtar-injected-chrome{padding-top:84px}
@media(max-width:1023px){body.amtar-injected-chrome{padding-top:82px}}

/* درج قائمة الجوال */
.amtar-drawer{position:fixed;inset:0;z-index:10000;background:rgba(22,33,31,.5);display:flex;justify-content:flex-start}
.amtar-drawer[hidden]{display:none}
.amtar-drawer-panel{background:#FFFFFF;width:min(300px,84vw);height:100%;padding:24px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px rgba(22,33,31,.08)}
.amtar-drawer-panel nav{display:flex;flex-direction:column;margin-top:16px}
.amtar-drawer-panel nav a{padding:13px 4px;font-size:14px;font-weight:500;color:#16211F;border-bottom:1px solid #E9EEEC;text-decoration:none}
.amtar-drawer-panel nav a:hover{color:#173F3A}
.amtar-drawer-close{align-self:flex-start;background:none;border:none;font-size:30px;line-height:1;color:#7C8986;cursor:pointer;padding:0}
.amtar-drawer-cta{margin-top:20px;background:#173F3A;color:#fff;text-align:center;padding:12px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none}

/* الفوتر المحقون يأخذ الأخضر المعتمد */
.amtar-footer,
.amtar-footer .bg-primary{background-color:#173F3A !important}

/* الفوتر الأصلي الفارغ في صفحة البحث لا يجب أن يترك فراغاً */
body.amtar-injected-chrome > #root footer:empty{display:none !important}