/*****************************************************************
 * BBCODES CSS Stylesheet. You can add any CSS selectors here for bbcodes after the comment line. 
 * They will be given the highest priority on any elements on the forum
 * 
 * **************************************************************
 *
 * 
 * 
 * **************************************************************
 *****************************************************************/
/* --- BASE E LAYOUT DE PÁGINA --- */

/* CONTAINER DE GRID RESTAURADO: lista-filmes */
.lista-filmes {
    display: grid;
    /* Grid responsivo: cards de no mínimo 250px */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 
    gap: 30px;
    justify-content: center;
    /* Padding para afastar o grid das bordas da tela */
    padding: 30px; 
}


/* --- CLASSES DE COR UTILITÁRIAS (DRY) --- */
.cor-vermelha { background-color: #e50914; } 
.cor-azul { background-color: #2196F3; } 
.cor-cinza { background-color: #757575; } 
.cor-laranja { background-color: #ff9800; } 
.cor-verde { background-color: #4caf50; } 


/* --- CARD PRINCIPAL E HOVER --- */
.movie-card {
    width: 250px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    overflow: hidden; 
    transition: all 0.4s ease-in-out; 
    background-color: #1a1a1a;
    border: 1px solid #222; 
    justify-self: center; 
}

/* EFEITO HOVER: Eleva o CARD INTEIRO */
.movie-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(229, 9, 20, 0.5);
    border-color: #e50914; 
}

/* --- ÁREA DA CAPA E TAGS DE STATUS --- */
.poster {
    position: relative;
    height: 350px; 
    /* CHAVE DO ESPAÇAMENTO: O status tag ocupa este padding */
    padding-top: 30px; 
    box-sizing: border-box; 
}

.poster img {
    width: 100%;
    height: 100%; 
    object-fit: cover; 
    display: block;
    transition: none;
}

/* Camada de sobreposição */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none; 
}

/* ESTILO BASE DA TAG DE STATUS (FAIXA 100% COM RESPIRO) */
.status-tag {
    position: absolute;
    top: 0; /* Colado no topo do container, ocupando o padding-top */
    left: 0;
    width: 100%; /* Ocupa a largura total */
    text-align: center; 
    z-index: 10;
    
    color: white;
    padding: 7px 0; 
    
    border-radius: 0; 
    
    font-weight: 700;
    font-size: 1em;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); 
    text-transform: uppercase; 
}

/* --- INFORMAÇÕES E TEXTO --- */
.info {
    padding: 15px;
    text-align: center;
}

.info h3 {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    color: #f0f0f0; 
}

/* Container Meta */
.meta {
    font-size: 0.9em;
    color: #f0f0f0; 
    margin-bottom: 5px; 
}

/* Estilo da Tag de Cor no Meta (meta-tag) */
.meta-tag {
    color: white;
    padding: 3px 8px; 
    border-radius: 5px; 
    font-weight: 700;
    font-size: 0.9em; 
    margin: 0 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    display: inline-block;
    text-transform: uppercase; 
}

.autor-analise {
    font-size: 0.9em;
    font-weight: 500;
    color: #e50914; 
    margin: 5px 0 10px 0; 
}

/* Botão de Ação (card-action-btn) */
.card-action-btn {
    display: inline-block;
    background-color: #333;
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s; 
    margin-top: 5px;
}

.card-action-btn:hover {
    background-color: #e50914; 
    color: #000000; 
}


/* --- MEDIA QUERIES (Responsividade para Celulares) --- */
@media (max-width: 600px) {
    
    .lista-filmes {
        grid-template-columns: 1fr; 
        gap: 20px;
    }
    
    .movie-card {
        width: 90%; 
        margin: 0 auto; 
    }
    
    .poster {
        height: 300px; 
        padding-top: 30px; 
    }
}
 /* CSS for BBCODES */
 
 /* label */

.label-red {
background-color: #ff635c
}

.label-cyan {
background-color: #3ac5f1
}

.label-green {
background-color: #a2d200
}

.label-orange {
background-color: #ffc71a
}

.label-amethyst {
background-color: #d7acef
}

.label-greensea {
background-color: #19b698
}

.label-dutch {
background-color: #19a7bc
}

.label-hotpink {
background-color: #ff1a75
}

.label-drank {
background-color: #bc088a
}

.label-blue {
background-color: #5597d0
}

.label-slategray {
background-color: #495a72
}

.label-redbrown {
background-color: #de6864
}

.label-transparent-black {
background-color: rgba(0, 0, 0, .15)
}

.label-inverse {
background-color: #000
}

.label-notification {
background-color: silver
}

.postbody img.postimage {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

  /* teste */

.label { position:relative;
         top:-1px;
}
		
.COMPLETO { color: #FFFFFF; 
            background-color: #a2d200;
 }
 
 /* imagem responsiva */
.img-responsive {
     display: inline-block;
}

 /* ===[ BBCODE mensagem ]=== */ 
.alerta { margin-bottom: 10px; 
   background: #ffe5b2; 
   padding: 6px; 
   height:auto; 
   border: 2px solid #f9c457; 
   border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; }

.aprovado { margin-bottom: 10px; 
  background: #b5ffb5; 
  padding: 6px; 
  height:auto; 
  border: 2px solid #006600; 
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; }

.reprovado { margin-bottom: 10px; 
  background: #fcc0c0; 
  padding: 6px; 
  height:auto; 
  border: 2px solid #ff0000; 
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; }

.informacao { margin-bottom: 10px; 
  background: #bde3fc; 
  padding: 6px; 
  height:auto; 
  border: 2px solid #0004ff; 
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; }

.nota { margin-bottom: 10px; 
  background: #f5f5f5; 
  padding: 6px; 
  height:auto; 
  border: 2px solid #a0a0a0; }
 
 
 /* ===[ BBCODE classificação ]=== */ 
 .livre { color: #FFFFFF; 
          background-color: #a2d200;
 }
 
 .10 { color: #FFFFFF; 
       background-color: #5597d0;
 }
 
 .12 { color: #000000; 
       background-color: #FFBF00;
 }
 
 .14 { color: #FFFFFF; 
       background-color: #ffc71a;
 }
 
 .16 { color: #FFFFFF; 
       background-color: #ff635c;
 }
 
 .18 { color: #FFFFFF; 
       background-color: rgba(0, 0, 0, .15);
 }

 

 /* ===[ BBCODE cargo ]=== */
 .adm { color: #AA0000; }
 .mode { color: #0040FF; }
 .user { color: #000000; }
 .amigo { color: #FF6600; }
 .colab { color: #00BF00; }
 .rip { color: #FFBF00; }
 .rmz { color: #008000; }
 .vip { color: #808000; }
 .leg { color: #004000; }
 .desig { color: #7030a0; }
 .aprendiz { color: #00BFFF; }
 
/* ===[ BBCODE WARNING ]=== */
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #f0ad4e;
}
.alert-message-warning h4
{
    color: #f0ad4e;
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message-warning p
{
    color: #f0ad4e;
    margin-bottom: 0;
}
.alert-message-warning code
{
    background-color: #fff;
    border-radius: 3px;
}

/* ===[ BBCODE SUCCCESS ]=== */
.alert-message-success
{
 background-color: #F4FDF0;
    border-color: #3C763D;
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #3C763D;
}
.alert-message-success h4
{
color: #3C763D;
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message-success p
{
    margin-bottom: 0;
 color: #3C763D;
}
.alert-message-success code
{
    background-color: #fff;
    border-radius: 3px;
}

/* ===[ BBCODE DANGER ]=== */
.alert-message-danger
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #ff0000;
}
.alert-message-danger h4
{
    color: #d9534f;
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message-danger p
{
color: #d9534f;
    margin-bottom: 0;
}
.alert-message-danger code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-danger
{
    background-color: #fdf7f7;
    border-color: #d9534f;
}

/* ===[ BBCODE INFO ]=== */
.alert-message-info
{
 background-color: #f4f8fa;
    border-color: #5bc0de;
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #5bc0de;
}
.alert-message-info h4
{
  color: #5bc0de;
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message-info p
{
color: #5bc0de;
    margin-bottom: 0;
}
.alert-message-info code
{
    background-color: #fff;
    border-radius: 6px;
}

/* ===[ BBCODE NOTE ]=== */
.alert-message-note
{
 background-color: #f4f8fa;
    border-color: #5bc0de;
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #5bc0de;
}
.alert-message-note h4
{
  color: #5bc0de;
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message-note p
{
color: #5bc0de;
    margin-bottom: 0;
}
.alert-message-note code
{
    background-color: #fff;
    border-radius: 3px;
}



 /* alert */
 .modactionred {
    background-color: rgba(230, 66, 66, 0.36);
    border-style: solid;
    border-color: #DA5858;
    border-width: 1px;
    border-radius: 5px;
    margin: 10px;
    color: #EA5D5A;
}
.modactiongreen {
	background-color: rgba(154, 251, 129, 0.28); 
	border-style: solid; 
	border-color: #9FE290; 
	border-width: 1px; 
	border-radius: 5px; 
	margin: 10px; 
	color: rgb(112, 220, 126);
}