/* ============================================================
   فنار شوب — Header / Footer
   جذور مستقلة، كلٌّ منها يحمل fnr-site حتى ينطبق نطاق التوكنز.
   ============================================================ */

/* ---------- شريط علوي: حقيقة واحدة مؤكدة من الموقع ---------- */
.fnr-site .fnr-topbar{ background: var(--fnr-sage-ink); color: rgba(251,253,252,.9); font-size: var(--fnr-fs-xs); }
.fnr-site .fnr-topbar__inner{ display: flex; align-items: center; justify-content: center; gap: var(--fnr-sp-4); min-height: 38px; flex-wrap: wrap; text-align: center; }
.fnr-site .fnr-topbar a{ color: var(--fnr-turquoise); text-decoration: none; font-weight: 600; }
.fnr-site .fnr-topbar a:hover{ text-decoration: underline; text-underline-offset: .25em; }

/* ---------- الهيدر ---------- */
.fnr-site .fnr-header{ position: sticky; inset-block-start: 0; z-index: 60; background: rgba(253,252,250,.94); backdrop-filter: blur(10px); border-block-end: 1px solid var(--fnr-line); }
.fnr-site .fnr-header__inner{ display: flex; align-items: center; gap: var(--fnr-sp-4); min-height: 72px; }
.fnr-site .fnr-header__logo{ flex: 0 0 auto; display: block; }
.fnr-site .fnr-header__logo img{ width: 62px; height: 62px; object-fit: contain; }
.fnr-site .fnr-header__nav{ flex: 1 1 auto; }
.fnr-site .fnr-header__tools{ flex: 0 0 auto; display: flex; align-items: center; gap: var(--fnr-sp-2); }

.fnr-site .fnr-nav__list{ display: flex; align-items: center; gap: var(--fnr-sp-5); list-style: none; margin: 0; padding: 0; }
.fnr-site .fnr-nav__link{ position: relative; display: inline-block; padding-block: .4rem; font-size: .96rem; font-weight: 500; color: var(--fnr-text); text-decoration: none; }
.fnr-site .fnr-nav__link::after{ content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 0; height: 2px; width: 0; background: var(--fnr-turquoise); transition: width var(--fnr-dur) var(--fnr-ease); }
.fnr-site .fnr-nav__link:hover::after, .fnr-site .fnr-nav__link[aria-current="page"]::after{ width: 100%; }
.fnr-site .fnr-nav__link[aria-current="page"]{ color: var(--fnr-sage-deep); font-weight: 600; }

.fnr-site .fnr-iconbtn{ display: inline-flex; align-items: center; justify-content: center; gap: .4rem; width: auto; min-width: 44px; height: 44px; padding-inline: .6rem; border-radius: var(--fnr-r-pill); border: 1px solid transparent; background: transparent; color: var(--fnr-text); cursor: pointer; text-decoration: none; font-family: var(--fnr-font-ui); font-size: var(--fnr-fs-sm); }
.fnr-site .fnr-iconbtn:hover{ background: var(--fnr-sand); }
.fnr-site .fnr-iconbtn svg{ width: 21px; height: 21px; flex: 0 0 auto; }
.fnr-site .fnr-iconbtn--menu{ display: none; }

/* عدّاد السلة: لا يُعرض إلا حين يوجد رقم فعلي من الحالة */
.fnr-site .fnr-cartcount{ min-width: 20px; height: 20px; padding-inline: .3rem; display: none; align-items: center; justify-content: center; border-radius: var(--fnr-r-pill); background: var(--fnr-coral); color: #fff; font-size: .7rem; font-weight: 700; line-height: 1; }
.fnr-site .fnr-cartcount[data-fnr-has-items="true"]{ display: inline-flex; }

/* ---------- البحث ---------- */
.fnr-site .fnr-search{ position: relative; display: flex; align-items: center; }
.fnr-site .fnr-search__input{ min-height: 44px; padding-inline: 2.4rem .9rem; border-radius: var(--fnr-r-pill); border: 1.5px solid var(--fnr-line); background: var(--fnr-paper); font-family: var(--fnr-font-ui); font-size: var(--fnr-fs-sm); width: 210px; }
.fnr-site .fnr-search__btn{ position: absolute; inset-inline-start: .35rem; width: 34px; height: 34px; display: grid; place-items: center; border: 0; background: transparent; color: var(--fnr-text-muted); cursor: pointer; border-radius: 50%; }
.fnr-site .fnr-search--panel{ display: none; padding-block: var(--fnr-sp-3); border-block-start: 1px solid var(--fnr-line); }
.fnr-site .fnr-search--panel .fnr-search__input{ width: 100%; }

/* ---------- قائمة الموبايل ---------- */
.fnr-site .fnr-drawer{ position: fixed; inset: 0; z-index: 90; display: none; }
.fnr-site .fnr-drawer[data-fnr-open="true"]{ display: block; }
.fnr-site .fnr-drawer__scrim{ position: absolute; inset: 0; background: rgba(36,65,60,.5); border: 0; width: 100%; cursor: pointer; }
.fnr-site .fnr-drawer__panel{ position: absolute; inset-block: 0; inset-inline-end: 0; width: min(86vw, 340px); background: var(--fnr-paper); padding: var(--fnr-sp-5) var(--fnr-sp-5) var(--fnr-sp-7); display: flex; flex-direction: column; gap: var(--fnr-sp-5); overflow-y: auto; box-shadow: var(--fnr-shadow-lift); }
.fnr-site .fnr-drawer__head{ display: flex; align-items: center; justify-content: space-between; }
.fnr-site .fnr-drawer__list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fnr-site .fnr-drawer__list a{ display: block; padding-block: var(--fnr-sp-3); font-size: 1.05rem; font-weight: 500; color: var(--fnr-text); text-decoration: none; border-block-end: 1px solid var(--fnr-line-soft); }
.fnr-site .fnr-drawer__list a:hover{ color: var(--fnr-sage-deep); }

/* ---------- الفوتر ---------- */
.fnr-site .fnr-footer{ background: var(--fnr-sage-ink); color: rgba(251,253,252,.82); margin-block-start: var(--fnr-sp-8); }
.fnr-site .fnr-footer__inner{ display: flex; flex-wrap: wrap; gap: var(--fnr-sp-7); padding-block: var(--fnr-sp-7); }
.fnr-site .fnr-footer__brand{ flex: 1 1 260px; display: flex; flex-direction: column; gap: var(--fnr-sp-3); }
.fnr-site .fnr-footer__brand img{ width: 78px; background: var(--fnr-paper); border-radius: var(--fnr-r-md); padding: .35rem; }
.fnr-site .fnr-footer__col{ flex: 1 1 170px; display: flex; flex-direction: column; gap: var(--fnr-sp-3); }
.fnr-site .fnr-footer__title{ font-family: var(--fnr-font-ui); font-size: .92rem; font-weight: 600; color: #fff; margin: 0; }
.fnr-site .fnr-footer__list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .55rem; }
.fnr-site .fnr-footer__list a{ color: rgba(251,253,252,.82); text-decoration: none; font-size: var(--fnr-fs-sm); }
.fnr-site .fnr-footer__list a:hover{ color: var(--fnr-turquoise); }
.fnr-site .fnr-footer__note{ font-size: var(--fnr-fs-xs); color: rgba(251,253,252,.55); line-height: 1.7; margin: 0; }
.fnr-site .fnr-footer__bar{ border-block-start: 1px solid rgba(251,253,252,.14); padding-block: var(--fnr-sp-4); display: flex; flex-wrap: wrap; gap: var(--fnr-sp-3); align-items: center; justify-content: space-between; font-size: var(--fnr-fs-xs); }
.fnr-site .fnr-social{ display: flex; gap: var(--fnr-sp-2); }
.fnr-site .fnr-social a{ width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(251,253,252,.24); color: rgba(251,253,252,.86); }
.fnr-site .fnr-social a:hover{ background: var(--fnr-turquoise); border-color: var(--fnr-turquoise); color: var(--fnr-sage-ink); }
.fnr-site .fnr-social svg{ width: 18px; height: 18px; }