/* Alishams community — premium glass UI */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800;900&display=swap');
#al-comments{--ac-lime:#d9ff72;--ac-purple:#a58bff;--ac-text:#f5f6fa;--ac-muted:#a0a4b2;direction:rtl;color:var(--ac-text);font-family:Estedad,Vazirmatn,Tahoma,sans-serif;margin:clamp(34px,6vw,76px) auto;max-width:1120px;padding:0 16px}
#al-comments *{box-sizing:border-box}#al-comments input,#al-comments textarea,#al-comments button,.ac-avatar-settings{font-family:Estedad,Vazirmatn,Tahoma,sans-serif}#al-comments .ac-shell{position:relative;overflow:hidden;border:1px solid #ffffff18;border-radius:26px;padding:clamp(18px,3vw,30px);background:radial-gradient(ellipse at 0 0,#a58bff16,transparent 42%),linear-gradient(145deg,#171923f2,#0d0f15f5);box-shadow:0 22px 70px #0004}
#al-comments .ac-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}#al-comments .ac-kicker{font-size:10px;color:var(--ac-lime);font-weight:800;letter-spacing:1px}#al-comments h2{font-size:clamp(22px,4vw,30px);line-height:1.5;margin:5px 0 4px}#al-comments .ac-sub{font-size:12px;line-height:2;color:var(--ac-muted);margin:0}#al-comments .ac-count{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9ff7230;background:#d9ff720b;border-radius:99px;padding:8px 12px;color:var(--ac-lime);font-size:11px;white-space:nowrap}
#al-comments .ac-form{border:1px solid #ffffff15;background:#090b11a8;border-radius:19px;padding:15px;margin-bottom:22px}#al-comments .ac-formtop{display:flex;align-items:center;gap:10px;margin-bottom:12px}#al-comments .ac-formtop strong{font-size:12px}#al-comments .ac-formtop small{display:block;color:var(--ac-muted);font-size:10px;margin-top:3px}
#al-comments .ac-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;border:1px solid #d9ff7255;background:#20222b;display:grid;place-items:center;color:var(--ac-lime);font-weight:800;overflow:hidden}#al-comments .ac-avatar img{width:100%;height:100%;object-fit:cover}
#al-comments textarea{display:block;width:100%;min-height:110px;resize:vertical;border:1px solid #ffffff1b;background:#10121a;color:var(--ac-text);border-radius:13px;padding:13px;outline:none;font:inherit;font-size:13px;line-height:2}#al-comments textarea:focus{border-color:#d9ff7280;box-shadow:0 0 0 3px #d9ff7210}#al-comments .ac-formfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}#al-comments .ac-hint{font-size:10px;color:var(--ac-muted);line-height:1.8}#al-comments button{font:inherit;cursor:pointer}#al-comments .ac-btn{border:1px solid #d9ff72;background:linear-gradient(110deg,#e2ff92,#c8ee62);color:#15180e;border-radius:11px;padding:10px 15px;font-size:12px;font-weight:850;transition:.2s}#al-comments .ac-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #d9ff721a}#al-comments .ac-btn:disabled{opacity:.55;cursor:wait;transform:none}#al-comments .ac-btn.ghost{background:#ffffff06;color:var(--ac-text);border-color:#ffffff20}#al-comments .ac-notice{font-size:11px;line-height:1.9;margin:10px 0 0;color:var(--ac-muted)}#al-comments .ac-notice.error{color:#ff9ba6}#al-comments .ac-notice.success{color:var(--ac-lime)}
#al-comments .ac-list{display:grid;gap:12px}#al-comments .ac-comment{border:1px solid #ffffff14;background:linear-gradient(135deg,#ffffff07,#ffffff02);border-radius:17px;padding:15px;animation:acIn .35s ease both}#al-comments .ac-comment.ac-reply{margin-right:clamp(14px,4vw,42px);border-right:2px solid #a58bff80;background:#a58bff06}#al-comments .ac-user{display:flex;align-items:center;gap:10px;min-width:0}#al-comments .ac-userinfo{min-width:0;flex:1}#al-comments .ac-userinfo strong{display:block;font-size:12px;overflow-wrap:anywhere}#al-comments .ac-userinfo time{display:block;font-size:10px;color:var(--ac-muted);margin-top:3px}#al-comments .ac-commentbody{font-size:13px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}#al-comments .ac-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid #ffffff0c;padding-top:10px}#al-comments .ac-action{border:1px solid transparent;background:transparent;color:var(--ac-muted);border-radius:8px;padding:5px 8px;font-size:10px}#al-comments .ac-action:hover{border-color:#ffffff1a;color:var(--ac-lime)}#al-comments .ac-action.liked{color:var(--ac-lime)}#al-comments .ac-empty{border:1px dashed #ffffff20;border-radius:15px;padding:26px 15px;text-align:center;color:var(--ac-muted);font-size:12px;line-height:2}#al-comments .ac-empty b{display:block;color:#eee;font-size:14px;margin-bottom:4px}#al-comments .ac-sort{display:flex;gap:7px;align-items:center;margin-bottom:12px;color:var(--ac-muted);font-size:11px}#al-comments .ac-sort button{border:1px solid #ffffff18;background:#ffffff05;color:var(--ac-muted);border-radius:8px;padding:6px 10px;font-size:10px}#al-comments .ac-sort button.active{color:var(--ac-lime);border-color:#d9ff7250;background:#d9ff720b}
#al-comments .ac-replyform{margin-top:12px}#al-comments .ac-replyform textarea{min-height:75px}#al-comments .ac-replyform .ac-formfoot{justify-content:flex-start}
.ac-avatar-settings{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.ac-avatar-settings .ac-avatar{width:76px;height:76px;flex-basis:76px}.ac-avatar-settings .ac-avatar-actions{display:flex;gap:8px;flex-wrap:wrap}.ac-avatar-settings input[type=file]{max-width:100%;font-size:11px;color:#a0a4b2}.ac-avatar-settings .ac-avatar-tip{font-size:10px;line-height:1.9;color:#a0a4b2;margin-top:8px}
@keyframes acIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){#al-comments{padding:0 12px}#al-comments .ac-shell{border-radius:19px;padding:16px}#al-comments .ac-comment{padding:12px}#al-comments .ac-form{padding:12px}}@media(prefers-reduced-motion:reduce){#al-comments *{animation:none!important;transition:none!important}}

/* Profile avatar preview sizing */
.ac-profile-avatar-card .ac-avatar-preview-frame{width:92px;height:92px;flex:0 0 92px;border-radius:50%;padding:4px;overflow:hidden}
.ac-profile-avatar-card .ac-avatar-preview-frame .ac-avatar{width:100%;height:100%;flex:0 0 100%;border-radius:50%;overflow:hidden}
.ac-profile-avatar-card .ac-avatar-preview-frame img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:50%;margin:0;padding:0}
.ac-profile-avatar-card .ac-avatar-controls{min-width:0;flex:1}
.ac-profile-avatar-card #ac-avatar-file{display:block;max-width:100%;margin-top:8px}


/* Force a consistent Persian font across the entire comments component. */
#al-comments,
#al-comments *,
#al-comments *::before,
#al-comments *::after {
  font-family: "Estedad", "Vazirmatn", Tahoma, sans-serif !important;
}
#al-comments .ac-kicker { font-weight: 800 !important; }
#al-comments h2 { font-weight: 800 !important; }
#al-comments textarea,
#al-comments input,
#al-comments button,
#al-comments time,
#al-comments small,
#al-comments strong,
#al-comments p,
#al-comments span,
#al-comments div,
#al-comments article {
  font-family: "Estedad", "Vazirmatn", Tahoma, sans-serif !important;
}


/* Fixed, circular profile image preview and bounded 1:1 crop dialog */
.ac-profile-avatar-card .ac-avatar-preview-frame{width:100px!important;height:100px!important;flex:0 0 100px!important;border-radius:50%!important;padding:4px!important;overflow:hidden!important;background:linear-gradient(135deg,#d9ff7270,#a58bff70)!important}
.ac-profile-avatar-card #ac-avatar-preview{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;flex:0 0 100%!important;border-radius:50%!important;overflow:hidden!important;position:relative!important}
.ac-profile-avatar-card #ac-avatar-preview img{position:static!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important;margin:0!important;padding:0!important}
.ac-profile-avatar-card .ac-avatar-controls{min-width:0!important;flex:1 1 220px!important}
.ac-profile-avatar-card #ac-avatar-file{width:100%;max-width:100%;font-size:12px}
.ac-profile-avatar-card .ac-avatar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ac-crop-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(3,4,8,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.ac-crop-modal.is-open{opacity:1;visibility:visible}
.ac-crop-dialog{width:min(520px,100%);max-height:min(92dvh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #a58bff55;border-radius:22px;background:linear-gradient(145deg,#191b25,#0b0d13);box-shadow:0 30px 100px #000b;padding:clamp(14px,3vw,22px);font-family:Estedad,Vazirmatn,Tahoma,sans-serif;color:#f5f6fa}
.ac-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ac-crop-header h3{margin:0;font-size:17px;font-weight:800}.ac-crop-header p{margin:5px 0 0;color:#a0a4b2;font-size:11px;line-height:1.9}.ac-crop-close{width:34px;height:34px;flex:0 0 34px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#fff;font-size:23px;line-height:1;cursor:pointer}
.ac-crop-stage{position:relative;width:100%;height:min(56vh,430px);min-height:220px;overflow:hidden;border-radius:14px;background:#07080c}.ac-crop-stage img{display:block;max-width:100%;max-height:100%}.ac-crop-stage .cropper-container{max-width:100%!important;max-height:100%!important}.ac-crop-stage .cropper-view-box,.ac-crop-stage .cropper-face{border-radius:0!important}.ac-crop-stage .cropper-line,.ac-crop-stage .cropper-point{display:none!important}
.ac-crop-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.ac-crop-actions button{min-height:38px;padding:8px 12px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff08;color:#f5f6fa;font:600 12px Estedad,Vazirmatn,Tahoma,sans-serif;cursor:pointer}.ac-crop-actions .ac-crop-zoom{width:38px;padding:0;font-size:20px}.ac-crop-actions .ac-crop-ratio{margin-left:auto;color:#d9ff72;font-size:11px}.ac-crop-actions .ac-crop-confirm{background:#d9ff72;color:#15180e;border-color:#d9ff72;font-weight:800}.ac-crop-actions .ac-crop-cancel{margin-right:auto}
@media(max-width:480px){.ac-crop-modal{padding:8px}.ac-crop-dialog{max-height:94dvh;border-radius:18px;padding:12px}.ac-crop-stage{height:48vh;min-height:200px}.ac-crop-header h3{font-size:15px}.ac-crop-actions{gap:6px}.ac-crop-actions button{padding:8px 9px}.ac-crop-actions .ac-crop-ratio{order:3;width:100%;margin:0}.ac-crop-actions .ac-crop-cancel{margin-right:0}}


/* Official site-owner comments */
#al-comments .ac-comment.ac-admin-comment{position:relative;border-color:rgba(217,255,114,.52)!important;background:linear-gradient(135deg,rgba(217,255,114,.095),rgba(165,139,255,.075) 55%,rgba(15,20,31,.96))!important;box-shadow:inset 3px 0 0 rgba(217,255,114,.9),0 10px 32px rgba(0,0,0,.12)!important}
#al-comments .ac-comment.ac-admin-comment:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,#d9ff72,#a58bff,transparent);opacity:.95}
#al-comments .ac-comment.ac-admin-comment .ac-avatar{border:1px solid rgba(217,255,114,.75)!important;box-shadow:0 0 0 3px rgba(217,255,114,.08),0 0 18px rgba(217,255,114,.12)}
#al-comments .ac-authorline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#al-comments .ac-admin-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid rgba(217,255,114,.4);border-radius:999px;background:linear-gradient(135deg,rgba(217,255,114,.18),rgba(165,139,255,.15));color:#e5ff9a;font-size:10px;font-weight:800;line-height:1.6;white-space:nowrap}
#al-comments .ac-comment.ac-admin-comment .ac-commentbody{color:#f8f9e9}
#al-comments .ac-comment.ac-admin-comment .ac-actions .ac-action{border-color:rgba(217,255,114,.16)}
