/*
 * job-landing.css — Critical CSS for /emploi (hero + search + pills + cards)
 * Loaded via <link> in common/views/candidate/layouts/main.php
 *
 * Update this file when modifying:
 *   - common/web/css/candidate/_homepage.scss (card styles, job-type, salary, footer, badges, stats)
 *   - disite/assets/css/landing.scss (featured-badge overrides, job-stats font-size)
 *   - disite/views/job/landing.php (HTML structure: hero, search form, pills, card grid)
 *   - common/views/candidate/site/components/jobHome.php (card HTML structure)
 */

/* --- Layout --- */
.home-page-candidat{--input-radius:0}
.home-page-candidat>.container,.home-page-candidat .job-detail-cards>.container{width:100%;max-width:1140px;margin:0 auto;padding-left:15px;padding-right:15px}
@media(min-width:992px){.home-page-candidat>.container{margin-top:2.5rem;margin-bottom:1rem}}
.home-page-candidat .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.home-page-candidat .row>[class*="col-"]{position:relative;width:100%;padding-left:15px;padding-right:15px}
.home-page-candidat .row>.col-12{flex:0 0 100%;max-width:100%}
@media(min-width:768px) and (max-width:991px){.home-page-candidat .job-detail-cards .row>.col-md-6{flex:0 0 50%;max-width:50%}}
@media(min-width:992px){.home-page-candidat .job-detail-cards .row>.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.home-page-candidat .d-lg-none{display:none!important}}
.home-page-candidat .text-center{text-align:center!important}

/* --- Hero --- */
.home-page-candidat .hero-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1rem}
.home-page-candidat .hero-brand-name{font:normal normal normal 49px/69px "Arial Black",Arial,sans-serif!important;letter-spacing:0!important;color:var(--primary);text-transform:uppercase;margin:0}
.home-page-candidat .hero-subtitle{margin:0 0 20px;color:#000;font-size:24px!important;line-height:30px;font-weight:bold}
.home-page-candidat .hero-cta{color:#000;font-size:clamp(16px,4vw,24px)!important;line-height:24px;font-weight:500}
.home-page-candidat .hero-cta-link{color:var(--primary)!important;text-decoration:underline!important;font-size:inherit!important;font-weight:bold}

/* --- Search form --- */
.home-page-candidat form.search-form-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;gap:1rem!important;max-width:810px;margin:0 auto 50px}
.home-page-candidat form.search-form-wrapper>.input-wrapper{position:relative}
.home-page-candidat form.search-form-wrapper>.input-wrapper input,.home-page-candidat form.search-form-wrapper>.input-wrapper input.form-control{width:100%;height:41px;padding-left:35px;box-sizing:border-box;border:1px solid #000;border-radius:var(--input-radius,30px);background:#fff;font-size:14px;line-height:18px}
.home-page-candidat form.search-form-wrapper>.input-wrapper input::placeholder,.home-page-candidat form.search-form-wrapper>.input-wrapper input.form-control::placeholder{color:#000;opacity:1}
.home-page-candidat form.search-form-wrapper>.input-wrapper .input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}
.home-page-candidat form.search-form-wrapper>.input-wrapper .btn-filter{display:inline-flex;align-items:center;justify-content:center;width:159px;min-width:159px;height:41px;border:1px solid #000;border-radius:var(--input-radius,30px);background:#fff;color:#000;font-size:14px;line-height:18px;font-weight:bold;white-space:nowrap}
.home-page-candidat form.search-form-wrapper>.input-wrapper .btn-filter svg{fill:var(--primary);flex-shrink:0;margin-left:8px}
.home-page-candidat .recent-searches-menu,.home-page-candidat .dropdown-menu{display:none}
.home-page-candidat form.search-form-wrapper>.filters-search-btn{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--primary);color:#fff;align-items:center;justify-content:center;margin-top:0!important}
.home-page-candidat form.search-form-wrapper>.filters-search-btn svg{flex-shrink:0}
.home-page-candidat form.search-form-wrapper>.filters-search-btn-mobile{display:block;width:100%;margin-top:10px;padding:10px;border-radius:var(--input-radius,20px);background:var(--primary);color:#fff;font-size:16px;font-weight:bold;text-align:center;text-decoration:none}
@media(min-width:768px){.home-page-candidat form.search-form-wrapper{flex-direction:row!important;flex-wrap:nowrap!important}.home-page-candidat form.search-form-wrapper>.input-wrapper:nth-of-type(1){flex:0 0 388px!important;width:388px!important}.home-page-candidat form.search-form-wrapper>.input-wrapper:nth-of-type(2){flex:0 0 161px!important;width:161px!important}.home-page-candidat form.search-form-wrapper>.input-wrapper:nth-of-type(3){flex:0 0 159px!important;width:159px!important}.home-page-candidat form.search-form-wrapper>.filters-search-btn{display:inline-flex!important;flex:0 0 40px!important}.home-page-candidat form.search-form-wrapper>.filters-search-btn-mobile{display:none!important}}

/* --- Métiers pills --- */
.home-page-candidat .job-titles-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:0 auto}
.home-page-candidat .job-titles-filter h2,.home-page-candidat .job-titles-filter h3{margin:0;font-size:unset;font-weight:normal}
.home-page-candidat .job-titles-filter h2 a,.home-page-candidat .job-titles-filter h3 a,.home-page-candidat .job-titles-filter .show-more-btn{display:inline-flex;align-items:center;min-width:auto;height:34px;padding:8px 30px;border:1px solid #C6E1FF!important;border-radius:var(--input-radius,50px);background:#F0F7FF!important;color:#000!important;text-decoration:none;font-size:clamp(14px,3.5vw,20px)!important;line-height:19px;font-weight:500}

/* --- Cards section --- */
.home-page-candidat .job-detail-cards{background:#F0F0F0;padding:1rem 0}
.home-page-candidat .job-detail-cards .row>[class*="col"]{margin-bottom:2rem}
.home-page-candidat .job-detail-cards .card{box-shadow:0 3px 6px #00000029;border:1px solid #BEBEBE;border-radius:7px;background:#fff;height:100%;display:flex;flex-direction:column;position:relative}
.home-page-candidat .job-detail-cards .card .card-header{background-color:transparent;border:none;gap:1rem;padding:0}
.home-page-candidat .job-detail-cards .card .card-img{width:74px;height:74px;min-width:74px;display:flex;align-items:center;justify-content:center;background:var(--base,#f0f7ff);border-radius:8px;overflow:hidden}
.home-page-candidat .job-detail-cards .card .card-img img{max-width:100%;max-height:100%;object-fit:contain}
.home-page-candidat .job-detail-cards .card .card-header h3{margin-bottom:0}
.home-page-candidat .job-detail-cards .card .card-header h3 a{font-size:16px;line-height:18px;font-weight:bold;color:#000;text-decoration:none}
.home-page-candidat .job-detail-cards .card .card-header a{font-size:13px;line-height:16px;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-page-candidat .job-detail-cards .card .job-location-info{font-size:12px;line-height:15px;font-weight:bold;color:#000;margin-top:9px}
.home-page-candidat .job-detail-cards .card .salary-wrapper{height:29.47px}
.home-page-candidat .job-detail-cards .card .salary{font-size:14px;line-height:18px;color:#000}
.home-page-candidat .job-detail-cards .card .job-type{display:flex;flex-wrap:wrap;gap:10px;flex-grow:1}
.home-page-candidat .job-detail-cards .card .job-type span{background:var(--pillBorder,#dbeaff);color:var(--primary,#004ea5);font-size:12px;line-height:15px;font-weight:bold;border-radius:21px;padding:7px 14px;height:30px;display:flex;align-items:center}
.home-page-candidat .job-detail-cards .card .job-type span:empty{display:none}
.home-page-candidat .job-detail-cards .card .card-footer{background-color:transparent;border:none;justify-content:space-between;align-items:center;padding:0;color:#000;flex-wrap:nowrap}
.home-page-candidat .job-detail-cards .card .card-footer>div:first-child{flex:1}
.home-page-candidat .job-detail-cards .card .postulez-ici{font-size:14px;line-height:18px;color:#000;text-decoration:none;display:flex;align-items:center;gap:4px;white-space:nowrap;margin-right:28px}
.home-page-candidat .job-detail-cards .card .publish-time{font-size:10px;line-height:13px;color:#000;white-space:nowrap;margin-right:27px}
.home-page-candidat .job-detail-cards .card .like-icon{width:42px;height:42px;min-width:42px;background:var(--pillBorder,#dbeaff);border-radius:50%;display:flex;align-items:center;justify-content:center}
.home-page-candidat .job-detail-cards .card .featured-badge{position:absolute;top:-12px;left:16px;background:var(--primary,#004ea5);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:bold;z-index:1}
.home-page-candidat .job-detail-cards .card .featured-badge--priority{background:#E63946}
.home-page-candidat .job-detail-cards .card .featured-badge--new{left:auto;right:16px;background:#e36759}
.home-page-candidat .job-detail-cards .card .job-stats{display:flex;align-items:center;gap:1rem;font-size:11px;font-weight:bold;color:#666}
.home-page-candidat .btn-view-all-jobs{display:inline-block;padding:12px 32px;font-size:16px;font-weight:600;color:var(--primary,#004ea5);background:#fff;border:2px solid var(--primary,#004ea5);border-radius:8px;text-decoration:none}

/* --- Bootstrap utilities --- */
.home-job-card{cursor:pointer}
.d-flex{display:flex!important}
.p-3{padding:1rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.rounded{border-radius:.25rem!important}
.bg-white{background-color:#fff!important}
.col-lg-4{position:relative;width:100%;padding-right:15px;padding-left:15px}
@media(min-width:992px){.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}}
@media(min-width:768px){.col-md-6{flex:0 0 50%;max-width:50%}}
.col-12{flex:0 0 100%;max-width:100%}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media(min-width:1200px){.container{max-width:1140px}}

/* --- Mobile --- */
@media(max-width:767px){.home-page-candidat .job-detail-cards{background:transparent}.home-page-candidat .hero-brand-name{font-size:32px!important;line-height:1.1!important}.home-page-candidat .hero-subtitle{font-size:16px!important;line-height:22px}.home-page-candidat form.search-form-wrapper{flex-direction:column!important;gap:10px!important;margin-bottom:30px}.home-page-candidat form.search-form-wrapper>.input-wrapper{width:100%!important}.home-page-candidat form.search-form-wrapper>.input-wrapper input,.home-page-candidat form.search-form-wrapper>.input-wrapper input.form-control,.home-page-candidat form.search-form-wrapper>.input-wrapper .btn-filter{width:100%!important;height:60px}.home-page-candidat form.search-form-wrapper>.filters-search-btn{display:none!important}.home-page-candidat form.search-form-wrapper>.filters-search-btn-mobile{display:block!important;width:100%}}