/* ============================================================ NASRIN — Professional Header & Footer (dedicated CSS) سبز / راست‌چین / ریسپانسیو / هدرِ چسبانِ هوشمند عناصرِ هدر/درِاور/فوتر با JS به منتقل می‌شوند ============================================================ */ :root { --nsr-primary: #137A44; --nsr-deep: #0F6E3C; --nsr-forest: #123D28; --nsr-forest-2: #0E3320; --nsr-bright: #16A34A; --nsr-mint: #B7F0C9; --nsr-ink: #16241C; --nsr-muted: #5A6B61; --nsr-line: rgba(255,255,255,0.12); --nsr-h: 78px; /* ارتفاع هدر پیش‌فرض */ --nsr-h-sm: 64px; /* ارتفاع هدر بعد از اسکرول / موبایل */ --nsr-shadow: 0 10px 30px rgba(18,61,40,0.10); --nsr-ease: cubic-bezier(.4,0,.2,1); --nsr-font: "Vazirmatn", Tahoma, sans-serif; } /* ---------- ریستِ عناصرِ منتقل‌شده ---------- */ #nsrHeader, #nsrDrawer, #nsrOverlay, #nsrTotop { font-family: var(--nsr-font); box-sizing: border-box; } #nsrHeader *, #nsrDrawer *, #nsrFooter * { box-sizing: border-box; } /* ============================================================ HEADER ============================================================ */ .nsr-header { position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 1000; height: var(--nsr-h); display: flex; align-items: center; background: transparent; transition: height .35s var(--nsr-ease), background-color .35s var(--nsr-ease), box-shadow .35s var(--nsr-ease); } .nsr-header__inner { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } /* --- حالتِ اسکرول‌شده (سفید) --- */ .nsr-header.is-scrolled { height: var(--nsr-h-sm); background: #fff; box-shadow: var(--nsr-shadow); } /* --- لوگو --- */ .nsr-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; } .nsr-logo__mark { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; background: rgba(255,255,255,0.16); transition: background-color .35s var(--nsr-ease); } .nsr-header.is-scrolled .nsr-logo__mark { background: rgba(19,122,68,0.10); } .nsr-logo__mark svg { width: 24px; height: 24px; } .nsr-logo__mark svg path { transition: fill .35s var(--nsr-ease); } .nsr-logo__text { display: flex; flex-direction: column; line-height: 1.2; } .nsr-logo__title { font-size: 19px; font-weight: 800; color: #fff; transition: color .35s var(--nsr-ease); } .nsr-logo__sub { font-size: 11.5px; font-weight: 500; color: rgba(255,255,255,0.75); transition: color .35s var(--nsr-ease); margin-top: 2px; } .nsr-header.is-scrolled .nsr-logo__title { color: var(--nsr-primary); } .nsr-header.is-scrolled .nsr-logo__sub { color: var(--nsr-muted); } .nsr-header.is-scrolled .nsr-logo__mark svg path { fill: var(--nsr-primary); } /* --- ناوبریِ دسکتاپ --- */ .nsr-nav { display: flex; align-items: center; gap: 6px; } .nsr-nav__link { position: relative; padding: 9px 15px; font-size: 15.5px; font-weight: 600; color: rgba(255,255,255,0.92); text-decoration: none; border-radius: 8px; transition: color .25s var(--nsr-ease), background-color .25s var(--nsr-ease); } .nsr-nav__link::after { content: ""; position: absolute; inset-inline: 15px; bottom: 4px; height: 2px; background: currentColor; border-radius: 2px; transform: scaleX(0); transform-origin: center; transition: transform .25s var(--nsr-ease); } .nsr-nav__link:hover::after, .nsr-nav__link.is-active::after { transform: scaleX(1); } .nsr-header.is-scrolled .nsr-nav__link { color: var(--nsr-ink); } .nsr-header.is-scrolled .nsr-nav__link:hover, .nsr-header.is-scrolled .nsr-nav__link.is-active { color: var(--nsr-primary); } /* --- اکشن‌ها (دکمهٔ حمایت + برگر) --- */ .nsr-header__actions { display: flex; align-items: center; gap: 12px; } .nsr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--nsr-font); font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; border: 0; padding: 11px 24px; border-radius: 50px; transition: transform .2s var(--nsr-ease), box-shadow .2s var(--nsr-ease), background-color .25s var(--nsr-ease), color .25s var(--nsr-ease); white-space: nowrap; } .nsr-btn--donate { background: #fff; color: var(--nsr-primary); box-shadow: 0 6px 18px rgba(0,0,0,0.14); } .nsr-btn--donate:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,0.2); } .nsr-header.is-scrolled .nsr-btn--donate { background: var(--nsr-primary); color: #fff; box-shadow: 0 6px 18px rgba(19,122,68,0.32); } .nsr-header.is-scrolled .nsr-btn--donate:hover { background: var(--nsr-deep); } /* --- دکمهٔ همبرگری --- */ .nsr-burger { display: none; width: 46px; height: 46px; padding: 0; background: rgba(255,255,255,0.14); border: 0; border-radius: 12px; cursor: pointer; position: relative; transition: background-color .3s var(--nsr-ease); } .nsr-header.is-scrolled .nsr-burger { background: rgba(19,122,68,0.10); } .nsr-burger span { position: absolute; inset-inline: 12px; height: 2.5px; border-radius: 3px; background: #fff; transition: transform .3s var(--nsr-ease), opacity .2s var(--nsr-ease), background-color .3s var(--nsr-ease); } .nsr-header.is-scrolled .nsr-burger span { background: var(--nsr-ink); } .nsr-burger span:nth-child(1) { top: 15px; } .nsr-burger span:nth-child(2) { top: 22px; } .nsr-burger span:nth-child(3) { top: 29px; } /* ============================================================ MOBILE DRAWER + OVERLAY ============================================================ */ .nsr-overlay { position: fixed; inset: 0; z-index: 1090; background: rgba(9,32,20,0.55); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: opacity .35s var(--nsr-ease), visibility .35s var(--nsr-ease); } .nsr-overlay.is-open { opacity: 1; visibility: visible; } .nsr-drawer { position: fixed; inset-block: 0; inset-inline-end: 0; z-index: 1100; width: min(86vw, 340px); background: #fff; display: flex; flex-direction: column; padding: 22px 22px 30px; transform: translateX(100%); /* RTL: از راست بیرون */ /* visibility:hidden در حالتِ بسته، لینک‌های درِاور را از ترتیبِ Tab خارج می‌کند (رفعِ فوکوسِ گم‌شده و تناقضِ aria-hidden)؛ با تأخیر پنهان می‌شود تا انیمیشنِ بسته‌شدن دیده شود */ visibility: hidden; transition: transform .4s var(--nsr-ease), visibility 0s linear .4s; box-shadow: -20px 0 50px rgba(9,32,20,0.2); overflow-y: auto; } .nsr-drawer.is-open { transform: translateX(0); visibility: visible; transition: transform .4s var(--nsr-ease), visibility 0s; } .nsr-drawer__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; margin-bottom: 8px; border-bottom: 1px solid #EAF2EC; } .nsr-drawer__title { font-size: 18px; font-weight: 800; color: var(--nsr-primary); } .nsr-drawer__close { width: 40px; height: 40px; border: 0; border-radius: 10px; background: #F5F8F5; color: var(--nsr-ink); font-size: 26px; line-height: 1; cursor: pointer; transition: background-color .2s, color .2s; } .nsr-drawer__close:hover { background: var(--nsr-primary); color: #fff; } .nsr-drawer__nav { display: flex; flex-direction: column; margin-top: 6px; } .nsr-drawer__nav a { padding: 14px 10px; font-size: 16.5px; font-weight: 600; color: var(--nsr-ink); text-decoration: none; border-radius: 10px; border-bottom: 1px solid #F1F5F1; transition: background-color .2s, color .2s, padding-inline-start .2s; } .nsr-drawer__nav a:hover { background: #F5F8F5; color: var(--nsr-primary); padding-inline-start: 18px; } .nsr-drawer__cta { margin-top: 22px; width: 100%; background: var(--nsr-primary); color: #fff; box-shadow: 0 8px 22px rgba(19,122,68,0.3); } .nsr-drawer__cta:hover { background: var(--nsr-deep); transform: translateY(-2px); } body.nsr-no-scroll { overflow: hidden; } /* ============================================================ FOOTER ============================================================ */ .nsr-footer { background: var(--nsr-forest); color: rgba(255,255,255,0.75); font-family: var(--nsr-font); margin-top: 0; } .nsr-footer__top { max-width: 1200px; margin: 0 auto; padding: 66px 24px 40px; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 40px; } .nsr-footer__brand .nsr-footer__logo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 14px; } .nsr-footer__brand .nsr-footer__logo svg { width: 26px; height: 26px; } .nsr-footer__brand p { font-size: 14.5px; line-height: 2; color: rgba(255,255,255,0.72); margin: 0 0 18px; } .nsr-footer__col h4 { font-size: 16px; font-weight: 700; color: #fff; margin: 0 0 16px; position: relative; padding-bottom: 10px; } .nsr-footer__col h4::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 30px; height: 3px; border-radius: 2px; background: var(--nsr-bright); } .nsr-footer__col ul { list-style: none; margin: 0; padding: 0; } .nsr-footer__col li { margin-bottom: 11px; } .nsr-footer__col a { color: rgba(255,255,255,0.72); text-decoration: none; font-size: 14.5px; display: inline-block; padding: 4px 0; /* هدفِ لمسیِ ارگونومیک ≥۲۴px */ transition: color .2s, padding-inline-start .2s; } .nsr-footer__col a:hover { color: #fff; padding-inline-start: 6px; } .nsr-contact li { font-size: 14px; line-height: 1.9; display: flex; gap: 9px; align-items: flex-start; } /* ایزولاسیونِ bidi برای مقادیرِ تماس/شبا/کارت/تلفن/ایمیل (رشته‌های LTR-محور در متنِ RTL) */ .nsr-contact li > span, .nsr-contact li > a, .nsr-ltr { unicode-bidi: isolate; } .nsr-ltr { direction: ltr; text-align: start; } .nsr-contact svg { width: 17px; height: 17px; margin-top: 3px; flex: 0 0 17px; opacity: .8; } /* شبکه‌های اجتماعی */ .nsr-social { display: flex; gap: 10px; } .nsr-social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: rgba(255,255,255,0.08); color: #fff; transition: background-color .25s var(--nsr-ease), transform .25s var(--nsr-ease); } .nsr-social a:hover { background: var(--nsr-bright); transform: translateY(-3px); } .nsr-social svg { width: 19px; height: 19px; } .nsr-footer__bottom { border-top: 1px solid var(--nsr-line); } .nsr-footer__bottom-inner { max-width: 1200px; margin: 0 auto; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .nsr-footer__bottom p { margin: 0; font-size: 13.5px; color: rgba(255,255,255,0.6); unicode-bidi: plaintext; } .nsr-footer__bottom .nsr-footer__note { font-size: 13px; color: rgba(255,255,255,0.62); } /* کنتراست ≥۴.۵:۱ */ /* ============================================================ BACK TO TOP ============================================================ */ .nsr-totop { position: fixed; inset-block-end: 26px; inset-inline-start: 26px; z-index: 900; width: 48px; height: 48px; border: 0; border-radius: 14px; background: var(--nsr-primary); color: #fff; cursor: pointer; display: grid; place-items: center; box-shadow: 0 10px 26px rgba(19,122,68,0.4); opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity .3s var(--nsr-ease), visibility .3s var(--nsr-ease), transform .3s var(--nsr-ease), background-color .2s; } .nsr-totop.is-visible { opacity: 1; visibility: visible; transform: translateY(0); } .nsr-totop:hover { background: var(--nsr-deep); transform: translateY(-3px); } .nsr-totop svg { width: 22px; height: 22px; } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width: 1024px) { .nsr-footer__top { grid-template-columns: 1fr 1fr; gap: 34px; } .nsr-footer__brand { grid-column: 1 / -1; } } @media (max-width: 900px) { .nsr-nav { display: none; } /* منوی دسکتاپ پنهان */ /* دکمهٔ اهدا روی موبایل پنهان نمی‌شود؛ فشرده و همیشه‌مرئی می‌ماند (CTA اصلیِ خیریه) */ .nsr-header__actions .nsr-btn--donate { padding: 9px 14px; font-size: 13.5px; } .nsr-burger { display: block; } } @media (max-width: 680px) { .nsr-header__inner { padding: 0 16px; } .nsr-logo__sub { display: none; } .nsr-logo__title { font-size: 17px; } .nsr-header__actions .nsr-btn--donate { padding: 8px 12px; font-size: 13px; } :root { --nsr-h: 66px; --nsr-h-sm: 58px; } .nsr-footer__top { grid-template-columns: 1fr; gap: 30px; padding: 48px 20px 32px; } .nsr-footer__bottom-inner { flex-direction: column; text-align: center; } .nsr-totop { inset-block-end: 18px; inset-inline-start: 18px; width: 44px; height: 44px; } } /* ============================================================ دسترس‌پذیری: کاهشِ حرکت ============================================================ */ @media (prefers-reduced-motion: reduce) { .nsr-header, .nsr-drawer, .nsr-overlay, .nsr-totop, .nsr-btn, .nsr-nav__link, .nsr-nav__link::after, .nsr-social a, .nsr-burger span { transition-duration: .01ms !important; } } :where(.nsr-nav__link, .nsr-btn, .nsr-drawer__nav a, .nsr-drawer__close, .nsr-burger, .nsr-social a, .nsr-totop):focus-visible { outline: 3px solid var(--nsr-bright); outline-offset: 2px; } /* a11y-3: برچسبِ «ابرو»ی سبزِ روشن (#B7F0C9) روی گرادیانِ هیرو کنتراستِ ۴.۵:۱ را رد می‌کرد. به‌جای تیره‌کردنِ کلِ هیروی پذیرفته‌شده، سایزِ این متنِ *bold* را به آستانهٔ «متنِ بزرگِ» WCAG (≥۱۸.۶۶px) می‌رسانیم؛ آنگاه آستانهٔ لازم ۳:۱ می‌شود که #B7F0C9 آن را پاس می‌کند. */ .elementor-element-5aa82b0 .elementor-heading-title, .elementor-element-feb1101 .elementor-heading-title, .elementor-element-038a9f6 .elementor-heading-title, .elementor-element-16c1372 .elementor-heading-title, .elementor-element-1b8b4b2 .elementor-heading-title, .elementor-element-e293ddf .elementor-heading-title { font-size: 19px !important; text-shadow: 0 1px 2px rgba(6, 40, 22, 0.5); } /* ============================================================ بلوک‌های محتواییِ نسترن (داستانِ بنیان‌گذار / رویدادها / گالری) داخلِ ویجت‌های Elementor تزریق می‌شوند ============================================================ */ .nsr-founder { display: flex; gap: 40px; align-items: center; max-width: 1080px; margin: 8px auto; text-align: right; font-family: var(--nsr-font); color: var(--nsr-ink); } .nsr-founder__media { flex: 0 0 300px; text-align: center; } .nsr-founder__media img { width: 300px; height: 300px; object-fit: cover; border-radius: 20px; box-shadow: 0 18px 44px rgba(18,61,40,.22); border: 5px solid #fff; outline: 2px solid var(--nsr-mint); } .nsr-founder__cap { display: block; margin-top: 14px; font-weight: 800; color: var(--nsr-primary); font-size: 16px; } .nsr-founder__cap small { display:block; font-weight:500; color:var(--nsr-muted); font-size:12.5px; margin-top:3px; } .nsr-founder__body { flex: 1; } .nsr-founder__body p { font-size: 16.5px; line-height: 2.1; margin: 0 0 16px; } .nsr-founder__will { margin: 20px 0; padding: 16px 22px; border-inline-start: 5px solid var(--nsr-bright); background: linear-gradient(135deg, #F1FbF4, #EAF7EE); border-radius: 0 14px 14px 0; font-size: 19px; font-weight: 700; color: var(--nsr-forest); line-height: 1.9; } .nsr-founder__will cite { display: block; margin-top: 8px; font-size: 14px; font-weight: 600; color: var(--nsr-primary); font-style: normal; } /* رویدادها */ .nsr-events { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; max-width: 1160px; margin: 6px auto; font-family: var(--nsr-font); } .nsr-event { background: #fff; border-radius: 16px; overflow: hidden; text-align: right; box-shadow: 0 10px 30px rgba(18,61,40,.10); border: 1px solid #EAF2EC; transition: transform .3s var(--nsr-ease), box-shadow .3s var(--nsr-ease); } .nsr-event:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(18,61,40,.18); } .nsr-event__img { aspect-ratio: 4/5; overflow: hidden; background: #EAF2EC; } .nsr-event__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .nsr-event__b { padding: 15px 16px 18px; } .nsr-event__b h4 { margin: 0 0 6px; font-size: 15.5px; font-weight: 800; color: var(--nsr-ink); line-height: 1.5; } .nsr-event__date { display: inline-block; font-size: 12.5px; font-weight: 700; color: var(--nsr-primary); margin-bottom: 8px; } .nsr-event__b p { margin: 0; font-size: 13px; line-height: 1.8; color: var(--nsr-muted); } /* گالریِ لحظه‌ها */ .nsr-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1160px; margin: 6px auto; font-family: var(--nsr-font); } .nsr-gallery figure { margin: 0; position: relative; border-radius: 14px; overflow: hidden; aspect-ratio: 3/2; } .nsr-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--nsr-ease); } .nsr-gallery figure:hover img { transform: scale(1.06); } .nsr-gallery figcaption { position: absolute; inset-inline: 0; inset-block-end: 0; padding: 18px 14px 10px; color: #fff; font-size: 13px; font-weight: 700; background: linear-gradient(to top, rgba(12,40,24,.78), transparent); } /* توصیه‌های پیشگیری */ .nsr-tips { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; max-width: 1100px; margin: 6px auto; font-family: var(--nsr-font); } .nsr-tip { background: #fff; border: 1px solid #E6F1EA; border-radius: 16px; padding: 24px 16px; text-align: center; box-shadow: 0 8px 22px rgba(18,61,40,.07); transition: transform .3s var(--nsr-ease), box-shadow .3s var(--nsr-ease); } .nsr-tip:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgba(18,61,40,.14); } .nsr-tip__n { display: grid; place-items: center; width: 46px; height: 46px; margin: 0 auto 14px; border-radius: 50%; background: linear-gradient(135deg, var(--nsr-bright), var(--nsr-primary)); color: #fff; font-size: 20px; font-weight: 800; } .nsr-tip p { margin: 0; font-size: 14.5px; line-height: 1.7; font-weight: 600; color: var(--nsr-ink); } @media (max-width: 900px) { .nsr-founder { flex-direction: column; text-align: center; gap: 24px; } .nsr-founder__body { text-align: right; } .nsr-events { grid-template-columns: repeat(2, 1fr); } .nsr-gallery { grid-template-columns: repeat(2, 1fr); } .nsr-tips { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 520px) { .nsr-founder__media, .nsr-founder__media img { flex-basis: auto; width: 220px; height: 220px; } .nsr-events { grid-template-columns: 1fr; } } /* ============================================================ ارتقاها: ورودِ هیرو / آمارِ متحرک / خطِ زمانی / لایت‌باکس ============================================================ */ /* انیمیشنِ ورودِ عناصرِ هیرو */ @keyframes nsrRise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } } .nsr-rise { animation: nsrRise .7s var(--nsr-ease) both; } /* نوارِ آمارِ متحرک (روی پس‌زمینهٔ سبز) */ .nsr-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 1000px; margin: 0 auto; font-family: var(--nsr-font); } .nsr-stat { text-align: center; padding: 6px; } .nsr-stat__num { display: block; font-size: 48px; font-weight: 800; line-height: 1; color: #fff; font-variant-numeric: tabular-nums; } .nsr-stat__label { display: block; margin-top: 10px; font-size: 14.5px; font-weight: 600; color: rgba(255,255,255,.86); } /* خطِ زمانیِ داستانِ نسترن (یک‌طرفه، RTL: خط سمتِ راست) */ .nsr-timeline { position: relative; max-width: 720px; margin: 6px auto; padding-inline-end: 8px; font-family: var(--nsr-font); } .nsr-timeline::before { content: ""; position: absolute; inset-block: 6px; inset-inline-end: 8px; width: 3px; background: linear-gradient(var(--nsr-bright), #d1ead9); border-radius: 3px; } .nsr-tl { position: relative; padding-inline-end: 40px; padding-block-end: 26px; opacity: 0; transform: translateY(22px); transition: opacity .6s var(--nsr-ease), transform .6s var(--nsr-ease); } .nsr-tl.is-in { opacity: 1; transform: none; } .nsr-tl__dot { position: absolute; inset-inline-end: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--nsr-primary); border: 4px solid #fff; box-shadow: 0 0 0 3px var(--nsr-mint); } .nsr-tl__card { background: #fff; border: 1px solid #EAF2EC; border-radius: 14px; padding: 15px 18px; box-shadow: var(--nsr-shadow); text-align: right; } .nsr-tl__year { display: inline-block; font-size: 12.5px; font-weight: 800; color: #fff; background: var(--nsr-primary); padding: 3px 13px; border-radius: 20px; margin-bottom: 9px; } .nsr-tl__card h4 { margin: 0 0 6px; font-size: 16px; font-weight: 800; color: var(--nsr-ink); } .nsr-tl__card p { margin: 0; font-size: 13.5px; line-height: 1.85; color: var(--nsr-muted); } /* لایت‌باکس */ .nsr-lb { position: fixed; inset: 0; z-index: 2000; display: none; align-items: center; justify-content: center; background: rgba(9,32,20,.93); backdrop-filter: blur(4px); padding: 40px; font-family: var(--nsr-font); } .nsr-lb.is-open { display: flex; animation: nsrFade .25s ease; } @keyframes nsrFade { from { opacity: 0; } to { opacity: 1; } } .nsr-lb__fig { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 92vw; } .nsr-lb__fig img { max-width: 100%; max-height: 78vh; border-radius: 10px; box-shadow: 0 30px 80px rgba(0,0,0,.55); object-fit: contain; background: #fff; } .nsr-lb__fig figcaption { color: #fff; font-size: 15px; font-weight: 600; text-align: center; } .nsr-lb__x { position: absolute; top: 20px; inset-inline-end: 24px; width: 48px; height: 48px; border: 0; border-radius: 12px; background: rgba(255,255,255,.12); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; transition: background-color .2s; } .nsr-lb__x:hover { background: rgba(255,255,255,.26); } .nsr-lb__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; transition: background-color .2s; } .nsr-lb__nav:hover { background: var(--nsr-primary); } .nsr-lb__prev { inset-inline-end: 22px; } .nsr-lb__next { inset-inline-start: 22px; } .nsr-lb__x:focus-visible, .nsr-lb__nav:focus-visible { outline: 3px solid var(--nsr-bright); outline-offset: 2px; } /* نشانهٔ نقل‌قولِ تزئینی روی وصیت */ .nsr-founder__will { position: relative; overflow: hidden; } .nsr-founder__will::before { content: "\201D"; position: absolute; inset-inline-start: 8px; bottom: -22px; font-size: 90px; line-height: 1; color: rgba(22,163,74,.12); font-family: Georgia, serif; pointer-events: none; } @media (max-width: 900px) { .nsr-stats { grid-template-columns: repeat(2, 1fr); gap: 26px 18px; } } @media (prefers-reduced-motion: reduce) { .nsr-rise { animation: none !important; } .nsr-tl { opacity: 1 !important; transform: none !important; transition: none !important; } .nsr-lb.is-open { animation: none !important; } } /* رفعِ سرریزِ افقیِ فانتوم: اسکیپ‌لینکِ HFE با left:-9999px نوارِ اسکرولِ افقی ~۱۰۰۰۰px می‌ساخت. تکنیکِ استانداردِ sr-only (بدونِ سرریز)، با بازگشت روی فوکوس. */ .hfe-skip-link:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; left: 0 !important; top: 0 !important; } /* ============================================================ چاپ / خروجیِ PDF برای ارائه (رنگ‌ها حفظ، ریویل خاموش، بدونِ کروم) ============================================================ */ @media print { html, body, *, *::before, *::after { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important; } /* حذفِ نمایشِ آدرسِ لینک‌ها در چاپ */ a[href]::after, a[href]::before { content: "" !important; } .nsr-reveal { opacity: 1 !important; transform: none !important; } #nsrTotop, #nsrOverlay, #nsrDrawer, #nsrBurger { display: none !important; } #nsrHeader { position: absolute !important; box-shadow: none !important; } .nsr-event:hover { transform: none !important; } .nsr-gallery figure:hover img { transform: none !important; } /* جلوگیری از بریده‌شدنِ بلوک‌ها بینِ صفحات */ .nsr-founder, .nsr-event, .nsr-gallery figure, .elementor-widget-icon-box, .nsr-founder__will { break-inside: avoid; page-break-inside: avoid; } @page { margin: 8mm; } } /* ============================================================ SCROLL REVEAL (fail-safe: کلاسِ .nsr-reveal فقط با JS به بخش‌های زیرِ فولد اضافه می‌شود؛ بدونِ JS چیزی پنهان نمی‌ماند) ============================================================ */ .nsr-reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s var(--nsr-ease), transform .7s var(--nsr-ease); will-change: opacity, transform; } .nsr-reveal.nsr-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .nsr-reveal, .nsr-reveal.nsr-in { opacity: 1 !important; transform: none !important; transition: none !important; } }