/* ========================================================================== 
   TERREIRO CAPOEIRA ANGOLA — SITE V7.4
   Correções de contraste dos CTAs + ferramentas editoriais do Blog.
   Esta camada é deliberadamente pequena e carrega depois da V7.3.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CTAs SECUNDÁRIOS CRÍTICOS
   Não dependem do tema nem da antiga classe .ghost. O contraste é explícito.
   -------------------------------------------------------------------------- */
.sport-btn.secondary-contrast,
.sport-btn.secondary-contrast:link,
.sport-btn.secondary-contrast:visited{
  background:#f7f7f3!important;
  border-color:#f7f7f3!important;
  color:#080809!important;
  -webkit-text-fill-color:#080809!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18)!important;
}
.sport-btn.secondary-contrast i{
  color:#080809!important;
  -webkit-text-fill-color:#080809!important;
}
.sport-btn.secondary-contrast:hover,
.sport-btn.secondary-contrast:focus-visible{
  background:var(--angola-red)!important;
  border-color:var(--angola-red)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:translateY(-3px);
}
.sport-btn.secondary-contrast:hover i,
.sport-btn.secondary-contrast:focus-visible i{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* O segundo botão do slideshow e o CTA “Ver núcleos” permanecem visíveis
   mesmo se alguma camada antiga alterar cores do tema. */
html[data-theme="light"] .sport-hero .sport-btn.secondary-contrast,
html[data-theme="dark"] .sport-hero .sport-btn.secondary-contrast,
html[data-theme="light"] .sport-join-strip .sport-btn.secondary-contrast,
html[data-theme="dark"] .sport-join-strip .sport-btn.secondary-contrast{
  background:#f7f7f3!important;
  border-color:#f7f7f3!important;
  color:#080809!important;
  -webkit-text-fill-color:#080809!important;
}
html[data-theme="light"] .sport-hero .sport-btn.secondary-contrast:hover,
html[data-theme="dark"] .sport-hero .sport-btn.secondary-contrast:hover,
html[data-theme="light"] .sport-join-strip .sport-btn.secondary-contrast:hover,
html[data-theme="dark"] .sport-join-strip .sport-btn.secondary-contrast:hover,
html[data-theme="light"] .sport-hero .sport-btn.secondary-contrast:focus-visible,
html[data-theme="dark"] .sport-hero .sport-btn.secondary-contrast:focus-visible,
html[data-theme="light"] .sport-join-strip .sport-btn.secondary-contrast:focus-visible,
html[data-theme="dark"] .sport-join-strip .sport-btn.secondary-contrast:focus-visible{
  background:var(--angola-red)!important;
  border-color:var(--angola-red)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Proteção extra para os CTAs antigos que ainda usem .ghost em fundos escuros. */
.sport-hero .sport-btn.ghost,
.sport-join-strip .sport-btn.ghost,
.sport-dark-feature .sport-btn.ghost{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.78)!important;
  background:rgba(8,8,9,.78)!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

/* --------------------------------------------------------------------------
   2. BLOG — BARRA DE LEITURA, ACESSIBILIDADE E PARTILHA
   -------------------------------------------------------------------------- */
.sport-article-toolbar-section{
  position:relative;
  z-index:6;
  background:#0b0b0c;
  border-top:3px solid var(--angola-red);
  border-bottom:1px solid #303033;
}
.sport-article-toolbar{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px 28px;
  padding:14px 0;
  color:#fff;
}
.sport-reader-tools,
.sport-text-tools,
.sport-share-tools{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.sport-share-tools{margin-left:auto}
.sport-tool-label{
  margin-right:4px;
  color:var(--angola-yellow);
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
}
.sport-tool-button,
a.sport-tool-button{
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border:1px solid #48484c;
  background:#161618;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:inherit;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.sport-tool-button i{color:var(--angola-yellow);-webkit-text-fill-color:var(--angola-yellow)}
.sport-tool-button:hover,
.sport-tool-button:focus-visible{
  background:#242427;
  border-color:var(--angola-yellow);
  color:var(--angola-yellow)!important;
  -webkit-text-fill-color:var(--angola-yellow)!important;
  outline:none;
  transform:translateY(-2px);
}
.sport-tool-button:hover i,
.sport-tool-button:focus-visible i{color:var(--angola-yellow);-webkit-text-fill-color:var(--angola-yellow)}
.sport-tool-button[disabled]{opacity:.4;cursor:not-allowed;transform:none!important}
.sport-tool-button[aria-pressed="true"]{
  background:var(--angola-yellow);
  border-color:var(--angola-yellow);
  color:#09090a!important;
  -webkit-text-fill-color:#09090a!important;
}
.sport-tool-button[aria-pressed="true"] i{color:#09090a;-webkit-text-fill-color:#09090a}
.sport-font-button{font-size:14px;font-weight:950}
.sport-font-reset{min-width:56px}
.sport-social-button{width:44px;padding:0}
.sport-reading-status{
  max-width:170px;
  color:#c9c9c5;
  font-size:10px;
  line-height:1.35;
}

/* O tamanho do texto do artigo é controlado de forma local e acessível. */
.sport-article-body{
  --article-reading-size:18px;
  font-size:var(--article-reading-size)!important;
  transition:font-size .18s ease;
}
.sport-article-body.is-reading{
  border-left:3px solid var(--angola-yellow);
  padding-left:24px;
}

/* Estado Light: a barra continua deliberadamente escura, para manter os
   controlos sempre reconhecíveis em ambos os temas. */
html[data-theme="light"] .sport-article-toolbar-section,
html[data-theme="dark"] .sport-article-toolbar-section{background:#0b0b0c!important;color:#fff!important}

/* --------------------------------------------------------------------------
   3. BLOG — PARTILHA RÁPIDA NOS CARTÕES
   -------------------------------------------------------------------------- */
.sport-blog-card-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
  padding-top:14px;
  border-top:1px solid var(--sport-line);
}
.sport-blog-card-actions .sport-blog-read{margin-top:0}
.sport-blog-share{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 11px;
  border:1px solid var(--sport-line);
  background:transparent;
  color:var(--sport-title);
  font:inherit;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
  transition:.2s ease;
}
.sport-blog-share i{color:var(--angola-red)}
.sport-blog-share:hover,
.sport-blog-share:focus-visible{
  background:#0b0b0c;
  border-color:#0b0b0c;
  color:#fff;
  outline:none;
}
.sport-blog-share:hover i,
.sport-blog-share:focus-visible i{color:var(--angola-yellow)}
html[data-theme="dark"] .sport-blog-share{
  border-color:#444448;
  color:#fff;
}
html[data-theme="dark"] .sport-blog-share:hover,
html[data-theme="dark"] .sport-blog-share:focus-visible{
  border-color:var(--angola-yellow);
  color:var(--angola-yellow);
}

/* Feedback discreto para ações como “ligação copiada”. */
.sport-tool-toast{
  position:fixed;
  z-index:6500;
  right:18px;
  bottom:18px;
  max-width:min(360px,calc(100vw - 36px));
  padding:13px 16px;
  border-left:4px solid var(--angola-yellow);
  background:#0b0b0c;
  color:#fff;
  box-shadow:0 18px 55px rgba(0,0,0,.32);
  font-size:12px;
  font-weight:750;
  transform:translateY(14px);
  opacity:0;
  transition:.22s ease;
}
.sport-tool-toast.show{transform:translateY(0);opacity:1}

/* --------------------------------------------------------------------------
   4. RESPONSIVO / MOBILE FIRST PARA AS NOVAS FERRAMENTAS
   -------------------------------------------------------------------------- */
@media(max-width:980px){
  .sport-article-toolbar{align-items:flex-start;flex-wrap:wrap;padding:16px 0}
  .sport-share-tools{margin-left:0}
}
@media(max-width:700px){
  .sport-article-toolbar-section{position:relative}
  .sport-article-toolbar{display:grid;grid-template-columns:1fr;gap:11px;padding:14px 0}
  .sport-reader-tools,.sport-text-tools,.sport-share-tools{
    width:100%;
    flex-wrap:wrap;
    padding-bottom:10px;
    border-bottom:1px solid #29292c;
  }
  .sport-share-tools{border-bottom:0;padding-bottom:0}
  .sport-tool-label{width:100%;margin:0 0 2px}
  .sport-reader-tools .sport-tool-button{flex:1}
  .sport-reading-status{width:100%;max-width:none;min-height:14px}
  .sport-text-tools .sport-tool-button{flex:1}
  .sport-share-native{flex:1}
  .sport-blog-card-actions{align-items:stretch;flex-direction:column}
  .sport-blog-share{justify-content:center;min-height:44px}
  .sport-blog-card-actions .sport-blog-read{min-height:44px;justify-content:center;border:1px solid var(--sport-line)}
}
@media(max-width:520px){
  .sport-hero .sport-actions .sport-btn.secondary-contrast,
  .sport-join-strip .sport-actions .sport-btn.secondary-contrast{width:100%!important}
  .sport-social-button{flex:1;width:auto}
}

@media(prefers-reduced-motion:reduce){
  .sport-tool-button,.sport-blog-share,.sport-tool-toast,.sport-article-body{transition:none!important}
}