/*
Theme Name: Força Vôlei Child
Theme URI: https://forcajovem.com.br/
Template: theme-forca-jovem
Author: Força Vôlei Team
Author URI: https://forcavolei.com.br/
Description: Tema filho personalizado para o Força Vôlei - customizações sem alterar o tema principal
Version: 1.0.0
*/

/* ========================================
   RODAPÉ - PATROCINADORES E REALIZAÇÃO
   ======================================== */

.s-rodape-patrocinadores {
  background-color: #ffffff;
  padding: 60px 20px 40px;
  margin-top: 40px;
  width: 100%;
  box-sizing: border-box;
}

.rodape-secao {
  max-width: 1200px;
  margin: 0 auto 50px;
  text-align: center;
}

.rodape-secao:last-child {
  margin-bottom: 30px;
}

/* TÍTULOS DAS SEÇÕES */
.rodape-titulo {
  color: #1a3a8a;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 35px;
  letter-spacing: 2px;
  font-family: 'Montserrat', sans-serif;
}

/* GRID DE LOGOS */
.rodape-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px 60px;
  margin-bottom: 30px;
}

.rodape-grid:last-child {
  margin-bottom: 0;
}

/* CARD DE CADA LOGO */
.rodape-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rodape-logo-item img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  filter: grayscale(0%);
  transition: opacity 0.3s ease;
}

.rodape-logo-item:hover img {
  opacity: 0.8;
}

/* TAMANHOS DIFERENCIADOS */
.rodape-logo-maior img {
  max-height: 100px;
  max-width: 220px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.rodape-logo-maior {
  flex: 0 0 auto;
}

.rodape-logo-menor img {
  max-height: 70px;
  max-width: 160px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.rodape-logo-menor {
  flex: 0 0 auto;
}

.rodape-logo-realizacao img {
  max-height: 90px;
  max-width: 200px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.rodape-logo-realizacao {
  flex: 0 0 auto;
}

/* ========================================
   RODAPÉ FINAL - LOGO E COPYRIGHT (HORIZONTAL)
   Especificidade aumentada para sobrescrever tema pai
   ======================================== */

.s-gestao .copy {
  border-top: 2px solid #e0e0e0 !important;
  padding: 30px 20px 25px !important;
  background-color: #ffffff !important;
  margin-top: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 30px !important;
  flex-wrap: wrap !important;
  text-align: left !important;
}

.s-gestao .copy .copy-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.s-gestao .copy .copy-logo img {
  max-height: 70px !important;
  width: auto !important;
  display: block !important;
}

.s-gestao .copy .copy-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.s-gestao .copy p {
  color: #555555 !important;
  font-size: 14px !important;
  margin: 0 0 6px !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 0.3px !important;
  text-align: left !important;
}

.s-gestao .copy a {
  color: #777777 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  text-align: left !important;
  transition: color 0.3s ease;
}

.s-gestao .copy a:hover {
  color: #1a3a8a !important;
}

.s-gestao .copy a img {
  height: 12px !important;
  width: auto !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

/* ========================================
   RESPONSIVO - TABLETS (até 1024px)
   ======================================== */

@media (max-width: 1024px) {
  .rodape-titulo {
    font-size: 24px;
  }
  
  .rodape-grid {
    gap: 30px 40px;
  }
  
  .rodape-logo-maior img {
    max-height: 80px;
  }
  
  .rodape-logo-menor img {
    max-height: 60px;
  }
  
  .rodape-logo-realizacao img {
    max-height: 75px;
  }
}

/* ========================================
   RESPONSIVO - MOBILE (até 768px)
   ======================================== */

@media (max-width: 768px) {
  .s-rodape-patrocinadores {
    padding: 40px 15px 30px;
  }
  
  .rodape-titulo {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 25px;
  }
  
  .rodape-secao {
    margin-bottom: 35px;
  }
  
  .rodape-grid {
    gap: 25px 30px;
  }
  
  .rodape-logo-maior img {
    max-height: 60px;
  }
  
  .rodape-logo-menor img {
    max-height: 45px;
  }
  
  .rodape-logo-realizacao img {
    max-height: 55px;
  }
  
  .s-gestao .copy {
    flex-direction: column !important;
    text-align: center !important;
    padding: 25px 15px 20px !important;
    gap: 15px !important;
  }
  
  .s-gestao .copy .copy-logo img {
    max-height: 55px !important;
  }
  
  .s-gestao .copy .copy-text {
    align-items: center !important;
    text-align: center !important;
  }
  
  .s-gestao .copy p {
    font-size: 13px !important;
    text-align: center !important;
  }
  
  .s-gestao .copy a {
    font-size: 11px !important;
  }
}

/* ========================================
   RESPONSIVO - MOBILE PEQUENO (até 480px)
   ======================================== */

@media (max-width: 480px) {
  .rodape-grid {
    gap: 20px 25px;
  }
  
  .rodape-logo-maior img {
    max-height: 50px;
  }
  
  .rodape-logo-menor img {
    max-height: 40px;
  }
  
  .rodape-logo-realizacao img {
    max-height: 45px;
  }
}
/* ========================================
   SEÇÃO DE APOIADORES DO TOPO - VAZIA
   Esconde quando não tem logos cadastrados
   ======================================== */

.s-apoiadores .right ul:empty {
  display: none !important;
}

.s-apoiadores:has(ul:empty) {
  display: none !important;
}
/* ========================================
   FAIXA GOVERNO - LEI INCENTIVO + MINISTÉRIO + GOVERNO
   ======================================== */

.s-faixa-governo {
  background-color: #ffffff !important;
  padding: 40px 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.faixa-governo-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  flex-wrap: nowrap;
}

.faixa-governo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
}

.faixa-governo-lei img {
  max-height: 130px;
  width: auto;
  display: block;
}

.faixa-governo-ministerio img {
  max-height: 130px;
  width: auto;
  display: block;
}

.faixa-governo-divisor {
  width: 2px;
  height: 100px;
  background-color: #cccccc;
  flex-shrink: 0;
}

/* RESPONSIVO TABLET */
@media (max-width: 1024px) {
  .faixa-governo-container {
    gap: 30px;
  }
  
  .faixa-governo-lei img,
  .faixa-governo-ministerio img {
    max-height: 100px;
  }
  
  .faixa-governo-divisor {
    height: 80px;
  }
}

/* RESPONSIVO MOBILE */
@media (max-width: 768px) {
  .s-faixa-governo {
    padding: 30px 15px !important;
  }
  
  .faixa-governo-container {
    flex-direction: column;
    gap: 25px;
  }
  
  .faixa-governo-lei img,
  .faixa-governo-ministerio img {
    max-height: 80px;
  }
  
  .faixa-governo-divisor {
    width: 80%;
    height: 1px;
  }
}
/* ========================================
   ESCONDER SEÇÃO DE APOIADORES (TOPO) VAZIA
   Já temos a faixa do governo no lugar
   ======================================== */

.s-apoiadores {
  display: none !important;
}