/* ADSBIO Ad Tools — front-end styles */
:root{
  --adsbio-bg:      #17181D;
  --adsbio-panel:   #1D1F26;
  --adsbio-line:    #2A2C34;
  --adsbio-text:    #ECEDEF;
  --adsbio-muted:   #8D9099;
  --adsbio-yek:     #FF6A39;
  --adsbio-tap:     #2BC4B0;
  --adsbio-mono:    'JetBrains Mono', ui-monospace, Consolas, monospace;
}

.adsbio-review-wrap,
.adsbio-archive-wrap,
.adsbio-abtest-wrap{
  direction:rtl;
  color:var(--adsbio-text);
}

/* ---------- Review page ---------- */
.adsbio-platform-block{ margin-bottom:48px; }
.adsbio-platform-title{
  font-size:20px; font-weight:800; margin:0 0 18px;
  padding-inline-start:14px; border-inline-start:3px solid var(--adsbio-yek);
}
.adsbio-zone-grid{ display:flex; flex-wrap:wrap; gap:18px; }
.adsbio-zone-card{
  background:var(--adsbio-panel); border:1px solid var(--adsbio-line);
  border-radius:10px; overflow:hidden; flex:none; min-width:200px;
}
.adsbio-zone-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:9px 12px; border-bottom:1px solid var(--adsbio-line);
  font-size:13px;
}
.adsbio-zone-name{ font-weight:700; }
.adsbio-zone-dims{ font-family:var(--adsbio-mono); font-size:11.5px; color:var(--adsbio-muted); }
.adsbio-zone-slot{ padding:10px; display:flex; align-items:center; justify-content:center; }
.adsbio-zone-placeholder{ font-size:12px; color:var(--adsbio-muted); padding:20px; }
.adsbio-empty{ color:var(--adsbio-muted); font-size:14px; }

/* ---------- Archive page ---------- */
.adsbio-archive-filters{
  display:flex; flex-direction:column; gap:10px;
  margin-bottom:28px; padding:16px; border:1px solid var(--adsbio-line);
  border-radius:10px; background:var(--adsbio-panel);
}
.adsbio-filter-group{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; font-size:13px; }
.adsbio-filter-label{ color:var(--adsbio-muted); margin-inline-end:4px; }
.adsbio-filter-btn{
  font-family:inherit; font-size:12.5px; cursor:pointer;
  background:transparent; color:var(--adsbio-text);
  border:1px solid var(--adsbio-line); border-radius:20px; padding:5px 13px;
}
.adsbio-filter-btn.is-active{ background:var(--adsbio-text); color:var(--adsbio-bg); border-color:var(--adsbio-text); }

.adsbio-archive-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(230px,1fr)); gap:18px;
}
.adsbio-archive-card{
  background:var(--adsbio-panel); border:1px solid var(--adsbio-line);
  border-radius:10px; overflow:hidden; display:flex; flex-direction:column;
}
.adsbio-archive-card.is-hidden{ display:none; }
.adsbio-archive-thumb img{ width:100%; display:block; aspect-ratio:16/9; object-fit:cover; }
.adsbio-archive-thumb-empty{
  aspect-ratio:16/9; display:flex; align-items:center; justify-content:center;
  color:var(--adsbio-muted); font-size:12px; background:var(--adsbio-bg);
}
.adsbio-archive-body{ padding:14px; }
.adsbio-archive-body h3{ margin:0 0 8px; font-size:14.5px; }
.adsbio-archive-tags{ display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; }
.adsbio-tag{
  font-family:var(--adsbio-mono); font-size:10.5px; padding:3px 8px; border-radius:5px;
  border:1px solid var(--adsbio-line); color:var(--adsbio-muted);
}
.adsbio-tag-platform{ color:var(--adsbio-yek); border-color:var(--adsbio-yek); }
.adsbio-tag-format{ color:var(--adsbio-tap); border-color:var(--adsbio-tap); }
.adsbio-archive-date{ font-size:11.5px; color:var(--adsbio-muted); margin-bottom:10px; }
.adsbio-archive-download{
  display:inline-block; font-size:12.5px; font-weight:700;
  padding:7px 14px; border-radius:7px; background:var(--adsbio-text); color:var(--adsbio-bg);
}

/* ---------- A/B test stub (legacy, kept in case shortcode falls back) ---------- */
.adsbio-coming-soon{
  padding:32px; border:1px dashed var(--adsbio-line); border-radius:10px;
  background:var(--adsbio-panel); text-align:center;
}
.adsbio-coming-soon p{ color:var(--adsbio-muted); font-size:13.5px; }

/* ---------- A/B test calculator ---------- */
.adsbio-ab-card{
  background:var(--adsbio-panel); border:1px solid var(--adsbio-line);
  border-radius:12px; padding:24px; margin-bottom:24px;
}
.adsbio-ab-card h2{ margin:0 0 6px; font-size:19px; }
.adsbio-ab-sub{ color:var(--adsbio-muted); font-size:13.5px; margin:0 0 22px; }

.adsbio-ab-form{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }
.adsbio-ab-col h3{ font-size:14px; margin:0 0 12px; display:flex; align-items:center; gap:8px; }
.adsbio-ab-dot{ width:10px; height:10px; border-radius:50%; display:inline-block; }
.dot-a{ background:var(--adsbio-yek); }
.dot-b{ background:var(--adsbio-tap); }
.adsbio-ab-col label{ display:block; font-size:12.5px; color:var(--adsbio-muted); margin-bottom:12px; }
.adsbio-ab-col input, .adsbio-ab-settings input, .adsbio-ab-settings select{
  display:block; width:100%; margin-top:5px; padding:9px 10px;
  background:var(--adsbio-bg); border:1px solid var(--adsbio-line); border-radius:7px;
  color:var(--adsbio-text); font-family:inherit; font-size:13.5px;
}

.adsbio-ab-settings{
  display:grid; grid-template-columns:1fr 1fr 2fr; gap:16px;
  margin-bottom:20px; font-size:12.5px; color:var(--adsbio-muted);
}
.adsbio-ab-settings label{ display:block; }
.adsbio-ab-testname{ grid-column:span 1; }

.adsbio-ab-actions{ display:flex; gap:10px; margin-bottom:6px; }
.adsbio-btn{
  font-family:inherit; font-size:13.5px; font-weight:700; cursor:pointer;
  padding:11px 22px; border-radius:8px; border:1px solid transparent;
  display:inline-flex; align-items:center; gap:6px;
}
.adsbio-btn-primary{ background:var(--adsbio-text); color:var(--adsbio-bg); }
.adsbio-btn-ghost{ border-color:var(--adsbio-line); color:var(--adsbio-text); background:transparent; }
.adsbio-btn:disabled{ opacity:.6; cursor:default; }

.adsbio-ab-results{ margin-top:24px; padding-top:22px; border-top:1px solid var(--adsbio-line); }
.adsbio-ab-verdict{
  padding:14px 16px; border-radius:8px; font-size:13.5px; margin-bottom:20px;
  border:1px solid var(--adsbio-line); background:var(--adsbio-bg);
}
.adsbio-ab-verdict.is-significant{ border-color:var(--adsbio-tap); color:var(--adsbio-tap); }
.adsbio-ab-verdict.is-negative{ border-color:var(--adsbio-yek); color:var(--adsbio-yek); }
.adsbio-ab-verdict.is-inconclusive{ color:var(--adsbio-muted); }

.adsbio-ab-metrics{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(120px,1fr)); gap:14px;
  margin-bottom:24px;
}
.adsbio-metric{
  background:var(--adsbio-bg); border:1px solid var(--adsbio-line); border-radius:8px;
  padding:12px 14px;
}
.adsbio-metric .label{ display:block; font-size:11px; color:var(--adsbio-muted); margin-bottom:4px; }
.adsbio-metric .value{ font-family:var(--adsbio-mono); font-size:16px; font-weight:700; }

.adsbio-ab-chart-wrap{ max-width:340px; margin:0 auto 20px; }
.adsbio-ab-chart-wrap svg{ width:100%; height:auto; }

.adsbio-ab-warning{
  font-size:12.5px; padding:10px 14px; border-radius:8px; margin-top:10px;
  background:rgba(255,106,57,0.08); border:1px solid var(--adsbio-yek); color:var(--adsbio-yek);
}

.adsbio-ab-table{ width:100%; border-collapse:collapse; font-size:13px; }
.adsbio-ab-table th, .adsbio-ab-table td{
  padding:10px 12px; text-align:right; border-bottom:1px solid var(--adsbio-line);
}
.adsbio-ab-table th{ color:var(--adsbio-muted); font-weight:700; font-size:11.5px; }
.adsbio-sig-yes{ color:var(--adsbio-tap); font-weight:700; }
.adsbio-sig-no{ color:var(--adsbio-muted); }

@media (max-width:640px){
  .adsbio-ab-form{ grid-template-columns:1fr; }
  .adsbio-ab-settings{ grid-template-columns:1fr; }
  .adsbio-ab-table{ display:block; overflow-x:auto; white-space:nowrap; }
}

/* ---------- Responsive ---------- */
@media (max-width: 640px){
  .adsbio-zone-grid{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:10px; }
  .adsbio-archive-grid{ grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); gap:12px; }
  .adsbio-archive-filters{ padding:12px; }
}