/* ============================
  Fixes rodapé Mente Acima
  Cole no style.css do tema‑filho
   ============================ */

/* --- Garantir título uniforme (remove glifos extras) --- */
#ma-footer .ma-title {
  font-size: 19px !important;
  font-weight: 700;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
}

/* remove imagens ou glifos não FontAwesome dentro do título */
#ma-footer .ma-title img,
#ma-footer .ma-title .extra-icon {
  display: none !important;
}

/* --- Loja — remover ícone carrinho no mobile --- */
@media (max-width: 768px) {
  .ma-loja .ma-title i { display: none !important; } /* oculta o ícone no mobile apenas para loja */
}

/* --- LOJA: garantir todas as categorias visíveis e texto preto --- */
.ma-loja-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.ma-loja-columns a {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  color: #000 !important;         /* cor preta pedida */
  text-decoration: none;
}

/* --- DICAS DE LEITURA: grid 2 por linha --- */
/* desktop e tablet: 2 por linha; mobile 2 por linha também */
.ma-books-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* força 2 por linha */
  gap: 18px;
  align-items: start;
}

/* book layout: capa + título + botão (botão abaixo do título) */
.book {
  display: block;
  background: transparent;
  padding: 6px;
  border-radius: 6px;
}
.book img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}
.book-title-link {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #000 !important; /* títulos em preto */
  text-decoration: none;
  text-align: left;
}

/* Amazon agora como botão (visível, estilo consistente) */
.book-buy {
  display: inline-block;
  margin-top: 8px;
  padding: 8px 10px;
  background: #ff9900;
  color: #000 !important;
  font-weight: 700;
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
}
.book-buy:hover {
  background:#e68a00;
}

/* força o botão a permanecer abaixo do título e capa */
.book .book-controls {
  margin-top: 6px;
}

/* garantir que o coração não fique itálico no mobile */
.ma-dicas-footer {
  margin-top: 12px;
  font-size: 14px;
  opacity: .9;
  font-style: normal !important; /* neutraliza <em> se houver */
}
.ma-dicas-footer .heart { font-style: normal !important; }

/* --- GLOBO / SUBTÍTULO --- */
.ma-globe-subtitle {
  font-size: 13px;
  margin-top: 6px; /* aproxima do título */
  margin-bottom: 12px;
  color: #444;
  display:block;
}

/* força o título do globo a ter mesma aparência (remove globo colorido não desejado) */
.ma-globe .ma-title i { color: inherit !important; }
.ma-globe .ma-title img { display:none !important; }

/* --- CONTAINER DO GLOBO --- */
#ma-globe-canvas {
  width: 100%;
  height: 320px;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

/* --- BANDEIRAS: 2 colunas, nome em 10px --- */
.ma-flags-2cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
}
.ma-flags-2cols .flag-item {
  display:flex;
  align-items:center;
  gap:8px;
}
.ma-flags-2cols .flag-item img {
  width:22px;
  height:16px;
  object-fit:cover;
  border-radius:3px;
}
.ma-flags-2cols .flag-item span {
  font-size:10px !important;
  font-weight:600;
  margin-left:6px;
  text-transform:uppercase;
  color:#222;
}

/* --- BARRA INFERIOR --- */
.ma-bottom { text-align:center; background:#000; padding:32px 20px; }
.ma-footer-logo { width:90px; margin-bottom:14px; display:block; margin-left:auto; margin-right:auto; }

/* social icons X e Threads em #666 */
.ma-socials a { color:#666 !important; }
.ma-socials a:hover { color:#999 !important; }

/* copyright in gray */
.ma-links, .ma-copy { color:#666 !important; }

/* remove blocos AdSense: se existirem identifica por class comum, esconder */
footer .adsbygoogle, #ma-ads-footer, .ma-ads { display:none !important; }

/* --- Responsividade específica --- */
@media (max-width: 840px) {
  .ma-grid-3 { grid-template-columns: 1fr; gap: 30px; }
  .ma-books-grid { grid-template-columns: repeat(2,1fr); }
  .ma-globe-wrap { max-width: 70% !important; margin:auto; }
  /* bandeiras ficam abaixo do globo no mobile: */
  .ma-globe-flags-grid-2 { display: block; }
  .ma-flags-col { margin-top: 12px; }
}

/* small screens */
@media (max-width:520px) {
  .book img { width: 58px; }
  .ma-globe-subtitle { font-size:12px; margin-top:4px; }
}

/* ensure no extra white-space in titles */
#ma-footer .ma-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
