/* ============================================================
   TopL2 Dark Footer CSS (v1.0.7)
   - Visual dark premium, compacto
   - Destaque principal no countdown (Reset) com #a58348
   - TOPLIST discreto
   ============================================================ */

.topl2f{
  --t-bg:#0d1117;
  --t-card:#0f1621;
  --t-border:rgba(255,255,255,.08);
  --t-text:rgba(255,255,255,.86);
  --t-dim:rgba(255,255,255,.68);
  --t-dim2:rgba(255,255,255,.55);
  --t-gold:#a58348;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
  color:var(--t-text);
  background:linear-gradient(180deg, rgba(165,131,72,.05), rgba(0,0,0,0)), var(--t-bg);
  border-top:1px solid var(--t-border);
}

.topl2f__wrap{max-width:1200px;margin:0 auto;padding:18px 16px;}

.topl2f__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.topl2f__brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--t-text);
}

.topl2f__dot{
  width:10px;height:10px;border-radius:999px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(165,131,72,.9));
  box-shadow:0 0 18px rgba(165,131,72,.20);
}

.topl2f__name{font-weight:800;letter-spacing:.2px;}

.topl2f__tag{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.52); /* discreto */
  border:1px solid rgba(255,255,255,.10);
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.02);
}

.topl2f__right{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.topl2f__links{display:inline-flex;gap:12px;flex-wrap:wrap;}

.topl2f__link{
  color:var(--t-dim);
  text-decoration:none;
  font-size:13px;
  line-height:1.2;
  padding:6px 8px;
  border-radius:10px;
  border:1px solid transparent;
  transition:.15s ease;
}

.topl2f__link:hover{color:var(--t-text);border-color:var(--t-border);background:rgba(255,255,255,.03);}

/* ============================================================
   Countdown (DESTAQUE)
   ============================================================ */
.topl2f__countdown{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:12px;
  border:1px solid rgba(165,131,72,.35);
  background:linear-gradient(180deg, rgba(165,131,72,.12), rgba(165,131,72,.06));
  color:rgba(255,255,255,.92);
  white-space:nowrap;
}

.topl2f__countdownLabel{
  font-size:12px;
  color:rgba(255,255,255,.78);
  font-weight:700;
}

.topl2f__countdownValue{
  font-size:12px;
  font-weight:900;
  color:var(--t-gold);
  text-shadow:0 0 14px rgba(165,131,72,.18);
}

.topl2f__grid{
  border:1px solid var(--t-border);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border-radius:14px;
  overflow:hidden;
}

.topl2f__content{padding:12px 14px;}

.topl2f__row{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:12px;
  align-items:start;
}

.topl2f__title{margin:0 0 6px;font-size:16px;line-height:1.3;font-weight:800;}
.topl2f__text{margin:0;font-size:13px;line-height:1.55;color:var(--t-dim);}

.topl2f__meta{display:grid;gap:8px;}

.topl2f__kv{
  padding:10px 10px;
  border-radius:12px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.06);
}

.topl2f__k{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--t-dim2);
  margin-bottom:4px;
}

.topl2f__v{display:block;font-size:12px;line-height:1.45;color:var(--t-text);}

.topl2f__details{
  margin-top:10px;
  border-top:1px solid var(--t-border);
  padding-top:8px;
}

.topl2f__summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  user-select:none;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.05);
}

.topl2f__summary::-webkit-details-marker{display:none;}

.topl2f__summaryText{font-size:13px;font-weight:700;color:var(--t-text);}

.topl2f__chev{
  width:10px;height:10px;
  border-right:2px solid rgba(255,255,255,.6);
  border-bottom:2px solid rgba(255,255,255,.6);
  transform:rotate(45deg);
  transition:transform .18s ease;
}
details[open] .topl2f__chev{transform:rotate(225deg);}

.topl2f__detailsBody{padding:10px 6px 0;}

.topl2f__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-top:1px solid var(--t-border);
  background:rgba(0,0,0,.18);
}

.topl2f__bottomLeft{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.topl2f__muted{font-size:12px;color:var(--t-dim2);}
.topl2f__dotSep{color:rgba(255,255,255,.28);font-size:12px;}

.topl2f__link--subtle{font-size:12px;color:rgba(255,255,255,.52);padding:6px 10px;}
.topl2f__link--subtle:hover{color:rgba(255,255,255,.86);}

@media (max-width: 860px){
  .topl2f__row{grid-template-columns:1fr;}
  .topl2f__top{flex-direction:column;align-items:flex-start;}
  .topl2f__right{justify-content:flex-start;}
  .topl2f__countdown{white-space:normal;}
  .topl2f__bottom{flex-direction:column;align-items:flex-start;}
}