/* ============================================================
   Content Rating — ودجت تقييم النجوم البريميوم (responsive)
   الأقسام: أحلام / خدمات / ترددات / أدعية
   ============================================================ */
.crate{
    --cr-gold:#F5A623; --cr-gold2:#E8890B; --cr-ink:#1f2a44; --cr-mut:#7c8aa5;
    background:linear-gradient(180deg,#ffffff 0%,#f7f9fd 100%);
    border:1px solid #e6ebf4; border-radius:16px;
    padding:18px 18px 16px; margin:18px 0;
    box-shadow:0 6px 22px -14px rgba(31,42,68,.35);
    text-align:center; direction:rtl;
}
.crate-head{ display:flex; flex-direction:column; align-items:center; gap:4px; margin-bottom:10px; }
.crate-title{ font-size:16px; font-weight:800; color:var(--cr-ink); letter-spacing:.2px; }
.crate-sub{ font-size:12.5px; color:var(--cr-mut); }

/* شريط متوسط التقييم (للعرض فقط) */
.crate-agg{ display:inline-flex; align-items:center; gap:8px; margin-top:2px; flex-wrap:wrap; justify-content:center; }
.crate-avgbar{ position:relative; display:inline-block; font-size:18px; line-height:1; letter-spacing:2px; }
.crate-avgbar .cr-empty{ color:#dfe4ee; }
.crate-avgbar .cr-fill{ position:absolute; inset:0; overflow:hidden; white-space:nowrap; color:var(--cr-gold);
    background:linear-gradient(90deg,var(--cr-gold),var(--cr-gold2)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.crate-agg-val{ font-weight:800; color:var(--cr-ink); font-size:15px; }
.crate-agg-count{ font-weight:700; }
.crate-agg-text{ font-size:12.5px; color:var(--cr-mut); font-weight:600; }

/* النجوم التفاعلية */
.crate-rateline{ font-size:13px; color:var(--cr-mut); font-weight:700; margin:6px 0 4px; }
.crate-stars{ display:inline-flex; flex-direction:row-reverse; gap:6px; justify-content:center; }
.crate-star{
    background:none; border:none; cursor:pointer; padding:2px 3px; line-height:1;
    font-size:34px; color:#dbe1ec; transition:transform .12s ease, color .12s ease, filter .12s ease;
    -webkit-tap-highlight-color:transparent;
}
.crate-star:hover, .crate-star.hot{ color:var(--cr-gold); transform:translateY(-2px) scale(1.08); filter:drop-shadow(0 4px 8px rgba(245,166,35,.4)); }
.crate-star.on{ color:var(--cr-gold); filter:drop-shadow(0 2px 5px rgba(245,166,35,.35)); }
.crate-star:active{ transform:scale(.92); }
.crate-stars.locked .crate-star{ cursor:default; }

.crate-msg{ min-height:18px; font-size:13px; font-weight:700; color:#16a34a; margin-top:8px; }
.crate-msg.err{ color:#dc2626; }
.crate.done .crate-stars{ pointer-events:none; }

/* ============================================================
   بوابة التقييم بعد استخدام الذكاء (Gate Modal)
   ============================================================ */
.crgate-overlay{
    position:fixed; inset:0; z-index:99990; display:flex; align-items:center; justify-content:center;
    background:rgba(15,23,42,.62); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
    opacity:0; pointer-events:none; transition:opacity .28s ease; padding:18px;
}
.crgate-overlay.open{ opacity:1; pointer-events:auto; }
.crgate{
    width:100%; max-width:380px; background:#fff; border-radius:22px; padding:26px 22px 22px;
    text-align:center; direction:rtl; transform:translateY(16px) scale(.96); transition:transform .3s cubic-bezier(.22,1,.36,1);
    box-shadow:0 26px 70px -20px rgba(15,23,42,.55); position:relative;
}
.crgate-overlay.open .crgate{ transform:translateY(0) scale(1); }
.crgate-emoji{ font-size:42px; line-height:1; margin-bottom:6px; }
.crgate-title{ font-size:19px; font-weight:800; color:#1f2a44; margin:0 0 4px; }
.crgate-text{ font-size:13.5px; color:#7c8aa5; margin:0 0 16px; line-height:1.6; }
.crgate .crate-stars{ gap:8px; margin-bottom:6px; }
.crgate .crate-star{ font-size:40px; }
.crgate-msg{ min-height:20px; font-size:13.5px; font-weight:700; color:#16a34a; margin-top:6px; }
.crgate-hint{ font-size:11.5px; color:#aab3c5; margin-top:10px; }
.crgate-spark{ position:absolute; top:14px; left:18px; font-size:14px; opacity:.5; }

@media (max-width:600px){
    .crate{ padding:16px 14px 14px; border-radius:14px; }
    .crate-star{ font-size:30px; }
    .crgate{ max-width:100%; border-radius:20px; padding:24px 18px 20px; }
    .crgate .crate-star{ font-size:38px; }
}
@media (prefers-color-scheme: dark){
    /* الموقع فاتح — نُبقي الودجت فاتحاً دائماً لاتساق الصفحة */
}