/* ===============================
   Arquivo: assets/quiz/adfq-quiz.css
   Tema: Quiz Arquivo da Fé (unificado, deduplicado)
   =============================== */

/* ---------- Tokens de cor e raio ---------- */
:root{
  /* Paleta Arquivo da Fé */
  --ink:#1f2a37;
  --ink-2:#475569;
  --muted:#6b7280;

  --bg:#fbfaf7;
  --panel:#ffffff;
  --line:#e8e4da;

  --gold:#d9bd8b;
  --gold-2:#caa86b;
  --gold-3:#b48b4f;

  --ok:#16a34a;
  --bad:#dc2626;

  --shadow:0 6px 22px rgba(22,22,22,.06);
  --radius:14px;
  --radius-sm:10px;
  --radius-xs:8px;

  /* Fallbacks usados na sidebar refinada */
  --adf-ink:#2b2118;
  --adf-brown:#6a4a2f;
  --adf-gold:#c7a266;
  --adf-gold-2:#d7b57a;
  --adf-cream:#fbf7f1;
  --adf-panel:#ffffff;
  --adf-line:rgba(0,0,0,.08);
  --adf-soft:rgba(0,0,0,.04);
  --adf-shadow:0 12px 30px rgba(0,0,0,.06);
}

#adfq-root{ color:var(--ink); background:transparent; }

/* ===============================
   LAYOUT
   =============================== */
.adfq-grid{
  display:grid; gap:24px;
  grid-template-columns:340px 1fr;
  align-items:start;
}
@media (max-width:1024px){
  .adfq-grid{ grid-template-columns:1fr; }
}

/* Painéis (sidebar boxes) */
.adfq-panel{
  background:linear-gradient(180deg, #fff9ef 0%, #fbf4e6 100%);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:16px;
  color:var(--ink);
}
.adfq-panel + .adfq-panel{ margin-top:18px; }
.adfq-panel__title{
  font-weight:800; letter-spacing:.5px; margin:2px 0 2px;
  color:var(--ink);
  text-transform:uppercase;
}

/* ===============================
   TÍTULO “CATEGORIAS” (acordeão)
   =============================== */
.adfq-panel__toggle,
.adfq-acc__toggle{
  appearance:none; border:1px solid var(--line);
  width:100%;
  display:flex; align-items:center; justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  background:linear-gradient(180deg,#fff7e6 0%, #f7edd9 100%);
  border-radius:14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
  cursor:pointer;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease;
}

/* remove qualquer ícone injetado no HTML */
.adfq-panel__toggle svg,
.adfq-panel__toggle i,
.adfq-panel__toggle span.icon,
.adfq-panel__toggle::before{ display:none !important; }

/* seta única (▾) à direita */
.adfq-panel__toggle::after,
.adfq-acc__toggle::after{
  content:"▾";
  font-size:15px;
  color:var(--gold-3);
  transition:transform .25s ease;
}

/* hover e estados (sem azul) */
.adfq-panel__toggle:hover,
.adfq-acc__toggle:hover{
  background:linear-gradient(180deg,#fff3da 0%, #f8ecd9 100%);
}
.adfq-panel__toggle:active,
.adfq-panel__toggle.is-active,
.adfq-acc__toggle:active,
.adfq-acc__toggle.is-active{
  background:linear-gradient(180deg,#fff4dc 0%, #f1e3c7 100%);
  border-color:var(--gold-2);
  box-shadow:0 0 0 3px rgba(202,168,107,.25), inset 0 0 0 1px rgba(202,168,107,.3);
  color:var(--ink);
}
.adfq-panel.is-open .adfq-panel__toggle,
.adfq-acc.is-open .adfq-acc__toggle{
  background:linear-gradient(180deg,#fff4dc 0%, #f1e3c7 100%);
  border-color:var(--gold-2);
  box-shadow:0 0 0 3px rgba(202,168,107,.25), inset 0 0 0 1px rgba(202,168,107,.3);
  color:var(--ink);
}
.adfq-panel__toggle:focus,
.adfq-acc__toggle:focus,
.adfq-panel__toggle:focus-visible,
.adfq-acc__toggle:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(202,168,107,.35);
}

/* wrapper do acordeão das categorias */
#adfq-catswrap{ margin-top:12px; }

/* ===============================
   SIDEBAR — CATEGORIAS
   =============================== */
.adfq-cats{
  display:grid;
  gap:10px;                 /* compacto */
  max-height:min(64vh,760px);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--adf-gold) transparent;
}
.adfq-cats::-webkit-scrollbar{ width:8px; }
.adfq-cats::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--adf-gold),var(--adf-gold-2));
  border-radius:999px;
}

/* Cartão da categoria */
.adfq-cat{
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;       /* compacto */
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  overflow:hidden;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.adfq-cat.is-open{
  border-color:#eadfca;
  box-shadow:0 8px 28px rgba(64,45,15,.12);
}

/* Cabeçalho/botão da categoria */
.adfq-cat__head{ padding:6px 10px; }   /* compacto */

.adfq-cat__btn{
  appearance:none; border:0; background:#fff;
  width:100%;
  display:flex; align-items:center; gap:8px; /* compacto */
  padding:6px 10px;                          /* compacto */
  min-height:40px;                            /* alvo de toque */
  border-radius:calc(10px - 2px);
  cursor:pointer; text-align:left;
  color:var(--ink);
  font-weight:700; letter-spacing:.2px; font-size:.95rem;
  transition: background .2s ease, transform .04s ease, color .2s ease;
  position:relative;
}

/* ícone único “›” à esquerda */
.adfq-cat__btn::before{
  content:"›";
  color:var(--gold-3);
  font-weight:700;
  font-size:16px;
  transform:translateY(1px);
}

/* hover/seleção categoria */
.adfq-cat__btn:hover{ background:#fffaf2; }
.adfq-cat.is-active .adfq-cat__btn{
  background:linear-gradient(180deg,#fffaf1 0%, #fff1dc 100%);
  box-shadow:inset 0 0 0 2px rgba(201,168,107,.18);
}

/* Corpo (subcategorias) */
.adfq-cat__secs{
  display:none;
  padding:4px 8px 8px; /* compacto */
  background:linear-gradient(180deg,#fff 0%, #fff9f0 100%);
  border-top:1px dashed #efe6d6;
}
.adfq-cat.is-open .adfq-cat__secs{ display:block; }

/* Subcategorias */
.adfq-sec{
  appearance:none;
  width:100%; text-align:left;
  background:#fff; color:var(--ink);
  padding:6px 10px;               /* compacto */
  margin-top:6px;                 /* compacto */
  border-radius:10px;             /* compacto */
  border:1px solid var(--line);
  cursor:pointer;
  display:flex; align-items:center; gap:10px;
  position:relative;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .04s ease;
  font-size:.93rem;
}
.adfq-sec:first-child{ margin-top:0; }

/* seta “›” da subcategoria */
.adfq-sec::before{
  content:"›";
  color:var(--gold-2);
  font-weight:700;
  transform:translateY(1px);
}
.adfq-sec:hover{
  background:#fffaf0;
  border-color:#eadfca;
  box-shadow:0 4px 12px rgba(64,45,15,.08);
}
.adfq-sec:active{ transform:translateY(1px); }
.adfq-sec:focus-visible{
  outline:0; box-shadow:0 0 0 3px rgba(202,168,107,.35);
}
.adfq-sec.is-active{
  background:linear-gradient(180deg,#fff7e7 0%, #ffefd6 100%);
  border-color:var(--gold-2);
  box-shadow:0 2px 8px rgba(0,0,0,.04), inset 0 0 0 2px rgba(201,168,107,.18);
}

/* Badge premium */
.adfq-badge{
  font-size:.72rem; padding:2px 7px; border-radius:999px;
  border:1px solid var(--adf-line); color:#987b37;
  background:rgba(212,175,55,.12);
  margin-left:auto;
}
.adfq-badge--premium{
  background:linear-gradient(180deg,#f7e9cc,#edd5a7);
  border-color:#e4c485; color:#4b361f;
}

/* ===============================
   HUD (Progresso lateral)
   =============================== */
.adfq-hud__row{
  display:flex; align-items:center; justify-content:space-between; padding:3px 0;
}
.adfq-progress{
  margin:8px 0 6px; height:10px; background:#f3efe6;
  border-radius:999px; border:1px solid var(--line); overflow:hidden;
}
.adfq-progress__bar{ height:100%; width:0%; background:linear-gradient(90deg,var(--gold),var(--gold-2)); }
.adfq-hud__foot{ color:var(--muted); }

/* Centraliza ações do HUD */
.adfq-panel--hud .adfq-hud__actions{
  display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:8px;
}
.adfq-panel--hud .adfq-btn{ display:inline-flex; margin:12px auto 0; }

/* ===============================
   MAIN / CARDS / AÇÕES
   =============================== */
.adfq-card{
  background:var(--panel); border:1px solid var(--line);
  border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden; padding:22px;
}
.adfq-card__header{
  padding:0 0 12px 0; margin-bottom:12px; border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fffdf9,#fffaf2);
}
.adfq-card__body{ padding:0; }
.adfq-card__footer{
  margin-top:16px; padding-top:12px; border-top:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fffaf4);
}

/* Card central/variações */
.adfq-card--center{ text-align:center; margin:0 auto; max-width:760px; }
.adfq-card__icon{ font-size:46px; line-height:1; margin:2px auto 8px; color:#c29a57; filter:drop-shadow(0 2px 6px rgba(0,0,0,.08)); }
.adfq-card__title{ margin:4px 0 10px; font-weight:800; color:#6e480f; text-align:center; }
.adfq-card__text{ text-align:center; color:#3c2a12; }
.adfq-card__text p{ margin:.35rem 0; }
.adfq-card__hint{ color:#7b6335; opacity:.9; margin-top:4px; }
.adfq-card__actions{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }

.adfq-card--neutral{ background:linear-gradient(to bottom,#fffefa,#fff9ef); border-color:#ead9b8; }
.adfq-card--limit{ background:linear-gradient(to bottom,#fffaf4,#fff3e0); border-color:#e7cfa5; }
.adfq-card--premium{ background:linear-gradient(to bottom,#fffdf8,#fff3ea); border-color:#efcfb0; }
.adfq-card--success{ background:linear-gradient(to bottom,#fcfff7,#f3ffe8); border-color:#cfe7a5; }
.adfq-card--warning{ background:linear-gradient(to bottom,#fffdf5,#fff6d9); border-color:#ecd6a2; }
.adfq-card--danger{ background:linear-gradient(to bottom,#fff7f7,#ffecec); border-color:#e7b0b0; }

/* Contador “(25/25)” */
.adfq-limit-count{
  background:#f2e3c7; color:#6a4a1a; font-weight:600;
  padding:2px 8px; border-radius:6px; margin-left:6px;
}

/* Ações de rodapé */
.adfq-actions{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.adfq-actions__right{ display:flex; align-items:center; gap:10px; }

/* Botões */
.adfq-btn{
  --btn-bg:#ffffff; --btn-bd:var(--line); --btn-fg:var(--ink);
  appearance:none; border:1px solid var(--btn-bd);
  background:var(--btn-bg); color:var(--btn-fg);
  padding:10px 14px; border-radius:12px; cursor:pointer; font-weight:600;
  transition:transform .06s ease, box-shadow .2s ease, background .2s ease, border .2s ease, color .2s ease;
}
.adfq-btn:hover{ transform:translateY(-1px); box-shadow:var(--shadow); border-color:#e8dcc7; background:#fffdf7; }
.adfq-btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }
.adfq-btn--primary{
  --btn-bg:linear-gradient(180deg,#d9b77a,#c49a4a);
  --btn-bd:#bd8e34; --btn-fg:#2b1a07;
}

/* ===============================
   CONTEÚDO DA QUESTÃO
   =============================== */
.adfq-stem{
  font-size:1.1rem; line-height:1.6; color:var(--ink);
  margin-bottom:14px; margin-top:12px;
}

/* Opções */
.adfq-options{ display:flex; flex-direction:column; gap:10px; }
.adfq-option{
  list-style:none; border:1px solid var(--line); background:#fff;
  border-radius:12px; transition:box-shadow .2s ease, border .2s ease, transform .06s ease;
}
.adfq-option:hover{ box-shadow:var(--shadow); border-color:#e8dcc7; transform:translateY(-1px); }
.adfq-option label{ display:flex; align-items:center; gap:8px; padding:12px 14px; cursor:pointer; }
.adfq-option input{ margin-right:10px; }

/* Cloze */
.adfq-block{ display:grid; gap:10px; }
.adfq-cloze label{ display:block; font-size:.88rem; color:var(--muted); margin-bottom:4px; }
.adfq-cloze input{
  width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 12px;
  background:#fff; color:var(--ink);
}
.adfq-cloze input:focus{ outline:none; border-color:#e3d3b8; box-shadow:0 0 0 3px #f3ead9; }

/* Ordering */
.adfq-order{ display:grid; gap:8px; }
.adfq-order__row{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px;
  background:#fff; border:1px solid #e6e0d6; border-radius:10px; padding:10px 12px;
}
.adfq-order__label{ line-height:1.4; color:var(--ink-2); }
.adfq-order__controls{ display:flex; gap:6px; }
.adfq-order__controls .adfq-order__up,
.adfq-order__controls .adfq-order__down{
  border:1px solid #e0dacd; background:#f9f6f0; border-radius:8px; padding:4px 10px; cursor:pointer;
  transition:background .2s ease, border .2s ease;
}
.adfq-order__controls .adfq-order__up:hover,
.adfq-order__controls .adfq-order__down:hover{
  background:#f3ede3; border-color:#eadcc7;
}

/* ===============================
   FEEDBACK / CTA / ESTADOS
   =============================== */
.adfq-feedback{
  margin-top:14px; border-radius:12px; padding:12px 14px;
  border:1px solid var(--line); background:#fff;
}
.adfq-feedback--ok{ border-color:#b7e2c5; background:#f0fbf3; }
.adfq-feedback--bad{ border-color:#f3c1c1; background:#fff3f3; }
.adfq-feedback__title{ font-weight:800; margin-bottom:6px; color:#1b4332; }
.adfq-feedback--bad .adfq-feedback__title{ color:#7f1d1d; }
.adfq-explanation{ color:var(--ink-2); }
.adfq-points{ color:#4b5563; }

.adfq-cta{
  margin-top:12px; padding:14px; border:1px solid #eadcc7; border-radius:12px;
  background:#fffbf4;
}
.adfq-cta p{ margin:0 0 10px; color:#5c4630; }
.adfq-cta .adfq-btn--primary{
  background:linear-gradient(180deg,var(--gold-2),var(--gold-3));
  border-color:#c89c5d; color:#2b1a07;
}

/* Mensagens auxiliares / skeleton */
.adfq-error{
  padding:12px 14px; border-radius:10px; border:1px solid #f3c1c1; background:#fff6f6; color:#7f1d1d;
}
.adfq-empty{ color:var(--muted); padding:6px 0 10px 2px; }
.adfq-hint{ font-size:.95rem; color:#7b6335; opacity:.9; }

.adfq-skel{
  position:relative; overflow:hidden; border-radius:10px;
  background:linear-gradient(90deg,#f6f3ec 20%,#f1ede3 40%,#f6f3ec 60%);
  background-size:200% 100%; animation:adfq-skel 1.4s infinite;
  padding:14px;
}
@keyframes adfq-skel{
  0%{ background-position:200% 0; }
  100%{ background-position:-200% 0; }
}

/* ===============================
   Acessibilidade / Responsivo
   =============================== */
button:focus, .adfq-option input:focus, .adfq-cloze input:focus{
  outline:none; box-shadow:0 0 0 3px rgba(217,189,139,.35);
}
button:focus-visible, .adfq-sec:focus-visible{
  outline:2px solid rgba(201,168,107,.55);
  outline-offset:2px;
}

#adfq-restart-wrap{
  position:sticky; bottom:1rem; text-align:center;
  background:rgba(255,255,255,.8); padding:.75rem; backdrop-filter:blur(4px);
}
.adfq-sidebar{ max-height:calc(100vh - 160px); overflow:auto; padding-right:6px; }

.adfq-main{ position:relative; }
.adfq-hud{
  position:sticky; top:16px; z-index:2;
  border-radius:14px; padding:16px 18px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  background:#fff; margin-bottom:20px;
}

@media (max-width:960px){
  .adfq-grid{ grid-template-columns:1fr; }
  .adfq-sidebar{ max-height:none; }
  .adfq-hud{ position:static; }
  .adfq-actions{ flex-direction:column; align-items:stretch; }
  .adfq-actions__right{ width:100%; justify-content:space-between; }
  .adfq-sec{ padding:8px 10px; }
  .adfq-panel{ padding:12px; }
  .adfq-panel__toggle{ padding:12px; }
}

/* ===============================
   TOP STRIP (nível/pontos) – retoques
   =============================== */
.adfq-card__header{
  background:linear-gradient(180deg,#fffefb,#fff9ef);
  padding:16px 18px 10px;
  border-bottom:1px solid rgba(217,189,139,.35);
}
.adfq-card__header > *:first-child{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; flex-wrap:wrap; margin:0; color:var(--ink-2); font-size:.98rem;
}
.adfq-topline__left, .adfq-topline__right{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.adfq-card__header > *:first-child > *{ display:inline-flex; align-items:center; gap:8px; }

.adfq-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px;
  background:#fff8ea; border:1px solid #efd9b5;
  color:#5a4026; font-weight:600; letter-spacing:.1px; line-height:1;
}
.adfq-pill--level{ background:#fff9f1; border-color:#ead5b1; }
.adfq-pill--mode{  background:#f7f4ee; border-color:#e8e4da; color:#6b5a43; }
.adfq-pill--no{    background:#f6f4ef; border-color:#e6e1d7; color:#7a6d57; }

.adfq-dot{
  width:4px; height:4px; border-radius:50%; background:rgba(106,75,43,.45);
  display:inline-block; margin:0 2px; transform:translateY(1px);
}

.adfq-counter{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:10px;
  background:#fff; border:1px solid #eee6d8; color:#5a4b33; font-weight:700;
}
.adfq-counter__num{
  background:linear-gradient(180deg,#d9bd8b,#caa86b);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  font-variant-numeric:tabular-nums;
}
.adfq-card__header::after{
  content:""; display:block; height:3px; border-radius:999px; margin-top:10px;
  background:linear-gradient(90deg, rgba(217,189,139,.55), rgba(202,168,107,.0));
}
@media (max-width:700px){
  .adfq-card__header > *:first-child{ align-items:flex-start; gap:8px; }
  .adfq-card__header::after{ margin-top:8px; }
}

/* ===============================
   Override: texto preto em hover
   =============================== */
:root{
  --hover-fg: #000; /* preto absoluto para hovers */
}

/* Título/accordion */
.adfq-panel__toggle:hover,
.adfq-panel__toggle.is-active,
.adfq-acc__toggle:hover,
.adfq-acc__toggle.is-active{
  color: var(--hover-fg) !important;
}

/* Categorias */
.adfq-cat__btn:hover,
.adfq-cat.is-active .adfq-cat__btn{
  color: var(--hover-fg) !important;
}
.adfq-cat__btn:hover::before{ color: var(--gold-3) !important; } /* seta mantém dourado */

/* Subcategorias */
.adfq-sec:hover,
.adfq-sec.is-active{
  color: var(--hover-fg) !important;
}
.adfq-sec:hover::before,
.adfq-sec.is-active::before{ color: var(--gold-2) !important; }

/* Botões gerais */
.adfq-btn:hover,
.adfq-btn--primary:hover{
  color: var(--hover-fg) !important;
}

/* Opções de resposta */
.adfq-option:hover label{
  color: var(--hover-fg) !important;
}

/* Controles de ordenação */
.adfq-order__up:hover,
.adfq-order__down:hover{
  color: var(--hover-fg) !important;
}

/* Qualquer texto dentro de itens em hover que possa herdar branco */
.adfq-cat__btn:hover .adfq-cat__name,
.adfq-sec:hover .adfq-sec__name{
  color: var(--hover-fg) !important;
}

/* =========================================================
   ADFQ — Anti-azul (override final, específico e agressivo)
   ========================================================= */

/* 1) Zera cores herdadas de botões/links do tema DENTRO do ADFQ */
#adfq-root .adfq-panel .adfq-cat__btn,
#adfq-root .adfq-panel .adfq-sec,
#adfq-root .adfq-panel .adfq-panel__toggle,
#adfq-root .adfq-panel .adfq-acc__toggle {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* 2) HOVER: garante texto escuro (nada de branco) */
#adfq-root .adfq-panel .adfq-cat__btn:hover,
#adfq-root .adfq-panel .adfq-sec:hover,
#adfq-root .adfq-panel .adfq-panel__toggle:hover,
#adfq-root .adfq-panel .adfq-acc__toggle:hover {
  color: #111 !important;
  background: linear-gradient(180deg,#fff 0%, #fff6e7 100%) !important;
  border-color: #eadfca !important;
}

/* 3) FOCUS / ACTIVE: remove azul e aplica dourado/bege */
#adfq-root .adfq-panel .adfq-cat__btn:focus,
#adfq-root .adfq-panel .adfq-cat__btn:active,
#adfq-root .adfq-panel .adfq-sec:focus,
#adfq-root .adfq-panel .adfq-sec:active,
#adfq-root .adfq-panel .adfq-panel__toggle:focus,
#adfq-root .adfq-panel .adfq-panel__toggle:active,
#adfq-root .adfq-panel .adfq-acc__toggle:focus,
#adfq-root .adfq-panel .adfq-acc__toggle:active {
  outline: none !important;
  background: linear-gradient(180deg,#fff4dc 0%, #f1e3c7 100%) !important;
  color: var(--ink) !important;
  border-color: var(--gold-2) !important;
  box-shadow: 0 0 0 3px rgba(202,168,107,.25) !important;
}

/* 4) ESTADO ATIVO (classes do tema que pintam de azul) */
#adfq-root .adfq-panel .adfq-cat.is-active .adfq-cat__btn,
#adfq-root .adfq-panel .adfq-sec.is-active,
#adfq-root .adfq-panel .adfq-panel__toggle.is-active,
#adfq-root .adfq-panel .adfq-acc__toggle.is-active,
#adfq-root .adfq-panel .adfq-cat__btn.is-active,
#adfq-root .adfq-panel .adfq-sec.is-selected,
#adfq-root .adfq-panel .adfq-sec.current,
#adfq-root .adfq-panel .adfq-sec.active {
  background: linear-gradient(180deg,#fff4dc 0%, #f1e3c7 100%) !important;
  color: var(--ink) !important;
  border-color: var(--gold-2) !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(202,168,107,.30),
    0 0 0 3px rgba(202,168,107,.18) !important;
}

/* 5) Mata “skins azuis” comuns de temas (btn/primary/element) */
#adfq-root .adfq-panel .adfq-cat__btn.wp-element-button,
#adfq-root .adfq-panel .adfq-sec.wp-element-button,
#adfq-root .adfq-panel .adfq-cat__btn.button,
#adfq-root .adfq-panel .adfq-sec.button,
#adfq-root .adfq-panel .adfq-cat__btn.btn,
#adfq-root .adfq-panel .adfq-sec.btn {
  background: #fff !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
}

/* 6) Ícones/chevrons mantêm dourado no ativo */
#adfq-root .adfq-panel .adfq-cat__btn::before,
#adfq-root .adfq-panel .adfq-sec::before {
  color: var(--gold-3) !important;
}

/* ====== ADFQ: Fix para seta duplicada no título "Categorias" ====== */
/* Alvo: somente dentro do #adfq-root para não afetar o site todo */
#adfq-root .adfq-panel__toggle,
#adfq-root .adfq-acc__toggle{
  position: relative;
}

/* 1) Esconde QUALQUER ícone/chevron vindo do HTML/tema */
#adfq-root .adfq-panel__toggle .adfq-panel__chev,
#adfq-root .adfq-acc__toggle   .adfq-panel__chev,
#adfq-root .adfq-panel__toggle .chevron,
#adfq-root .adfq-acc__toggle   .chevron,
#adfq-root .adfq-panel__toggle .caret,
#adfq-root .adfq-acc__toggle   .caret,
#adfq-root .adfq-panel__toggle .dashicons,
#adfq-root .adfq-acc__toggle   .dashicons,
#adfq-root .adfq-panel__toggle i,
#adfq-root .adfq-acc__toggle   i,
#adfq-root .adfq-panel__toggle svg,
#adfq-root .adfq-acc__toggle   svg,
#adfq-root .adfq-panel__toggle [class*="icon"],
#adfq-root .adfq-acc__toggle   [class*="icon"]{
  display: none !important;
}

/* 2) Remove pseudo-elementos pré-existentes para evitar 2 setas */
#adfq-root .adfq-panel__toggle::before,
#adfq-root .adfq-acc__toggle::before{
  content: none !important;
}

/* 3) Mantém SOMENTE a nossa seta via ::after */
#adfq-root .adfq-panel__toggle::after,
#adfq-root .adfq-acc__toggle::after{
  content: "▾";
  font-size: 20px;
  color: var(--gold-3, #b48b4f);
  margin-left: 6px;
  transform: translateY(1px);
  transition: transform .25s ease;
}

/* 4) Quando o acordeão estiver aberto, gira a seta (opcional) */
#adfq-root .adfq-acc.is-open  .adfq-acc__toggle::after,
#adfq-root .adfq-panel.is-open .adfq-panel__toggle::after{
  transform: rotate(180deg);
}

/* ===== FIX DEFINITIVO: um único ícone no título "Categorias" ===== */
#adfq-root .adfq-panel__toggle,
#adfq-root .adfq-acc__toggle { position: relative; }

/* 1) Some com QUALQUER ícone vindo do HTML/tema */
#adfq-root .adfq-panel__toggle .adfq-panel__chev,
#adfq-root .adfq-acc__toggle   .adfq-panel__chev {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  color: transparent !important;
}

/* 2) Zera pseudo anterior, se existir */
#adfq-root .adfq-panel__toggle::before,
#adfq-root .adfq-acc__toggle::before { content: none !important; }

/* 3) ÚNICA seta controlada por aria-expanded */
#adfq-root .adfq-panel__toggle::after,
#adfq-root .adfq-acc__toggle::after {
  content: "▸";
  font-size: 1.3em;
  color: var(--gold-3, #b48b4f);
  margin-left: 6px;
  transform: translateY(1px);
  transition: transform .25s ease;
}
#adfq-root .adfq-panel__toggle[aria-expanded="true"]::after,
#adfq-root .adfq-acc__toggle[aria-expanded="true"]::after {
  content: "▾";
}

/* ===== FIX: chevron das CATEGORIAS (botão de cada categoria) ===== */
#adfq-root .adfq-cat__btn::before {
  content: "▸";
  color: var(--gold-3, #b48b4f);
  font-weight: 700;
  font-size: 16px;
  transform: translateY(1px);
}
#adfq-root .adfq-cat__btn[aria-expanded="true"]::before,
#adfq-root .adfq-cat.is-open .adfq-cat__btn::before {
  content: "▾";
}

/* Não mostre seta alguma no contêiner das subcategorias */
#adfq-root .adfq-cat__secs::before { content: none !important; }

/* ==========================================
   Recuo visual interno sem avançar a borda
   ========================================== */
#adfq-root .adfq-cat__secs .adfq-sec {
  padding-left: 16px !important;    /* espaço interno confortável */
  margin-left: 0 !important;        /* impede avanço da borda */
  position: relative;
}

/* desloca só o texto e o ícone interno, não a borda */
#adfq-root .adfq-sec::before {
  position: absolute;
  left: 35px;                       /* controla posição da setinha */
  top: 50%;
  transform: translateY(-50%);
}

/* adiciona um recuo interno para o texto sem empurrar a borda */
#adfq-root .adfq-sec span,
#adfq-root .adfq-sec .adfq-sec__name {
  padding-left: 37px;               /* texto recuado */
  display: inline-block;
}

/* ===== Header do card de questão ===== */
.adfq-head{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  padding:14px 16px 12px;
  border-radius:14px;
  background:linear-gradient(180deg, var(--panel) 0%, #fffaf1 100%);
  box-shadow: 0 1px 0 rgba(0,0,0,.02) inset;
  position:relative;
}

/* barra dourada suave na base do header */
.adfq-head::after{
  content:"";
  display:block;
  height:4px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent 0%, var(--gold-2) 40%, var(--gold) 60%, transparent 100%);
  opacity:.55;
}


/* pílulas de meta (nível, revisão, progresso) */
.adfq-head__meta{ gap:.4rem; }

.adfq-pill{
  display:inline-flex;
  align-items:center;
  padding:2px 10px;
  border-radius:999px;
  font-size:.88rem;
  line-height:1.2;
  border:1px solid var(--line);
  background:rgba(31,42,55,.03);
  color:var(--ink-2);
}
.adfq-pill--level{
  font-weight:600;
  border-color:var(--gold-2);
  background:linear-gradient(180deg, rgba(217,189,139,.18), rgba(217,189,139,.10));
  color:var(--ink);
}
.adfq-pill--ghost{
  background:rgba(31,42,55,.03);
}

/* responsivo: comprimido em telas estreitas */
@media (max-width:640px){
  .adfq-head{ padding:12px 12px 10px; border-radius:12px; }
  .adfq-pill, .adfq-crumb{ padding:2px 8px; font-size:.86rem; }
}

#adfq-start-over[disabled]{
  opacity:.6;
  cursor:not-allowed;
  pointer-events:auto; /* permite hover/tooltip */
}
.adfq-hidden { opacity: 0; }
.adfq-ready  { opacity: 1; transition: opacity .2s ease-in-out; }

/* ===== Mobile: layout dos botões "Voltar" e "Próxima" após responder ===== */
@media (max-width: 768px){
  /* Linha de ações sempre em uma linha, sem quebrar */
  .adfq-card__footer .adfq-actions{
    display:flex;
    flex-wrap:nowrap;        /* mantém na mesma linha */
    align-items:stretch;     /* alturas iguais */
    gap:12px;
  }

  /* Wrapper do botão "Próxima" vira flex e centraliza o botão */
  .adfq-card__footer .adfq-actions__right{
    flex:1 1 auto;           /* ocupa o restante da linha */
    display:flex;
    justify-content:center;  /* centraliza o "Próxima" */
  }

  /* "Próxima" maior e centralizado */
  #adfq-next{
    flex:1 1 70%;            /* largura maior */
    max-width: 320px;        /* opcional: limita exageros */
    min-height:48px;         /* garante mesma altura */
    padding:14px 18px;       /* deixa mais robusto */
    font-size:1.05rem;       /* levemente maior */
  }

  /* "Voltar" com a mesma altura do "Próxima", na 1ª linha */
  #adfq-back{
    flex:0 0 30%;            /* largura menor, mas na mesma linha */
    min-height:48px;         /* mesma altura do próximo */
    padding:14px 12px;
  }

  /* Só por segurança: todos os botões da barra */
  .adfq-card__footer .adfq-actions .adfq-btn{
    white-space:nowrap;
  }
}

/* ===== Botões "Pular" e "Responder" 50% cada ===== */
@media (max-width: 768px){
  .adfq-card__footer .adfq-actions__right{
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }

  /* ambos ocupam 50% do espaço */
  #adfq-skip,
  #adfq-send{
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 52px;
    font-size: 1.05rem;
    font-weight: 500;
    border-radius: 8px;
  }

}

.adfq-order__controls button {
  color: var(--gold-2);
}
.adfq-order__controls button:hover {
  color: var(--gold);
}

.adfq-statusline{display:flex;gap:.5rem;align-items:center;margin:.5rem 0 .25rem}
.adfq-pill{background:var(--line);border-radius:999px;padding:.15rem .5rem;font-weight:600;color:#374151}
.adfq-counter{background:#f3f4f6;border-radius:999px;padding:.15rem .5rem;font-weight:600;color:#6b7280}
.adfq-kind{display:inline-block;border-radius:999px;padding:.15rem .5rem;font-weight:700}
.adfq-kind.is-review{background:#fde68a;color:#7c5a00}