/*
==============================
VITRINI ACADEMY — ESTILO BASE
==============================
*/

/* Paleta institucional */
:root {
  --gold: #c8a951;
  --gold-light: #e5c165;
  --navy: #0f2236;
  --navy-light: #1c3452;
  --white: #ffffff;
  --gray: #f4f6f8;
}

/* Tipografia base */
body {
  font-family: 'Poppins', sans-serif;
  color: var(--navy);
  background-color: var(--white);
  line-height: 1.6;
}

/* ===========================
   BOTÃO CTA — Ler em Tela Cheia
=========================== */
.vitrini-cta {
  position: fixed;
  bottom: 30px;
  right: 40px;
  background-color: var(--gold);
  color: var(--navy);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  padding: 14px 28px;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  box-shadow: 0 5px 15px rgba(0,0,0,0.25);
  transition: all 0.3s ease-in-out;
  z-index: 9999;
  opacity: 0.95;
}
.vitrini-cta:hover {
  background-color: var(--gold-light);
  transform: translateY(-3px);
  opacity: 1;
}

/* ===========================
   Animações suaves
=========================== */
.vitrini-fade-in {
  animation: fadeIn 1.2s ease forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===========================
   Layout das páginas de curso
=========================== */
body.single-course,
body.single-lesson {
  background-color: var(--gray);
}

/* Ajuste visual para área do PDF */
.tutor-course-single-content-wrap iframe,
.tutor-course-single-content-wrap embed,
.tutor-course-single-content-wrap object {
  border: 3px solid var(--gold);
  border-radius: 12px;
  box-shadow: 0 4px 25px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

.tutor-course-single-content-wrap iframe:hover,
.tutor-course-single-content-wrap embed:hover,
.tutor-course-single-content-wrap object:hover {
  transform: scale(1.01);
}

/* ===========================
   Cabeçalho institucional fixo
=========================== */
header.site-header {
  background-color: var(--navy) !important;
  color: var(--white);
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  transition: all 0.4s ease;
}
header.site-header a {
  color: var(--white) !important;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
}
header.site-header a:hover {
  color: var(--gold) !important;
}

/* ===========================
   Botões e links globais
=========================== */
button, .button, .tutor-btn {
  font-family: 'Poppins', sans-serif;
  border-radius: 50px !important;
  transition: all 0.3s ease;
}
button:hover, .button:hover, .tutor-btn:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* ===========================
   Rodapé institucional
=========================== */
.site-footer {
  background-color: var(--navy);
  color: var(--white);
  text-align: center;
  padding: 40px 20px;
}
.site-footer a {
  color: var(--gold);
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
}
/****************************************************
 * 1 — EFEITO PREMIUM NOS CARDS (CURSOS, BENEFÍCIOS)
 ****************************************************/
.vitrini-card,
.tutor-course,
.card,
.elementor-widget-container {
    border-radius: 16px !important;
    transition: all 0.25s ease-in-out !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.vitrini-card:hover,
.tutor-course:hover,
.card:hover,
.elementor-widget-container:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18) !important;
}

/****************************************************
 * 2 — BOTÕES PREMIUM (CTA)
 ****************************************************/
a.button,
button,
input[type=submit],
.tutor-btn,
.vitrini-cta {
    background: var(--gold) !important;
    color: #000 !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    border: none !important;
}

a.button:hover,
button:hover,
input[type=submit]:hover,
.tutor-btn:hover {
    background: var(--gold-2) !important;
    color: #000 !important;
    transform: translateY(-2px) !important;
}

/****************************************************
 * 3 — CTA LOGIN AVATAR
 ****************************************************/
.vitrini-profile-btn {
    background: var(--gold);
    color: #000;
    padding: 10px 18px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    cursor: pointer;
}

.vitrini-profile-btn img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
}

/****************************************************
 * 4 — CORREÇÃO PÁGINA DE CURSOS (TUTOR LMS)
 ****************************************************/

/* Títulos, categorias, badges */
.tutor-course-card-meta,
.tutor-meta,
.tutor-course-loop-title,
.tutor-course-loop-title a,
.tutor-course-details-content h3,
.tutor-color-muted {
    color: #fff !important;
}

/* Categoria estava branca no branco — corrigimo para dourado */
.tutor-course-level,
.tutor-meta a,
.tutor-course-tags a,
.tutor-label,
.tutor-course-loop-level {
    color: var(--gold) !important;
    font-weight: 600 !important;
}

/* Fundo dos cards dos cursos */
.tutor-course {
    background: #11263d !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* Descrição do curso */
.tutor-course-loop-content,
.tutor-card-body {
    color: #ddd !important;
}

/****************************************************
 * 5 — EFEITOS PREMIUM NOS HOLDERS / SEÇÕES
 ****************************************************/
section, .holder, .elementor-section {
    border-radius: 18px !important;
    overflow: hidden;
}

.elementor-section:hover {
    box-shadow: 0 10px 26px rgba(0,0,0,0.15) !important;
    transform: translateY(-4px) !important;
    transition: all .25s ease-in-out !important;
}

/****************************************************
 * 6 — LINKS DO LOGIN E REGISTRO (DESTACAR)
 ****************************************************/
.tutor-login-modal a,
.tutor-btn-link,
.tutor-text-center a {
    color: var(--gold) !important;
    font-weight: 600 !important;
}