/*
Theme Name: Jobbox
Theme URI: http://jthemes.com/themes/wp/jobbox
Author: Jthemes 
Author URI: http://themeforest.net/user/jthemes
Description: Premium WordPress theme for Job & Career Search, Board & Portal Website
Version: 1.2.4
Requires at least: 4.7
Requires PHP: 7.0
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: jobbox
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*
*/


#job_package_selection{
max-width:1100px;
margin:0 auto;
}

.job_listing_packages_title{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:18px;
}

.job_listing_packages_title h2{
margin:0;
font-size:22px;
font-weight:800;
color:#3b63f1;
}

#job_package_selection .button{
background:#3b63f1;
border:0;
color:#fff;
padding:12px 16px;
border-radius:12px;
font-weight:800;
cursor:pointer;
transition:transform .15s ease, filter .15s ease;
}
#job_package_selection .button:hover{
transform:translateY(-1px);
filter:brightness(1.05);
}

.job_listing_packages .job_packages{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:row;
gap:16px;
flex-wrap:wrap;
align-items:stretch;
}

.job_packages .package-section{
display:none;
}

.job_packages .job-package{
flex:1 1 280px;
min-width:260px;
border:1px solid rgba(0,0,0,.08);
border-radius:18px;
padding:18px 18px 16px;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,.06);
transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
position:relative;
display:flex;
flex-direction:column;
height:100%;
gap:10px;
}

.job_packages .job-package:hover{
transform:translateY(-2px);
box-shadow:0 12px 34px rgba(0,0,0,.10);
border-color:rgba(59,99,241,.35);
}

.job_packages .job-package input[type="radio"]{
position:absolute;
opacity:0;
pointer-events:none;
}

.job_packages .job-package label{
font-weight:900;
font-size:16px;
line-height:1.25;
cursor:pointer;
padding-left:38px;
display:block;
min-height:48px;
}

.job_packages .woocommerce-Price-amount{
font-size:28px;
font-weight:1000;
letter-spacing:-0.5px;
color:#111;
margin-top:auto;
}

.job_packages .woocommerce-Price-currencySymbol{
font-size:18px;
font-weight:900;
margin-left:4px;
color:#3b63f1;
}

.job_packages .job-package{
color:#222;
font-size:14px;
}

.job_packages .job-package br{
display:none;
}

.job_packages .job-package .woocommerce-Price-amount + span,
.job_packages .job-package .woocommerce-Price-amount ~ span{
display:block;
margin-top:10px;
color:rgba(0,0,0,.7);
}

.job_packages .job-package label::before{
content:"";
width:22px;
height:22px;
border-radius:999px;
border:2px solid rgba(0,0,0,.18);
position:absolute;
left:18px;
top:18px;
background:#fff;
transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.job_packages .job-package label::after{
content:"";
width:12px;
height:12px;
border-radius:999px;
position:absolute;
left:23px;
top:23px;
background:transparent;
transition:background .15s ease, transform .15s ease;
}

.job_packages .job-package input[type="radio"]:checked + label::before{
border-color:#ff0101;
box-shadow:0 0 0 6px rgba(255,1,1,.12);
}

.job_packages .job-package input[type="radio"]:checked + label::after{
background:#ff0101;
transform:scale(1.05);
}

.job_packages .job-package:has(input[type="radio"]:checked){
border-color:rgba(255,1,1,.45);
box-shadow:0 14px 40px rgba(255,1,1,.10);
background:linear-gradient(180deg, rgba(59,99,241,.06), rgba(255,1,1,.04));
}

@media (max-width:700px){
.job_listing_packages_title{
flex-direction:column;
align-items:stretch;
}
.job_listing_packages .job_packages{
flex-direction:column;
}
}