/*
=====================================================
    TEAM-STYLE.CSS - Standardized "Neon Noir" Theme
=====================================================
    This stylesheet styles the team page to match
    the professional theme of the rest of the site.
*/

/* === Variáveis de Cor para a Página da Equipa === */
body.team-page {
    --primary-color-override: #FF073A;   /* Vermelho Néon Intenso */
    --secondary-color-override: #00BFFF; /* Azul Elétrico */
    --neon-yellow: #FFFF00;              /* Amarelo Néon */
}

/* === Header e Footer Padronizados === */
body.team-page .nav-link {
    text-shadow: none;
    position: relative;
    transition: color 0.3s ease-in-out;
    padding-bottom: 5px;
    border-bottom-color: transparent;
}
body.team-page .nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color-override); 
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
body.team-page .nav-link:hover,
body.team-page .nav-link.active {
    color: #fff;
    text-shadow: 0 0 8px var(--secondary-color-override);
}
body.team-page .nav-link:hover::after,
body.team-page .nav-link.active::after {
    transform: scaleX(1);
}
body.team-page footer {
    border-top: 1px solid rgba(0, 191, 255, 0.2);
}
body.team-page footer .social-links a:hover {
    color: var(--secondary-color-override);
    text-shadow: 0 0 15px var(--secondary-color-override);
}

/* =====================================================
    ESTILOS PRINCIPAIS DO CONTEÚDO DA EQUIPA
=====================================================
*/

/* Título Principal da Página */
body.team-page .page-title {
    color: #fff;
    text-shadow: 0 0 10px var(--secondary-color-override), 0 0 20px var(--secondary-color-override);
}

/* Títulos de Secção (Owners, Crew, etc.) */
body.team-page .team-subtitle {
    font-size: 2.5em;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
    border: none;
    box-shadow: none;
    padding: 0 10px;
    /* ALTERAÇÃO: Cor do texto para branco */
    color: #fff; 
    /* ALTERAÇÃO: Brilho para vermelho néon */
    text-shadow: 0 0 10px var(--primary-color-override), 0 0 20px var(--primary-color-override);
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}
/* Cantos reforçados para os subtítulos */
body.team-page .team-subtitle::before,
body.team-page .team-subtitle::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: var(--primary-color-override);
    border-style: solid;
    opacity: 0.6;
}
body.team-page .team-subtitle::before { top: -10px; left: -15px; border-width: 2px 0 0 2px; }
body.team-page .team-subtitle::after { bottom: -10px; right: -15px; border-width: 0 2px 2px 0; }

/* Cartões de Membro da Equipa */
.team-card {
    background: rgba(18, 18, 28, 0.4);
    padding: 25px;
    text-align: center;
    border-radius: 10px;
    border: 2px solid transparent;
    border-image: linear-gradient(to bottom right, var(--primary-color-override), var(--secondary-color-override)) 1;
    box-shadow: 0 0 15px rgba(0, 191, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}
.team-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 0 30px rgba(255, 7, 58, 0.5);
}
.team-avatar {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--secondary-color-override);
    margin-bottom: 20px;
    box-shadow: 0 0 15px var(--secondary-color-override);
}
.team-name {
    font-size: 1.8em;
    color: #fff;
    margin-bottom: 5px;
    text-shadow: none;
}
.team-role {
    color: var(--neon-yellow);
    margin-bottom: 15px;
    font-weight: bold;
    text-shadow: 0 0 8px var(--neon-yellow);
}

/* Modal de Perfil "High-Tech" */
.modal-content {
    background: rgba(18, 18, 28, 0.7);
    border: 2px solid transparent;
    border-image: linear-gradient(to bottom right, var(--primary-color-override), var(--secondary-color-override)) 1;
    box-shadow: 0 0 40px rgba(0, 191, 255, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}
.profile-avatar {
    border: 4px solid var(--secondary-color-override);
    box-shadow: 0 0 25px var(--secondary-color-override);
}
.profile-role {
    color: var(--neon-yellow);
    text-shadow: 0 0 10px var(--neon-yellow);
}
#modal-special-drink {
    color: var(--primary-color-override);
    text-shadow: 0 0 10px var(--primary-color-override);
}

/* Secção "Junte-se a Nós" Padronizada */
.join-team-section {
    background: rgba(18, 18, 28, 0.4);
    border-radius: 10px;
    border: 2px solid transparent;
    border-image: linear-gradient(to right, var(--primary-color-override), var(--secondary-color-override)) 1;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 0 25px rgba(0, 191, 255, 0.5);
    padding: 50px;
    margin: 40px auto;
    max-width: 1200px;
}
.join-team-section h2 {
    color: var(--primary-color-override);
    text-shadow: 0 0 10px var(--primary-color-override);
}