/* ── InLive ───────────────────────────────────────────────────── */
/* Espelho do componente original em procurement-club-front/src/templates/Home/components/InLive */

.pc-inlive {
  margin-bottom: 6.4rem;
}

.pc-inlive__trigger {
  background: none;
  border:     none;
  padding:    0;
  cursor:     pointer;
  width:      100%;
  text-align: left;
  display:    flex;
  flex-direction: column;
  gap:        1.1rem;
  font:       inherit;
  color:      inherit;
}

/* Cover ─ card "Ao vivo" da sidebar */
.pc-inlive__cover {
  width:         100%;
  height:        14rem;
  padding:       8px;
  border-radius: 20px;
  background:    var(--pc-ddarkest) center/cover no-repeat;
  display:       flex;
  align-items:   flex-end;
  overflow:      hidden;
}

/* Tag "Ao vivo" — vermelho darkest com bolinha errorLight à esquerda */
.pc-inlive__tag {
  position:         relative;
  height:           32px;
  padding:          4px 8px 4px 32px;
  border-radius:    20px;
  background-color: var(--pc-error-darkest);
  display:          inline-flex;
  align-items:      center;
}

.pc-inlive__tag::before {
  content:       '';
  position:      absolute;
  top:           10px;
  left:          8px;
  width:         12px;
  height:        12px;
  background:    var(--pc-error-light);
  border-radius: 50%;
}

/* ── Modal de vídeo ───────────────────────────────────────────── */
.pc-inlive__modal-box {
  position:      relative;
  background:    var(--pc-llight);
  border-radius: 16px;
  padding:       5.6rem;
  width:         min(120rem, 95vw);
  max-width:     none;
  height:        650px;
  max-height:    90vh;
  overflow:      hidden;
}

.pc-inlive__iframe-wrap {
  width:  100%;
  height: 100%;
}

.pc-inlive__iframe-wrap iframe {
  width:  100%;
  height: 100%;
  border: none;
  display: block;
}

/* Reposiciona o close apenas neste modal (mantém estilo global) */
.pc-inlive__modal-box .pc-modal-close {
  top:   2rem;
  right: 2rem;
}

@media (max-width: 768px) {
  .pc-inlive__modal-box {
    padding:     1.6rem;
    padding-top: 6rem;
    width:       100%;
    height:      auto;
  }
}

/* ── Modal privado (inscrição) ────────────────────────────────── */
/* WrapPrivateModal no original é vazio: cover em cima, description embaixo */
.pc-inlive__private-cover {
  position:      relative;
  width:         100%;
  height:        400px;
  border-radius: 20px;
  overflow:      hidden;
}

.pc-inlive__private-cover img {
  width:      100%;
  height:     100%;
  object-fit: cover;
}

.pc-inlive__private-desc {
  display:        flex;
  flex-direction: column;
  height:         100%;
}

.pc-inlive__private-cta {
  align-self: flex-end;
}

@media (max-width: 768px) {
  .pc-inlive__private-cover {
    height: 200px;
    width:  80vw;
  }
}

/* ── Botões (mantido) ─────────────────────────────────────────── */
.pc-btn {
  display:          inline-flex;
  align-items:      center;
  justify-content:  center;
  gap:              0.8rem;
  border:           2px solid transparent;
  border-radius:    var(--pc-radius);
  font-family:      var(--pc-font-family);
  font-weight:      var(--pc-weight-semibold);
  text-transform:   uppercase;
  letter-spacing:   0.06em;
  cursor:           pointer;
  transition:       all var(--pc-transition-fast);
  text-decoration:  none;
}

.pc-btn--sm  { padding: 0.8rem 1.6rem; font-size: var(--pc-font-sm); }
.pc-btn--md  { padding: 1.2rem 2.4rem; font-size: var(--pc-font-md); }

.pc-btn--primary {
  background:   var(--pc-secondary-darkest);
  color:        var(--pc-llight);
  border-color: var(--pc-secondary-darkest);
}
.pc-btn--primary:hover {
  background:   var(--pc-secondary-dark);
  border-color: var(--pc-secondary-dark);
}

.pc-btn--outline {
  background:   transparent;
  color:        var(--pc-llight);
  border-color: var(--pc-llight);
}
.pc-btn--outline:hover {
  background:   var(--pc-llight);
  color:        var(--pc-primary-darkest);
}