/* ================= Vars ================= */
/* افزونه را از نظر box-sizing ایزوله کن */
.anamis-hero,
.anamis-hero * ,
.anamis-lightbox,
.anamis-lightbox * { box-sizing: border-box; }

:root{
  --an-primary:#d4af37;
  --an-accent:#dc3545;
  --an-bg:#0c0c0c;
  --an-text:#fff;
  --an-radius:12px;
  --an-shadow:0.15;
  --an-font: AGYekanBakh, IRANSans, Tahoma, Arial, sans-serif;
}

/* =============== Section + Grid =============== */
.anamis-header{
  background: linear-gradient(145deg, #111, #1c1c1c);
  padding: 3rem 1rem 2rem;
  text-align:center;
  border-bottom: 3px solid var(--an-primary);
  box-shadow: 0 4px 8px rgba(212, 175, 55, 0.15);
}
.anamis-header h1{
  font-family:'Shabnam', sans-serif;
  font-size:2.6rem;
  color:var(--an-primary);
  margin:0;
  position:relative;
}
.anamis-header h1:after{
  content:''; display:block; width:80px; height:4px;
  background-color: var(--an-accent);
  margin:1rem auto 0; border-radius:2px;
}

.anamis-fullbleed{
  position:relative; left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw; width:100vw;
  background:var(--an-bg);
}

.anamis-hero{ min-height:100vh; display:flex; flex-direction:column; }
.anamis-cover-gallery{
  flex:1; display:grid; gap:1.5rem; padding:2rem; align-content:start; color:var(--an-text);
}
@media (max-width:720px){
  .anamis-cover-gallery{ grid-template-columns:repeat(var(--an-cols-m,1), minmax(240px,1fr)); }
}
@media (min-width:721px) and (max-width:1024px){
  .anamis-cover-gallery{ grid-template-columns:repeat(var(--an-cols-t,2), minmax(240px,1fr)); }
}
@media (min-width:1025px){
  .anamis-cover-gallery{ grid-template-columns:repeat(var(--an-cols-d,4), minmax(240px,1fr)); }
}

/* =============== Cards =============== */
.anamis-cover-item{
  display:flex; flex-direction:column; overflow:hidden;
  border-radius:var(--an-radius); background:#111;
  box-shadow:0 0 10px rgba(0,0,0,calc(var(--an-shadow,.15)+.05));
  cursor:pointer;
  transform:translateZ(0) scale(1);
  transition:transform .25s ease, box-shadow .25s ease;
  will-change:transform, box-shadow;
  backface-visibility:hidden;
}
.anamis-cover-item:hover{
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 14px 30px rgba(0,0,0,.38);
}
.anamis-cover-item .an-media{
  position:relative; width:100%; aspect-ratio:16/9;
  overflow:hidden; background:#000;    /* مهم: hidden بماند تا چیدمان به‌هم نخورد */
}
.anamis-cover-item .an-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition: transform .35s ease;
  will-change:transform;
}
.anamis-cover-item:hover .an-media img{ transform: scale(1.04); }

/* وقتی لایت‌باکس باز است، کارت‌ها ثابت بمانند */
body.an-lb-open .anamis-cover-item,
body.an-lb-open .anamis-cover-item:hover{ transform:none !important; box-shadow:0 0 10px rgba(0,0,0,calc(var(--an-shadow,.15)+.05)); }
body.an-lb-open .anamis-cover-item .an-media img{ transform:none !important; }

/* =============== Caption bar =============== */
.anamis-cover-caption{
  position:absolute; left:0; right:0; bottom:0;
  z-index:4;                         /* همیشه بالاتر از تصویر */
  text-align:center; font-weight:800; color:#fff;
  background:rgba(0,0,0,.55); padding:10px 16px;
  transition: background .25s ease;
  pointer-events:none;               /* کلیک از روی کپشن رد شود */
}
.anamis-cover-item:hover .anamis-cover-caption{ background:rgba(0,0,0,.68); }

/* عنوان تک‌خطی با سه‌نقطه */
.anamis-cover-caption .an-title-inner{
  display:inline-block;
  max-width:20ch;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
@media (max-width:600px){
  .anamis-cover-caption .an-title-inner{ max-width:13ch; margin-right:28px; }
}

/* =============== Badges on cover =============== */
.an-badges{ position:absolute; inset:0; z-index:6; pointer-events:none; }
.an-badges-left,.an-badges-right{
  position:absolute; display:flex; gap:.4rem; pointer-events:none;
}
.an-badges-left{ left:14px; bottom:16px; }  /* شهر: پایین چپ */
.an-badges-right{ right:14px; top:14px; }   /* درباره گروه: بالا راست */

.an-badge{
  pointer-events:auto;
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.22rem .7rem; font-size:.82rem; line-height:1; white-space:nowrap;
  border-radius:999px;
  background:rgba(0,0,0,.52); color:#fff;
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);
  box-shadow:0 6px 16px rgba(0,0,0,.25);
  transition:transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  will-change:transform, background-color;
}
.an-badge:hover{ background:rgba(0,0,0,.72); transform:translateY(-1px); }
.an-badge-city{ cursor:default; }
.an-badge-about{ cursor:pointer; }

.an-badge-city{
  color:var(--an-primary);
  background:rgba(212,175,55,.14);
  border-color:rgba(212,175,55,.35);
}
.an-badge-city:hover{ background:rgba(212,175,55,.20); }

.an-badge-about{
  color: var(--an-primary);
  background: rgba(212,175,55,.14);
  border-color: rgba(212,175,55,.35);
}
.an-badge-about:hover{
  background: rgba(212,175,55,.20);
  color: var(--an-primary);
}

/* =============== Lightbox =============== */
.anamis-lightbox{
  position:fixed; inset:0; z-index:999;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:1rem; background:rgba(0,0,0,.92);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .28s ease;
  will-change:opacity;
  backface-visibility:hidden;
}
.anamis-lightbox.show{ opacity:1; visibility:visible; pointer-events:auto; }

#anamis-lightbox-img{
  max-width:90%; max-height:60vh; margin-bottom:1rem;
  border:3px solid var(--an-primary);
  border-radius:calc(var(--an-radius)+4px);
  transform:scale(.965); opacity:0;
  transition:transform .38s cubic-bezier(.22,.61,.36,1), opacity .28s ease;
  will-change:transform, opacity;
  backface-visibility:hidden;
}
.anamis-lightbox.show #anamis-lightbox-img{ transform:scale(1); opacity:1; }

.anamis-role-box,.anamis-caption{
  opacity:0; transition:opacity .25s ease .05s; will-change:opacity;
}
.anamis-lightbox.show .anamis-role-box,
.anamis-lightbox.show .anamis-caption{ opacity:1; }

.anamis-role-box{
  background:rgba(255,215,0,.08);
  padding:10px 15px; border:1px solid var(--an-primary);
  color:#ffd700; border-radius:8px; font-weight:700;
}
.an-role-row{ display:flex; align-items:center; justify-content:center; gap:.6rem; }
#anamis-bio-badge.an-bio-btn{
  padding:.28rem .6rem; border-radius:999px;
  background:rgba(212,175,55,.12);
  color:var(--an-primary); border:1px solid var(--an-primary);
  font-weight:700; font-size:.9rem; cursor:pointer;
}
#anamis-bio-badge.an-bio-btn:hover{ background:var(--an-primary); color:#000; }

.anamis-sub-gallery{
  --an-thumb-size:80px; margin-top:1.2rem;
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
}
.anamis-sub-gallery img{
  width:var(--an-thumb-size); height:var(--an-thumb-size);
  object-fit:cover; border-radius:20px!important; border:2px solid #333; cursor:pointer;
}
.anamis-controls{ display:flex; gap:1rem; justify-content:center; margin-top:1rem; }
.anamis-controls button{
  background:#222; color:#fff; border:none; padding:10px 20px; border-radius:6px; cursor:pointer;
}
.anamis-controls button:hover{ background:var(--an-accent); }

/* =============== Modals inside lightbox: BIO + ABOUT =============== */
.anamis-lightbox .anamis-bio-modal[hidden],
.anamis-lightbox .anamis-about-modal[hidden]{ display:none !important; }

.anamis-lightbox .anamis-bio-modal,
.anamis-lightbox .anamis-about-modal{
  position:absolute; inset:0; z-index:10;
  display:flex; align-items:center; justify-content:center; padding:1rem;
  background:rgba(0,0,0,.72);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .22s ease;
  will-change:opacity;
  backface-visibility:hidden;
}
.anamis-lightbox .anamis-bio-modal.show,
.anamis-lightbox .anamis-about-modal.show{
  opacity:1; visibility:visible; pointer-events:auto;
}

.anamis-bio-dialog, .anamis-about-dialog{
  width:min(var(--an-lb-w,860px), 92vw);
  max-height:min(80vh, var(--an-lb-h,80vh));
  background:#111; color:#eee;
  border:3px solid var(--an-primary);
  border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.5);
  padding:18px 18px 14px; position:relative;
  transform:scale(.985); opacity:.98;
  transition:transform .22s cubic-bezier(.22,.61,.36,1), opacity .22s ease;
  will-change:transform, opacity;
  backface-visibility:hidden;
}
.anamis-bio-modal.show .anamis-bio-dialog,
.anamis-about-modal.show .anamis-about-dialog{ transform:scale(1); opacity:1; }

.anamis-bio-dialog h4, .anamis-about-dialog h4{
  margin:0 0 10px; font-weight:800; font-size:1.08rem; color:var(--an-primary);
}
.anamis-bio-close, .anamis-about-close{
  position:absolute; top:-12px; right:-12px;
  width:34px; height:34px; border-radius:50%;
  background:#000; color:#fff; border:none; cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.35), 0 0 0 3px rgba(212,175,55,.35);
}

.anamis-bio-body, .anamis-about-body{
  max-height:calc(min(80vh, var(--an-lb-h,80vh)) - 56px);
  overflow:auto; -webkit-overflow-scrolling:touch;
  scrollbar-color: #d4af371c transparent;
  line-height:1.6; white-space:pre-line;
}
.anamis-bio-body *, .anamis-about-body *{ white-space:inherit; }

@media (min-width:768px){
  .anamis-bio-body::-webkit-scrollbar,
  .anamis-about-body::-webkit-scrollbar{ width:6px; }
  .anamis-bio-body::-webkit-scrollbar-thumb,
  .anamis-about-body::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.40); border-radius:8px;
    border:2px solid transparent; background-clip:padding-box;
  }
  .anamis-bio-body:hover::-webkit-scrollbar-thumb,
  .anamis-about-body:hover::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.8);
  }
}

/* =============== Pagination (compact circles) =============== */
.anamis-pagination{ display:flex; justify-content:center; margin:24px 0; }
.anamis-pagination .page-numbers{
  list-style:none; margin:0; padding:0; display:flex; gap:.6rem; flex-wrap:wrap;
}
.anamis-pagination .page-numbers a,
.anamis-pagination .page-numbers span{
  width:40px; height:40px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#141414; color:#fff; text-decoration:none;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  font-weight:600; line-height:1;
}
.anamis-pagination .page-numbers a:hover{
  transform:scale(1.06);
  background:var(--an-accent); border-color:rgba(255,255,255,.2);
}
.anamis-pagination .page-numbers .current{
  background:var(--an-primary); color:#000;
  border-color:rgba(0,0,0,.12); box-shadow:0 6px 16px rgba(212,175,55,.35);
}

/* =============== Accessibility =============== */
.anamis-cover-item:focus-visible{
  outline:3px solid rgba(212,175,55,.5);
  outline-offset:2px; border-radius:var(--an-radius);
}

/* احترام به reduced motion */
@media (prefers-reduced-motion: reduce){
  .anamis-cover-item,
  .anamis-cover-item .an-media img,
  .anamis-cover-caption,
  .anamis-lightbox,
  #anamis-lightbox-img,
  .anamis-role-box,
  .anamis-caption,
  .anamis-lightbox .anamis-bio-modal,
  .anamis-lightbox .anamis-about-modal,
  .anamis-bio-dialog, .anamis-about-dialog{
    transition:none !important;
  }
}

/* ---------- Tooltip (gold glass + arrow) ---------- */
.anamis-cover-item .an-media.has-tt{ cursor: help; }
.anamis-cover-item .an-media.has-tt::after{
  content: attr(data-tooltip);
  position:absolute; left:50%; bottom:60px;
  transform: translateX(-50%) translateY(6px) scale(.98);
  direction: rtl; text-align:center; white-space:normal;

  max-width: min(92%, 360px);
  padding:10px 14px; border-radius:12px; font-size:13px; line-height:1.7;

  background: linear-gradient(180deg, rgba(17,17,17,.92), rgba(17,17,17,.86));
  color:#fff; border:1px solid rgba(212,175,55,.35);
  box-shadow: 0 14px 36px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06) inset;
  backdrop-filter: blur(8px) saturate(120%); -webkit-backdrop-filter: blur(8px) saturate(120%);
  z-index:12; opacity:0; pointer-events:none;
  transition: opacity .18s ease, transform .18s ease;
}
.anamis-cover-item .an-media.has-tt:hover::after,
.anamis-cover-item .an-media.has-tt:focus-visible::after{
  opacity:1; transform: translateX(-50%) translateY(0) scale(1);
}

.anamis-cover-item .an-media.has-tt::before{
  content:""; position:absolute; left:50%; bottom:52px; transform:translateX(-50%);
  width:0; height:0; border:8px solid transparent; border-top-width:0;
  border-bottom-color: rgba(17,17,17,.90);
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.35));
  z-index:11; opacity:0; transition: opacity .18s ease;
}
.anamis-cover-item .an-media.has-tt:hover::before,
.anamis-cover-item .an-media.has-tt:focus-visible::before{ opacity:1; }

@media (max-width:480px){
  .anamis-cover-item .an-media.has-tt::after{ font-size:14px; max-width:94%; bottom:54px; }
  .anamis-cover-item .an-media.has-tt::before{ bottom:46px; }
}
/* --- سخت‌گیرانه: بج‌های روی کارت تحت‌تأثیر قالب نروند --- */
.anamis-cover-item .an-badge{
  all: unset;
  pointer-events: auto;
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .22rem .7rem; font-size: .82rem; line-height: 1; white-space: nowrap;
  border-radius: 999px !important;
  background: rgba(0,0,0,.52); color: #fff;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.anamis-cover-item .an-badge:hover{ background: rgba(0,0,0,.72); transform: translateY(-1px); }

/* اسکین بج‌های شهر/درباره – با !important تا قالب نتواند عوضش کند */
.an-badge-city{
  color: var(--an-primary) !important;
  background: rgba(212,175,55,.14) !important;
  border-color: rgba(212,175,55,.35) !important;
}
.an-badge-city:hover{ background: rgba(212,175,55,.20) !important; }

.an-badge-about{
  color: var(--an-primary) !important;
  background: rgba(212,175,55,.14) !important;
  border-color: rgba(212,175,55,.35) !important;
}
.an-badge-about:hover{ background: rgba(212,175,55,.20) !important; }

/* --- دکمه‌های بستن مودال‌ها: یک‌دست + بدون بوردرِ دوم از قالب --- */
.anamis-lightbox .anamis-bio-close,
.anamis-lightbox .anamis-about-close{
  all: unset;                              /* wipe theme rules */
  position:absolute !important;
  top:-12px !important;
  right:-12px !important;
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#000 !important;
  color:#fff !important;
  cursor:pointer !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35), 0 0 0 3px rgba(212,175,55,.35) !important;
  z-index: 2 !important;
  line-height:1 !important;
  font-size:20px !important;
}

/* اگر قالب روی دیالوگ‌ها هم استایل عمومی دارد، این‌ها تضمین می‌کند ظاهر ثابت بماند */
.anamis-lightbox .anamis-bio-dialog,
.anamis-lightbox .anamis-about-dialog{
  box-sizing: border-box !important;
  margin: 0 !important;
  background: #111 !important; color: #eee !important;
  border: 3px solid var(--an-primary) !important;
  border-radius: 14px !important;
  padding: 18px 18px 14px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.5) !important;
}
// همان جایی که wp_enqueue_style('anamis-gallery-css', ...) زدید:
$inline_hidden_fix = '[hidden]{display:none !important}.an-bio-btn[hidden]{display:none !important}';
wp_add_inline_style('anamis-gallery-css', $inline_hidden_fix);
/* ابعاد مرجع لایت‌باکس که از JS ست می‌شوند: --an-lb-w / --an-lb-h */
:root{
  --an-lb-w: 720px; /* fallback */
  --an-lb-h: 480px; /* fallback */
}

/* دیالوگ درباره گروه: وسط صفحه، با عرض واکنش‌گرا نسبت به عرض عکس */
.anamis-about-modal .anamis-about-dialog{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: min(calc(var(--an-lb-w) - 48px), 90vw);
  width: min(560px, 90vw);
  will-change: transform, opacity;
}

/* حالت مخفی/نمایش نرم، اگر قبلاً داری می‌تونی همین را نگه داری؛ مهم پایدار بودن transform است */
.anamis-about-modal[hidden] .anamis-about-dialog{
  opacity: 0;
  transform: translate(-50%,-50%) scale(.98);
}
.anamis-about-modal.show .anamis-about-dialog{
  opacity: 1;
  transform: translate(-50%,-50%) scale(1);
  transition: opacity .18s ease, transform .18s ease;
}

/****جستجو***/
/* ====== GLASSY SEARCH (input + results) ====== */

/* ظرف و چینش */
.anamis-ag-search-wrap{
  position: relative;
  max-width: 640px;
  margin: 18px auto 26px;
  padding: 0 8px;
}

/* فیلد جستجو – گِرد، شیشه‌ای، نرم */
.anamis-ag-search-wrap .anamis-ag-input{
  width: 100% !important;
  height: 56px !important;
  padding-inline: 20px !important;
  border-radius: 999px !important;                 /* کاملاً گرد (pill) */
  border: 1px solid rgba(255,255,255,.55) !important;
  background: rgba(255,255,255,.42) !important;     /* شیشه‌ای روشن */
  -webkit-backdrop-filter: blur(12px) saturate(125%) !important;
  backdrop-filter: blur(12px) saturate(125%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 10px 28px rgba(16,18,24,.10) !important;
  outline: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #1c1f2a !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

/* placeholder */
.anamis-ag-search-wrap .anamis-ag-input::placeholder{
  color: rgba(30,35,50,.55) !important;
}

/* فوکِس: کمی روشن‌تر و هاله‌ی بسیار لطیف */
.anamis-ag-search-wrap .anamis-ag-input:focus{
  background: rgba(255,255,255,.55) !important;
  border-color: rgba(255,255,255,.85) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 14px 36px rgba(16,18,24,.14),
    0 0 0 4px rgba(90,140,255,.12) !important; /* اگر لازم شد رنگ رو با برندت عوض کن */
}

/* — باکس نتایج: شیشه‌ای با سایه و گوشه‌های نرم — */
.anamis-ag-search-wrap .anamis-ag-results{
  position: absolute !important;
  inset-inline: 8px !important;
  top: calc(100% + 12px) !important;
  display: none;          /* توسط JS کنترل می‌شود */
  z-index: 50 !important;
  border-radius: 18px !important;
  padding: 8px !important;
  background: rgba(255,255,255,.46) !important;
  border: 1px solid rgba(255,255,255,.60) !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  box-shadow: 0 24px 60px rgba(16,18,24,.18) !important;
  max-height: 64vh !important;
  overflow: auto !important;
  animation: anAgDrop .16s ease-out;
}

/* نوک کوچیک زیر فیلد (glassy) */
.anamis-ag-search-wrap .anamis-ag-results::before,
.anamis-ag-search-wrap .anamis-ag-results::after{
  content:"";
  position:absolute;
  top:-9px;
  inset-inline-start: 42px; /* اگر راست به چپ خواستی جابجا کن */
  border:9px solid transparent;
}
.anamis-ag-search-wrap .anamis-ag-results::before{ border-bottom-color: rgba(255,255,255,.60); top:-10px; }
.anamis-ag-search-wrap .anamis-ag-results::after { border-bottom-color: rgba(255,255,255,.46); }

/* آیتم‌ها */
.anamis-ag-results .ag-item{
  list-style: none;
  border-radius: 12px;
  overflow: hidden;
}
/* === Glass results: default like hover, hover a bit stronger === */

/* حالت عادی آیتم‌ها: پس‌زمینه شیشه‌ای روشن و خوانایی بالاتر */
.anamis-ag-search-wrap .anamis-ag-results .ag-row{
  background: rgba(255,255,255,.62) !important;     /* مثل hover قبلی */
  border: 1px solid rgba(255,255,255,.70) !important;
  border-radius: 14px !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 10px 28px rgba(16,18,24,.10) !important;
}

/* متن‌ها پرکنتراست‌تر */
.anamis-ag-search-wrap .anamis-ag-results .ag-title{
  color:#0f1320 !important;        /* تیره و خوانا */
  font-weight: 800 !important;
}
.anamis-ag-search-wrap .anamis-ag-results .ag-subtitle{
  color:#30384a !important;        /* خاکستری تیره‌تر برای دید بهتر */
}

/* هاور: فقط کمی پررنگ‌تر شود */
.anamis-ag-search-wrap .anamis-ag-results .ag-row:hover{
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(255,255,255,.95) !important;
  transform: translateY(-1px);
}

/* بندانگشتی‌ها با حلقه لطیف برای جدا شدن از زمینه */
.anamis-ag-search-wrap .anamis-ag-results .ag-thumb{
  position: relative;
  border-radius: 10px !important;
  overflow: hidden;
}
.anamis-ag-search-wrap .anamis-ag-results .ag-thumb::after{
  content:"";
  position:absolute; inset:0;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75);
  border-radius: 10px;
  pointer-events:none;
}

/* حالت تیره سیستم: زمینه تیره‌تر + متن روشن */
@media (prefers-color-scheme: dark){
  .anamis-ag-search-wrap .anamis-ag-results .ag-row{
    background: rgba(22,24,32,.55) !important;
    border-color: rgba(255,255,255,.16) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 12px 26px rgba(0,0,0,.40) !important;
  }
  .anamis-ag-search-wrap .anamis-ag-results .ag-row:hover{
    background: rgba(22,24,32,.72) !important;
    border-color: rgba(255,255,255,.22) !important;
  }
  .anamis-ag-search-wrap .anamis-ag-results .ag-title{ color:#fff !important; }
  .anamis-ag-search-wrap .anamis-ag-results .ag-subtitle{ color:#d6dbe6 !important; }
}

/* موبایل: فاصله‌ها و گردی کمی نرم‌تر */
@media (max-width: 768px){
  .anamis-ag-search-wrap .anamis-ag-results .ag-row{
    border-radius: 12px !important;
    padding: 10px 12px !important;
  }
}
/* ==== Mobile tweaks for BIO modal (–10vh) ==== */
@media (max-width: 768px){
  .anamis-lightbox .anamis-bio-modal{
    align-items: flex-start;
    padding-top: max(6vh, env(safe-area-inset-top));
  }

  .anamis-bio-dialog{
    max-height: 78vh;     /* قبلاً 88vh بود */
    width: 92vw;
  }

  .anamis-bio-body{
    max-height: calc(78vh - 56px);
  }
}

/* گوشی‌های کوچک‌تر */
@media (max-width: 420px){
  .anamis-lightbox .anamis-bio-modal{ padding-top: 8vh; }
  .anamis-bio-dialog{ max-height: 80vh; }              /* قبلاً 90vh بود */
  .anamis-bio-body{  max-height: calc(80vh - 56px); }
}
#anamis_items .an-sub { display: flex; flex-wrap: wrap; gap: 8px; }
#anamis_items .an-thumb {
  position: relative; width: 80px; height: 80px; border: 1px solid #e5e7eb;
  border-radius: 8px; overflow: hidden; background: #fff;
}
#anamis_items .an-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
#anamis_items .an-thumb .an-remove {
  position: absolute; top: 4px; inset-inline-end: 4px;
  width: 22px; height: 22px; line-height: 22px; border: 0; border-radius: 50%;
  background: #ef4444; color: #fff; cursor: pointer; font-weight: 700;
}
#anamis_items .an-thumb .an-remove:hover { background: #dc2626; }