/* Страница /vacancies. Подключается через $page_css в templates/thavorn_new/vacancies.php */

.vac{padding-top:20px;padding-bottom:80px;}

/* --- Баннер --- */
.vac_hero{position:relative;display:flex;align-items:center;min-height:360px;padding:50px 60px;border-radius:5px;overflow:hidden;background:#5aa0d6 url(/img/join/bg.jpg) 70% 12%/cover no-repeat;}
.vac_hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,110,175,.55) 0%,rgba(40,110,175,.25) 55%,rgba(40,110,175,0) 75%);}
.vac_hero-content{position:relative;max-width:560px;color:#fff;}
.vac_hero-title{font-family:"Unbounded";font-size:40px;font-weight:700;line-height:1.15;letter-spacing:1px;color:#fff;margin:0 0 18px;}
.vac_hero-text{font-size:17px;line-height:1.5;margin:0 0 22px;}
.vac_hero-text p{margin:0 0 .6em;}
.vac_hero-count{display:inline-block;padding:7px 14px;border-radius:5px;background:#fff;color:var(--color_accent);font-family:"Unbounded";font-size:13px;font-weight:500;letter-spacing:.5px;}

/* --- Список --- */
.vac_list{margin-top:40px;display:flex;flex-direction:column;gap:16px;}
.vac_card{border:1px solid #e3eaf0;border-radius:5px;background:#fff;transition:box-shadow .3s ease,border-color .3s ease;}
.vac_card:hover,.vac_card[open]{border-color:#c9dcea;box-shadow:5px 5px 20px 0 rgba(25,145,202,.10);}
.vac_card-header{display:flex;align-items:center;gap:20px;padding:22px 26px;cursor:pointer;list-style:none;}
.vac_card-header::-webkit-details-marker{display:none;}
.vac_card-title{flex:1 1 auto;margin:0;font-family:"Unbounded";font-size:20px;font-weight:500;letter-spacing:.5px;color:var(--color);}
.vac_card[open] .vac_card-title{color:var(--color_accent);}
.vac_card-salary{flex:0 0 auto;padding:6px 12px;border-radius:5px;background:#e8f9f6;color:#0f9f86;font-family:"Unbounded";font-size:14px;font-weight:500;white-space:nowrap;}
.vac_card-icon{flex:0 0 auto;width:40px;height:40px;transition:transform .3s ease;}
.vac_card-icon rect{fill:#f1f7fb;}
.vac_card[open] .vac_card-icon{transform:rotate(180deg);}
.vac_card-body{padding:4px 26px 26px;border-top:1px solid #eef3f7;margin:0 0;}
.vac_card-desc{max-width:860px;padding-top:20px;font-size:16px;line-height:1.6;color:var(--color);overflow-wrap:break-word;}
.vac_card-desc p{margin:0 0 .7em;}
.vac_card-desc ul,.vac_card-desc ol{margin:0 0 .9em;padding-left:1.3em;}
.vac_card-desc ul{list-style:disc;}
.vac_card-desc ol{list-style:decimal;}
.vac_card-desc li{margin-bottom:.3em;}
.vac_card-desc strong,.vac_card-desc b{font-weight:600;}
.vac_card-desc h2,.vac_card-desc h3,.vac_card-desc h4{margin:1em 0 .5em;font-family:"Unbounded";font-size:16px;font-weight:500;color:var(--color_accent);}
.vac_card-desc a{color:var(--color_accent);text-decoration:underline;}
.vac_card-apply{width:auto;display:inline-flex;margin-top:18px;padding-left:36px;padding-right:36px;font-size:15px;}

/* --- Пусто / нижний блок --- */
.vac_empty{margin-top:40px;padding:40px 26px;border:1px dashed #c9dcea;border-radius:5px;text-align:center;font-size:18px;color:var(--color_gray);}
.vac_cta{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:5px;background:#f1f7fb;}
.vac_cta-title{margin:0 0 6px;font-family:"Unbounded";font-size:20px;font-weight:500;color:var(--color_accent);}
.vac_cta-text{margin:0;font-size:16px;line-height:1.5;}
.vac_cta-btn{flex:0 0 auto;width:auto;padding-left:36px;padding-right:36px;}

@media only screen and (max-width:991.98px){
	.vac_hero{min-height:300px;padding:40px;}
	.vac_hero-title{font-size:32px;}
	.vac_hero::before{background:rgba(40,110,175,.45);}
}
@media only screen and (max-width:767.98px){
	.vac{padding-bottom:50px;}
	.vac_hero{min-height:0;padding:30px 22px;background-position:80% 12%;}
	.vac_hero-title{font-size:26px;}
	.vac_hero-text{font-size:16px;}
	.vac_card-header{flex-wrap:wrap;gap:10px 14px;padding:18px;}
	.vac_card-title{flex:1 1 calc(100% - 54px);font-size:17px;order:1;}
	.vac_card-icon{order:2;}
	.vac_card-salary{order:3;}
	.vac_card-body{padding:0 18px 20px;}
	.vac_card-apply{display:flex;width:100%;}
	.vac_cta{flex-direction:column;align-items:stretch;padding:22px 18px;}
	.vac_cta-btn{width:100%;}
}