/* 
 * CT Related Posts - Ads Styles
 * This file contains all advertisement-related styles
 */

/* --- ESTILOS PARA O CARTÃO DE ANÚNCIO --- */
.ct-ad-item {
  width: 100%;
  min-height: 280px; /* Garante um espaço mínimo para os anúncios mais comuns (ex: 300x250) e evita pulos no layout. */
  max-height: 476px; /* A sua regra de design! Impede que qualquer anúncio ultrapasse essa altura, protegendo seu layout. */
  display: flex;
  justify-content: center; 
  align-items: center;
  padding: 0;
  border: 1px solid #f0f0f0;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden; 
}

.ct-ad-item:hover {
  transform: none;
  box-shadow: none;
}

.ct-ad-item > * {
  width: 100%;
  height: 100%;
}

/* --- Estilos do Spinner e Media Queries --- */
/* ... (o seu código do spinner permanece o mesmo) ... */

@media (max-width: 768px) {
  .ct-related-grid-wrapper {
      width: auto;
      position: static;
      margin-left: 0;
      margin-right: 0;
      padding: 20px 15px;
  }

  /* Em mobile, deixa o grid ser flexível */
  .ct-related-grid {
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  
  .ct-related-item, .ct-ad-item {
      width: 100%; /* Ocupa 100% da coluna do grid em mobile */
  }
}