/* ============================================================= job-engagement.css JobsPortal — Fase de Engajamento Adicione este arquivo ao depois do CSS principal. ============================================================= */ /* ---------------------------------------------------------- Botão Save — card principal (job-card.php) ---------------------------------------------------------- */ .btn-save-job { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border: 1px solid #dee2e6; border-radius: 8px; background: #fff; color: #6c757d; font-size: .8rem; font-weight: 600; cursor: pointer; transition: color .15s, border-color .15s, background .15s; line-height: 1; white-space: nowrap; } .btn-save-job:hover { border-color: #e83e8c; color: #e83e8c; background: #fff5f8; } .btn-save-job.is-saved { border-color: #e83e8c; color: #e83e8c; background: #fff5f8; } .btn-save-job.is-saved i { color: #e83e8c; } /* ---------------------------------------------------------- Botão Save — card compacto (posição absoluta) ---------------------------------------------------------- */ .job-card-compact-wrap { height: 100%; } .job-card-compact-inner { /* Garante espaço para o botão no canto */ padding-right: 2.8rem !important; } .btn-save-job-compact { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; padding: 0; border: 1px solid #dee2e6; border-radius: 50%; background: #fff; color: #adb5bd; font-size: .8rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: color .15s, border-color .15s, background .15s; z-index: 2; } .btn-save-job-compact:hover { border-color: #e83e8c; color: #e83e8c; background: #fff5f8; } .btn-save-job-compact.is-saved { border-color: #e83e8c; color: #e83e8c; background: #fff5f8; } /* ---------------------------------------------------------- Hover no card compacto ---------------------------------------------------------- */ .job-card-compact-inner:hover, .jp-job-card-js:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); border-color: #adb5bd !important; } /* ---------------------------------------------------------- Card gerado via JS (Saved / Recently Viewed) ---------------------------------------------------------- */ .jp-job-card-js { transition: box-shadow .2s, border-color .2s; } .company-initial-logo { width: 36px; height: 36px; min-width: 36px; border-radius: 8px; background: #e9ecef; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .9rem; color: #495057; } /* ---------------------------------------------------------- Botão Save na página da vaga (job.php) ---------------------------------------------------------- */ .btn-save-job-page { display: inline-flex; align-items: center; gap: 7px; padding: 8px 18px; border: 1.5px solid #dee2e6; border-radius: 10px; background: #fff; color: #495057; font-size: .9rem; font-weight: 600; cursor: pointer; transition: color .15s, border-color .15s, background .15s; } .btn-save-job-page:hover, .btn-save-job-page.is-saved { border-color: #e83e8c; color: #e83e8c; background: #fff5f8; } /* ---------------------------------------------------------- Seção Recently Viewed / Continue Your Search / More Jobs ---------------------------------------------------------- */ .jp-section-title { font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; display: flex; align-items: center; gap: 8px; } /* ---------------------------------------------------------- Contador no menu ---------------------------------------------------------- */ #savedJobsBadge { display: none; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #e83e8c; color: #fff; font-size: .7rem; font-weight: 700; align-items: center; justify-content: center; line-height: 1; vertical-align: middle; margin-left: 3px; } /* ---------------------------------------------------------- Toast de feedback ---------------------------------------------------------- */ #jpEngagementToast { min-width: 200px; } /* ---------------------------------------------------------- Seção "Continue Your Search" na homepage ---------------------------------------------------------- */ #continueSearchSection { display: none; /* JS mostra apenas se houver histórico */ } #recentlyViewedSection { display: none; /* JS mostra apenas se houver histórico */ }