/* Estilos movidos de index.php */

/* Carrossel importado (admin-carousel) */
#admin-carousel {
  position: relative;
  overflow: hidden;
  border: 1px solid #CED4DA;
  border-radius: 8px;
  background: #000000;
}
#admin-carousel .admin-carousel-inner {
  display: flex;
  transition: transform 500ms ease;
  will-change: transform;
}
#admin-carousel .admin-carousel-slide { min-width: 100%; }
#admin-carousel .admin-slide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  padding: 12px;
}
#admin-carousel .admin-slide-grid img {
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: 4px;
  /* Garantir que não haja filtros visuais aplicados às imagens */
  filter: none !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}
#admin-carousel .admin-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  padding: 10px 12px;
  border-radius: 999px;
  cursor: pointer;
}
#admin-prev-btn { left: 12px; }
#admin-next-btn { right: 12px; }
#admin-carousel .admin-carousel-btn:hover { background: rgba(0, 0, 0, 0.75); }

/* Responsividade melhorada */
@media (max-width: 768px) {
  #admin-carousel .admin-slide-grid { 
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); 
  }
  
  /* Ajustes para redes sociais em mobile */
  #socialmedia_sticky {
    display: none !important;
  }
  
  /* Ajustes do carrossel principal */
  #carousel {
    margin: 0 10px;
  }
  
  /* Grid responsivo para notícias */
  .grid.md\\:grid-cols-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem;
  }
  
  /* Ajustes do clima */
  .weather-widget {
    height: 300px !important;
  }
  
  /* Header responsivo para telas pequenas */
  #page-header {
    position: fixed !important;
    top: 88px !important; /* Player (56px) + mídia social compacta (~32px) */
    width: 100% !important;
    z-index: 40 !important;
  }
  
  /* Conteúdo principal responsivo */
  #spa-content {
    padding-top: 0 !important; /* Removido: não há player/header fixos acima */
  }
  /* Zerar topo em todas as seções principais (mobile) */
  #spa-content > section {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Carrossel colado no topo em mobile */
  .carousel-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 480px) {
  /* Ajustes para telas muito pequenas */
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  /* Player responsivo */
  #radio-player {
    padding: 0.5rem;
  }
  
  /* Carrossel menor em mobile */
  #carousel img {
    height: 200px !important;
  }
  
  /* Notícias em coluna única */
  .flex.items-start {
    flex-direction: column;
  }
  
  .w-40.h-28 {
    width: 100% !important;
    height: 150px !important;
    margin-bottom: 1rem;
  }
  
  /* Header consistente em telas pequenas */
  #page-header {
    top: 88px !important; /* Player (56px) + mídia social compacta (~32px) */
    padding: 0.5rem 1rem !important; /* Header mais compacto */
  }
  
  /* Conteúdo principal compacto em telas pequenas */
  #spa-content {
    padding-top: 0 !important; /* Removido espaço superior para aproximar o carrossel do topo */
  }
  /* Zerar topo em todas as seções principais (telas muito pequenas) */
  #spa-content > section {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Carrossel colado no topo em telas muito pequenas */
  .carousel-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  
  #page-header nav {
    padding: 0.75rem 1rem !important;
  }
  
  #page-header h1 {
    font-size: 1.25rem !important;
  }
  
  #page-header i {
    font-size: 1.5rem !important;
  }
}

/* Ajustes específicos da página index.php aqui vai o player*/
#page-header { margin-top: 0px; }
.weather-widget {
  border: 1px solid #10658E;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
/* Utilitários de aspect ratio para imagens de programas */
/* Removidos utilitários de aspect ratio e slot de imagem não utilizados */