/* =============================================================
   EMPLOIS.CSS - Pages Offres d'emploi
   Utilisé par : emplois/index.php et emplois/details.php
   ============================================================= */

/* -- Liste des emplois (index.php) -- */
.filter-card { background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 30px; }
.job-card { background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 20px; transition: 0.3s; position: relative; overflow: hidden; }
.job-card:hover { border-color: #39FF14; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.premium-gold { border: 2px solid #eab308 !important; background: #fffdf5 !important; }
.premium-silver { border: 2px solid #1877F2 !important; }
.job-badge { font-size: 11px; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; font-weight: bold; }
.badge-cdi { background: #e3f2fd; color: #1976d2; }
.badge-stage { background: #f3e5f5; color: #7b1fa2; }
.badge-premium { background: #39FF14; color: #0B132B; }
.job-meta { color: #888; font-size: 13px; margin: 10px 0; }
.job-meta i { margin-right: 5px; color: #39FF14; }

/* -- Détail offre d'emploi (details.php) -- */
.job-header { background: #fff; padding: 40px 0; border-bottom: 1px solid #eee; margin-bottom: 40px; }
.company-logo-big { width: 100px; height: 100px; object-fit: contain; border: 1px solid #eee; border-radius: 8px; background: #fff; padding: 10px; }
.job-body { background: #fff; padding: 30px; border-radius: 8px; border: 1px solid #eee; line-height: 1.8; }
.job-sidebar { background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #eee; }

.anti-fraud-box {
    background: #fff5f5;
    border: 2px solid #feb2b2;
    border-radius: 8px;
    padding: 25px;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}
.anti-fraud-box::before {
    content: "\f26b"; font-family: "Ionicons";
    position: absolute; right: -10px; bottom: -20px;
    font-size: 100px; color: rgba(247, 63, 82, 0.1);
}

/* -- Boutons de Candidature & Partage -- */
.btn-apply-top {
    background: #0B132B !important;
    border: none !important;
    padding: 15px 30px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.5px !important;
    color: #fff !important;
    display: inline-block;
}
.btn-apply-top:hover {
    background: #F73F52 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(247, 63, 82, 0.2);
    color: #fff !important;
}

.btn-share-whatsapp, .btn-share-facebook, .btn-share-linkedin {
    flex: 1;
    color: #fff !important;
    border: none !important;
    padding: 12px !important;
    font-size: 20px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-share-whatsapp { background: #25D366 !important; }
.btn-share-whatsapp:hover { background: #128C7E !important; transform: translateY(-2px); }

.btn-share-facebook { background: #1877F2 !important; }
.btn-share-facebook:hover { background: #0d6efd !important; transform: translateY(-2px); }

.btn-share-linkedin { background: #0A66C2 !important; }
.btn-share-linkedin:hover { background: #004182 !important; transform: translateY(-2px); }

.job-sidebar hr { border-top: 1px solid #eee; margin: 20px 0; }