/* Google Ads Audit – quiz spacing */
.attia-audit{display:flex;flex-direction:column;gap:clamp(18px, 2.5vw, 28px)}
.attia-audit-form{display:flex;flex-direction:column;gap:clamp(14px, 2vw, 20px)}

.attia-audit-q{display:none;border:none;padding:0;margin:0;min-width:0}
.attia-audit-q.is-active{
  display:flex;flex-direction:column;
  gap:clamp(14px, 1.8vw, 20px);
  animation:attia-fade-in .35s ease both;
}
.attia-audit-title{
  font-family:var(--at-font-head);font-weight:800;color:#fff;
  font-size:clamp(15.5px, 1.2vw, 17px);line-height:1.4;
  margin:0;
}
.attia-audit-opts{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 560px){.attia-audit-opts{grid-template-columns:1fr}}

.attia-audit-opt{
  display:flex;align-items:center;gap:12px;min-height:52px;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.16);border-radius:var(--at-radius-pill);
  padding:12px 18px;
  background:rgba(255,255,255,.04);color:#fff;
  transition:border-color .15s ease,background .15s ease,transform .05s ease;
  user-select:none;
  line-height:1.35;
}
.attia-audit-opt span{font-size:14px}
.attia-audit-opt:hover{border-color:rgba(100,233,255,.4);background:rgba(100,233,255,.08)}
.attia-audit-opt:active{transform:translateY(1px)}
.attia-audit-opt input{width:18px;height:18px;accent-color:var(--at-accent);flex:0 0 auto}
.attia-audit-opt.is-selected{background:rgba(100,233,255,.18);border-color:rgba(100,233,255,.6)}

.attia-audit-nav{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  margin-top:8px;
}
.attia-audit-nav .attia-cta{width:auto;padding:12px 22px;font-size:14px;min-height:unset}
.attia-audit-hint{color:var(--at-text-subtle);font-size:12.5px;text-align:right;line-height:1.4;flex:1}

/* Result tier coloring */
.attia-audit-result{display:flex;flex-direction:column;gap:clamp(16px, 2vw, 24px)}
.attia-audit-result .attia-hero-amount{color:#fff}
.attia-audit-result .attia-hero-amount[data-tier="low"]{color:#ef4444}
.attia-audit-result .attia-hero-amount[data-tier="mid"]{color:#f59e0b}
.attia-audit-result .attia-hero-amount[data-tier="high"]{color:var(--at-success)}
.attia-audit-result .attia-progress-fill[data-tier="low"]{background:#ef4444}
.attia-audit-result .attia-progress-fill[data-tier="mid"]{background:#f59e0b}
.attia-audit-result .attia-progress-fill[data-tier="high"]{background:var(--at-success)}

/* On-page rendering of the Top-5 priorisierten Hebel after Phase-2 reveal.
   Mirrors the email-builder's audit recs aesthetic so the user sees the
   same content in both places. */
.attia-audit-recs-heading{
  font-family:var(--at-font-head);color:#fff;
  font-size:18px;font-weight:700;
  margin:clamp(20px,2.5vw,28px) 0 12px;
  letter-spacing:-.01em;
}
.attia-audit-recs{
  display:flex;flex-direction:column;
  gap:14px;
}
.attia-audit-rec{
  padding:clamp(18px,2.2vw,24px) clamp(18px,2.5vw,26px);
  background:var(--at-card-inner);
  border:1px solid var(--at-card-inner-border);
  border-radius:var(--at-radius-sm);
  display:flex;flex-direction:column;gap:10px;
}
.attia-audit-rec-head{display:flex;align-items:center;gap:12px}
.attia-audit-rec-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:999px;
  background:var(--at-blue-1);color:#fff;
  font-family:var(--at-font-head);font-weight:800;font-size:13px;
  flex-shrink:0;line-height:1;
}
.attia-audit-rec-title{
  flex:1;
  font-family:var(--at-font-head);color:#fff;
  font-size:15.5px;font-weight:700;line-height:1.35;
}
.attia-audit-rec-meta{
  display:flex;flex-wrap:wrap;gap:14px;
  color:var(--at-text-subtle);
  font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;font-weight:700;
}
.attia-audit-rec-meta strong{color:#fff;font-weight:800;letter-spacing:0;text-transform:none;font-size:13px}
.attia-audit-rec-why{
  margin:0;color:var(--at-text-muted);
  font-size:13.5px;line-height:1.6;
}
.attia-audit-rec-steps{
  margin:6px 0 0;padding-left:20px;
  color:var(--at-text-muted);
  font-size:13.5px;line-height:1.6;
}
.attia-audit-rec-steps li{margin:4px 0}

.attia-tool-section.is-light .attia-audit-recs-heading{color:#0f172a}
.attia-tool-section.is-light .attia-audit-rec{background:#f8fafc;border-color:#e5e7eb}
.attia-tool-section.is-light .attia-audit-rec-title{color:#0f172a}
.attia-tool-section.is-light .attia-audit-rec-meta strong{color:#0f172a}
.attia-tool-section.is-light .attia-audit-rec-why,
.attia-tool-section.is-light .attia-audit-rec-steps{color:#475569}

@media (max-width: 560px){
  .attia-audit-nav{flex-direction:column-reverse;align-items:stretch;gap:10px}
  .attia-audit-nav .attia-cta{width:100%}
  .attia-audit-hint{text-align:center;font-size:12px}
}