/*
Theme Name: Sala 03
Theme URI: https://roteiraria.art
Author: Rayna Sousa Carvalho
Description: Tema neo-brutalista exclusivo para o repositório Sala 03.
Version: 1.0
Text Domain: sala03
*/

body { font-family: 'Inter', sans-serif; background-color: #fafafa; color: #000000; }
.font-typewriter { font-family: 'Courier Prime', monospace; }

/* O Verdadeiro Neo-Brutalismo */
.card-brutal { 
    border: 4px solid #000; 
    box-shadow: 10px 10px 0px 0px #000; 
    background-color: #fff; 
    transition: transform 0.2s, box-shadow 0.2s; 
}
.card-brutal:hover { 
    transform: translate(-4px, -4px); 
    box-shadow: 14px 14px 0px 0px #000; 
}

/* Estilos do Calendário Vertical (No Radar) */
.timeline-container {
    background-color: #1a1a24;
    color: #fff;
    padding: 3rem;
    border: 4px solid #000;
    box-shadow: 10px 10px 0px 0px #000;
}
.timeline-item {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 2.5rem;
}
.timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: -2.5rem;
    width: 4px;
    background-color: #3f3f4e;
}
.timeline-item:last-child::before {
    bottom: 0;
}
.timeline-date {
    display: inline-block;
    border: 2px solid #fff;
    padding: 4px 12px;
    margin-bottom: 12px;
    font-family: 'Courier Prime', monospace;
    font-weight: bold;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    background-color: #1a1a24;
    position: relative;
    z-index: 10;
}

/* Botões */
.btn-brutal-dark {
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
    transition: all 0.2s;
}
.btn-brutal-dark:hover { background-color: #333; }

.btn-brutal-light {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    transition: all 0.2s;
}
.btn-brutal-light:hover { background-color: #f0f0f0; }

/* Divisória de Película */
.film-strip {
    display: flex;
    gap: 12px;
    justify-content: space-around;
    background-color: #e5e7eb;
    padding: 8px 4px;
    margin: 4rem 0;
}
.film-strip-hole {
    width: 24px;
    height: 24px;
    background-color: #fff;
}

/* Inputs */
.input-brutal { 
    border: 3px solid #000; 
    box-shadow: 4px 4px 0px 0px #000; 
    outline: none; 
    transition: all 0.2s ease; 
}
.input-brutal:focus { 
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px 0px #000; 
}