:root{
  --pri:#5B21B6; --sec:#06B6D4; --txt:#0F172A; --mut:#64748B; --bg:#0B0B0B; --card:#101010; --iv:#ECEBEA;
  --ring: rgba(6,182,212,.35);
}
body.single-dmai_tool, body.post-type-archive-dmai_tool{
  font-family: Inter, Vazirmatn, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color:var(--txt); background:#fff;
}

/* Containers */
.container{max-width:1200px;margin:auto;padding:40px 20px}

/* RTL helpers */
[dir="rtl"] .dmai-filterbar, .rtl .dmai-filterbar{ direction: rtl; }
[dir="rtl"] .dmai-grid, .rtl .dmai-grid{ direction: rtl; }
[dir="rtl"] .dmai-featured, .rtl .dmai-featured{ direction: rtl; }

/* Language switcher */
.dmai-lang ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dmai-lang li a{display:inline-block;padding:6px 10px;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:#111827;background:#fff}
.dmai-lang li.current a{background:linear-gradient(90deg,var(--pri),var(--sec));color:#fff;border-color:transparent}

/* Hero */
.dmai-hero .hero-top{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.dmai-hero h1{font-size:clamp(28px,3.2vw,40px); margin:0 0 8px; letter-spacing:-0.02em}
.dmai-hero .muted{color:var(--mut); margin:0 0 16px}

/* Filter bar */
.dmai-filterbar{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(9,18,35,.06);
  margin:14px 0 22px;
}
.dmai-filterbar input[type="search"], .dmai-filterbar select{
  height:42px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;outline:none;background:#fff;
}
.dmai-filterbar input[type="search"]:focus, .dmai-filterbar select:focus{
  border-color:var(--sec);box-shadow:0 0 0 4px var(--ring);
}
.dmai-filterbar .btn{
  height:42px;padding:0 16px;border-radius:10px;background:linear-gradient(90deg,var(--pri),var(--sec));color:#fff;border:none;font-weight:700;cursor:pointer;
}

/* Featured slider */
.dmai-featured{margin:6px 0 22px}
#dmai-featured-slider{position:relative;border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff;box-shadow:0 6px 24px rgba(9,18,35,.06);overflow:hidden}
#dmai-featured-slider .track{display:flex;gap:16px;transition:transform .35s ease; will-change: transform;}
#dmai-featured-slider .slide{
  min-width: calc(33.333% - 11px);
  border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:12px;background:#fff;text-decoration:none;color:inherit;
  display:flex;gap:10px;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.05);
}
#dmai-featured-slider .slide .thumb img{width:100%;height:180px;object-fit:cover;border-radius:10px}
#dmai-featured-slider .slide .txt h3{font-size:16px;margin:2px 0 4px}
#dmai-featured-slider .slide .txt p{margin:0;color:var(--mut)}
#dmai-featured-slider .nav{
  position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.08);
}
#dmai-featured-slider .nav.prev{left:10px}
#dmai-featured-slider .nav.next{right:10px}
.badge.star{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;background:#FEF3C7;color:#92400E;border:1px solid #FDE68A;font-weight:700;font-size:12px}

/* Grid Cards */
.dmai-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.dmai-grid .dmai-tool-card{
  grid-column: span 4;
  display:flex;gap:12px;flex-direction:column;
  border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:14px;background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.05);transition:.2s; text-decoration:none;color:inherit;
  animation: dmai-fade-up .45s ease both;
}
.dmai-grid .dmai-tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.10)}
.dmai-tool-card .thumb img{width:100%;height:auto;border-radius:12px}
.dmai-tool-card .title{font-size:18px;margin:2px 0 6px}
.dmai-tool-card .excerpt{color:var(--mut);margin:0}
.dmai-tool-card .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #e5e7eb;background:#f9fafb;color:#111827}
.badge.paid{background:linear-gradient(90deg,var(--pri),var(--sec));color:#fff;border:none}
.badge.free{background:#e8f7ff;color:#0369a1;border-color:#bae6fd}
.chip{display:inline-block;padding:4px 8px;border-radius:10px;font-size:12px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}

/* BIG TILE (special) */
.dmai-grid .dmai-tool-card.tile-large{
  grid-column: span 8;
  display:grid; grid-template-columns: 1.2fr 1fr; gap:14px; align-items:stretch;
}
.dmai-grid .dmai-tool-card.tile-large .thumb img{height:100%; max-height:320px; object-fit:cover}
.dmai-grid .dmai-tool-card.tile-large .title{font-size:22px}

/* Single */
.dmai-tool-card.full{padding:22px;border-radius:18px}
.dmai-single .head .head-main{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.dmai-single .head .title{margin:0;font-size:clamp(26px,3vw,34px);letter-spacing:-0.01em}
.dmai-single .lead{color:var(--mut);font-size:16px;margin:12px 0 10px}
.dmai-single .facts{display:grid;gap:10px;margin:10px 0 16px}
.dmai-single .fact{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}
.dmai-single .hero.hero-crop{width:100%;max-height:420px;overflow:hidden;border-radius:14px;margin:16px 0}
.dmai-single .hero.hero-crop img{width:100%;height:420px;object-fit:cover}

/* Gallery */
.dmai-tool-gallery{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 6px}
.dmai-tool-gallery img,.dmai-tool-gallery video{width:100%;max-width:300px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 20px rgba(0,0,0,.04); animation: dmai-fade-up .45s ease both}

/* Examples & FAQ */
.dmai-examples,.dmai-faq{margin:28px 0}
.dmai-examples h2,.dmai-faq h2{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--pri)}
.dmai-example{border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.04); transition:transform .2s ease, box-shadow .2s ease; animation: dmai-fade-up .45s ease both}
.dmai-example:hover{transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,0,0,.08)}
.dmai-example img,.dmai-example video{width:100%;border-radius:10px;margin-top:8px;border:1px solid #e5e7eb}
.dmai-faq-item{margin-bottom:12px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#fff; animation: dmai-fade-up .45s ease both}
.dmai-faq-item summary{cursor:pointer;font-weight:600;color:var(--pri);padding:12px 14px;background:#f9f9ff}
.dmai-faq-item[open] summary{background:linear-gradient(90deg,var(--pri),var(--sec));color:#fff}
.dmai-faq-item p{margin:0;padding:12px 14px}

/* CTA */
.cta .btn.run{display:inline-block;margin-top:8px;padding:12px 20px;background:linear-gradient(90deg,var(--pri),var(--sec));color:#fff;border-radius:12px;font-weight:700;text-decoration:none}

/* Model badges (smart colors) */
.model-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #e5e7eb;background:#fff;margin-top:4px}
.model-gpt{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}      /* سبز */
.model-claude{background:#fef3c7;border-color:#fde68a;color:#92400e}   /* کهربایی */
.model-gemini{background:#e0f2fe;border-color:#bae6fd;color:#075985}   /* آبی روشن */
.model-model{background:#f3f4f6;border-color:#e5e7eb;color:#111827}

/* Highlights (search term) */
.hl{background:linear-gradient(transparent 60%, #fffb91 60%);}

/* Animations */
@keyframes dmai-fade-up { from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:translateY(0)} }

/* Responsive */
@media(max-width:1024px){
  #dmai-featured-slider .slide{min-width: calc(50% - 8px);}
  .dmai-grid .dmai-tool-card{grid-column: span 6;}
  .dmai-grid .dmai-tool-card.tile-large{grid-column: span 12; grid-template-columns: 1fr; }
  .dmai-grid .dmai-tool-card.tile-large .thumb img{max-height:260px}
}
@media(max-width:640px){
  #dmai-featured-slider .slide{min-width: 100%;}
  .dmai-grid{grid-template-columns:repeat(6,1fr);}
  .dmai-grid .dmai-tool-card{grid-column: span 6;}
  .dmai-filterbar{padding:10px;}
  .container{padding:26px 16px;}
}
