/* === Detalhe da Vaga === */
#vaga .job-sidebar { position: sticky; top: 90px; }
@media (max-width: 991.98px){ #vaga .job-sidebar { position: static; } }
#vagaprint {display:none;}
/* espaçamento rápido para grupos de botões quando não tens util .gap do BS */
.gap-2 > * { margin-left: .25rem; margin-right: .25rem; }

/* alinhamento do cabeçalho da vaga */
#vaga .breadcrumb { font-size: 0.925rem; }
#vaga .badge[data-stamp], #vaga .badge .font-monospace { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

/* melhorar leitura do lead */
#vaga .job-detail .lead { line-height: 1.6; }

/* âncoras em scroll */
#vaga :target { scroll-margin-top: 100px; }

/* Print-friendly */
@media print {
  .progress-wrap,
  #btn-share,
  #btn-print,
  .navbar,
  .sidebar,
  footer,
  .job-sidebar .btn { display: none !important; }
  body { color: #000; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 90%; }
  .card, .card-body { border: none !important; box-shadow: none !important; }
}

/* Modal base */
.apply-modal[aria-hidden="true"]{ display:none; }
.apply-modal[aria-hidden="false"]{ display:block; }
.apply-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.45); backdrop-filter: blur(2px);
}
.apply-dialog{
  position:fixed; inset:auto 0 auto 0; margin:auto; top:50%; transform:translateY(-50%);
  max-width:560px; width:clamp(320px, 90vw, 560px);
  background:#fff; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.25);
  padding:20px 20px 16px; z-index:10;
}
.apply-close{
  position:absolute; top:8px; right:10px; border:0; background:transparent; font-size:26px; line-height:1; cursor:pointer;
}
.apply-actions{ display:flex; gap:8px; margin-top:8px; }
.apply-feedback{ margin-top:10px; font-size:.95rem; }
.apply-feedback.success{ color:#1e7e34; }  /* verde BS-ish */
.apply-feedback.error{ color:#b02a37; }    /* vermelho BS-ish */

/* inputs */
.apply-dialog .form-group{ margin-bottom:10px; }
.apply-dialog .form-control{ width:100%; border:1px solid #ccc; border-radius:8px; }
.apply-dialog .form-control:focus{ outline:0; border-color:#000; }
.apply-dialog .invalid{ display:none; color:#b02a37; font-size:.875rem; margin-top:4px; }
.apply-dialog .form-control.is-invalid + .invalid{ display:block; }

/* reduz movimento */
@media (prefers-reduced-motion: no-preference){
  .apply-dialog{ transition: transform .2s ease, opacity .2s ease; opacity:1; }
  .apply-modal[aria-hidden="true"] .apply-dialog{ transform:translateY(-46%); opacity:0; }
}




/* ---------- PRINT ONLY ---------- */
@media print {
  /* Página */
  @page { size: A4; margin: 12mm; }
  html, body { background: #fff !important; color: #000 !important; }
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

#vagaprint {display:block;}

  /* Esconder tudo o que não interessa no papel */
  .progress-wrap,
  .navbar, header, .sidebar,
  #filters, .job-subfilters, #testemunhos,
  #stars, /* destaques */
  #jobrow, /* grelha de outras vagas */
  .hero, /* heros/headers visuais */
  #btn-share, #btn-print, #btn-apply-top, .btn-print, .btn-share,
  .huitre-team-social,
  footer, .site-footer, #mainfooter, #btn-apply-bottom,
  .cookie-banner, .gdpr-banner {
    display: none !important;
  }

  /* Mostra só o conteúdo principal + sidebar opcional */
  main, .container, .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Remover sombras/bordas dos cards para papel */
  .card, .card-body, .job-sidebar, .border-dark {
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Tipografia mais legível no papel */
  h1, h2, h3, h4 { color: #000 !important; page-break-after: avoid; }
  .lead { font-size: 1.05rem; }
  p, li { font-size: .98rem; line-height: 1.45; }

  /* Evitar quebras feias dentro de blocos */
  ul, ol, li, table, blockquote, .job-detail { break-inside: avoid; }

  /* Mostrar URL após links (útil para contactos) */
  a[href^="http"]:after { content: " (" attr(href) ")"; font-size: 90%; }
  a[href^="mailto:"]:after { content: " (" attr(href) ")"; font-size: 90%; }

  /* Se quiseres FORÇAR que a sidebar não apareça, garante aqui: */
  .job-sidebar { display: none !important; }

  /* Margem superior se tiveres navbar fixa na versão web */
  #vaga, section#vaga { margin-top: 0 !important; padding-top: 0 !important; }
}

/* Classes utilitárias (podes usar no markup) */
.no-print { display: block; }
.print-only { display: none; }
@media print {
  .no-print, .sticky-bar { display: none !important; }
  .print-only { display: block !important; }
}


.destak-title {
    background: #00505a;
    padding: 1rem;
    color: #bfab91 !important;
}

.destak-title p {
    color: #bfab91 !important;
}

.destak-subtitle {
    text-transform: uppercase;
    font-size: x-small;
    color:white;
}

.bread_crumb {
    color: #bfab91;
    font-size: small;
}

@media screen and (max-width: 520px) {
    article.job-detail ul {
        padding-left: 0;
    }
}