/*
 * نوار واکنش «مفید بود؟» — از mu-plugins/irb-reactions.php منتقل شد، ۱۴۰۵/۰۶/۱۶.
 *
 * قبلاً اینلاین داخل wp_footer چاپ می‌شد: ۳ کیلوبایت روی هر صفحه‌ی تک‌مطلب،
 * بیرون از combine لایت‌اسپید، و برخلاف قاعده‌ی خودِ پروژه که استایل باید با
 * wp_enqueue_scripts بیاید نه هنگام رندر.
 */

/* ظرف اسپرایت: عمداً بدون اتریبیوت width="0" — تم قاعده‌ی svg[width="0"]{display:none}
   دارد و display:none روی میزبانِ اسپرایت، <use> را در بعضی مرورگرها می‌شکند. */
.irb-react-sprite{position:absolute;width:0;height:0;overflow:hidden}

.irb-react-bar{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,24px);opacity:0;z-index:10001;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:999px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 28px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.6);color:#0f172a;white-space:nowrap;max-width:calc(100vw - 32px);transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.irb-react-bar{background:rgba(255,255,255,.95)}}
.irb-react-bar.irb-react-bar--in{transform:translate(-50%,0);opacity:1}
.irb-react-bar__q{font-size:13px;line-height:20px;font-variation-settings:"wght" 600,"KSHD" 100}
.irb-react-bar .irb-react__btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:38px;height:38px;padding:0 11px;border:1px solid;border-radius:999px;font:inherit;font-size:13px;line-height:1;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.irb-react-bar .irb-react__btn[data-value="up"]{color:#04a448;background:rgba(4,164,72,.10);border-color:rgba(4,164,72,.28)}
.irb-react-bar .irb-react__btn[data-value="up"]:hover{background:rgba(4,164,72,.18)}
.irb-react-bar .irb-react__btn[data-value="up"][aria-pressed="true"]{background:#04a448;border-color:#04a448;color:#fff}
.irb-react-bar .irb-react__btn[data-value="down"]{color:#ea3943;background:rgba(234,57,67,.10);border-color:rgba(234,57,67,.28)}
.irb-react-bar .irb-react__btn[data-value="down"]:hover{background:rgba(234,57,67,.18)}
.irb-react-bar .irb-react__btn[data-value="down"][aria-pressed="true"]{background:#ea3943;border-color:#ea3943;color:#fff}
.irb-react-bar .irb-react__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.irb-react-bar .irb-react__btn svg{width:16px;height:16px;flex:0 0 auto}
.irb-react__count{font-variation-settings:"wght" 600,"KSHD" 100}
.irb-react__count:empty{display:none}
.irb-react-bar .irb-react-bar__close{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#94a3b8;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.irb-react-bar .irb-react-bar__close:hover{color:#475569;background:rgba(15,23,42,.06)}
.irb-react-bar .irb-react-bar__close svg{width:12px;height:12px}
.irb-react-bar--done .irb-react-bar__close{visibility:hidden}
@media (max-width:600px){.irb-react-bar{left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(0,24px);max-width:calc(100vw - 100px);padding-left:12px}.irb-react-bar.irb-react-bar--in{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){.irb-react-bar{transition:none}}
@media print{.irb-react-bar{display:none}}

/* ضربدرِ «مفید نبود» همان آیکن است، آینه‌شده — به‌جای تکرار ۱۴۷۹ کاراکتر path */
.irb-react-bar .irb-react__icon--down{transform:scale(1,-1)}