/* ============================================================
   BCR Careers — hiring landing page
   Inherits all tokens from main.css / guide.css.
   ============================================================ */

.car-hero{padding:150px 0 10px;}
.car-hero h1{font-size:clamp(32px,4.6vw,54px);line-height:1.08;letter-spacing:-.02em;margin-bottom:20px;max-width:900px;}
.car-hero .lede{font-size:18px;font-weight:300;color:var(--bcr-gray-600);line-height:1.8;max-width:680px;margin-bottom:26px;}
.car-facts{display:flex;flex-wrap:wrap;gap:10px;}
.car-fact{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;
  background:var(--bcr-white);border:1px solid var(--bcr-gray-200);border-radius:100px;padding:9px 16px;color:var(--bcr-gray-600);}
.car-fact b{color:var(--bcr-dark);font-weight:700;}
.car-fact i{width:6px;height:6px;border-radius:50%;background:var(--bcr-blue);flex:0 0 6px;}

/* Why work here */
.car-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:10px;}
.car-why > div{background:var(--bcr-white);border:1px solid var(--bcr-gray-200);border-radius:16px;padding:28px 26px;min-width:0;}
.car-why h3{font-family:var(--serif);font-size:19px;font-weight:700;margin:14px 0 8px;}
.car-why p{font-size:14px;font-weight:300;color:var(--bcr-gray-600);line-height:1.7;margin:0;}
.car-why .n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
  background:var(--bcr-blue-light);color:var(--bcr-blue);font-family:var(--serif);font-weight:700;font-size:14px;}

/* Role cards */
.car-roles{display:grid;gap:18px;margin-top:34px;}
.car-role{background:var(--bcr-white);border:1px solid var(--bcr-gray-200);border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow-card);transition:box-shadow .25s,border-color .25s;}
.car-role:hover{border-color:var(--bcr-blue-mid);box-shadow:var(--shadow-lift);}
.car-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:28px 30px;cursor:pointer;min-width:0;}
.car-head h3{font-family:var(--serif);font-size:23px;font-weight:700;color:var(--bcr-dark);margin:10px 0 8px;line-height:1.25;}
.car-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--bcr-gray-600);}
.car-meta span{display:inline-flex;align-items:center;gap:6px;}
.car-meta span::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--bcr-blue-mid);}
.car-toggle{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--bcr-gray-200);background:#fff;
  display:flex;align-items:center;justify-content:center;flex:0 0 40px;transition:all .25s;}
.car-toggle::before{content:'';width:9px;height:9px;border-right:2px solid var(--bcr-blue);border-bottom:2px solid var(--bcr-blue);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s;}
.car-role.open .car-toggle{background:var(--bcr-blue);border-color:var(--bcr-blue);}
.car-role.open .car-toggle::before{border-color:#fff;transform:rotate(225deg) translate(-2px,-2px);}
.car-body{display:none;padding:0 30px 30px;border-top:1px solid var(--bcr-gray-200);margin-top:-1px;}
.car-role.open .car-body{display:block;animation:carIn .35s cubic-bezier(.2,.7,.3,1);}
@keyframes carIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.car-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:26px;}
.car-col h4{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bcr-blue);margin-bottom:12px;}
.car-col.warn h4{color:var(--bcr-red);}
.car-col ul{list-style:none;padding:0;margin:0;}
.car-col li{position:relative;padding:0 0 10px 20px;font-size:14px;font-weight:300;color:var(--bcr-gray-600);line-height:1.65;}
.car-col li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--bcr-blue-mid);}
.car-col.warn li::before{background:var(--bcr-red);}
.car-intro{font-size:15px;font-weight:300;color:var(--bcr-gray-600);line-height:1.8;margin:22px 0 0;}
.car-apply{margin-top:24px;padding-top:22px;border-top:1px solid var(--bcr-gray-200);display:flex;gap:14px;align-items:center;flex-wrap:wrap;}

.badge-open{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#1FAF5A;background:rgba(31,175,90,.1);padding:6px 13px;border-radius:100px;}
.badge-open i{width:6px;height:6px;border-radius:50%;background:#1FAF5A;}

/* Application form */
.car-form-wrap{background:var(--bcr-white);border:1px solid var(--bcr-gray-200);border-radius:20px;
  padding:42px 40px;box-shadow:var(--shadow-card);margin-top:14px;}
.car-form-wrap .wpforms-container{margin:0;}
.car-form-wrap .wpforms-head-container{display:none;}
.car-form-wrap .wpforms-field{padding:0 0 18px !important;}
.car-form-wrap .wpforms-field-label{font-family:var(--sans) !important;font-size:10.5px !important;font-weight:700 !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--bcr-gray-600) !important;margin-bottom:8px !important;}
.car-form-wrap .wpforms-field-sublabel,.car-form-wrap .wpforms-field-description{font-size:12.5px !important;
  color:var(--bcr-gray-400) !important;font-weight:300 !important;}
.car-form-wrap input[type=text],.car-form-wrap input[type=email],.car-form-wrap input[type=url],
.car-form-wrap input[type=tel],.car-form-wrap select,.car-form-wrap textarea{
  font-family:var(--sans) !important;font-size:15px !important;padding:14px 16px !important;
  border:1.5px solid var(--bcr-gray-200) !important;border-radius:11px !important;width:100% !important;
  background:#fff !important;color:var(--bcr-dark) !important;}
.car-form-wrap input:focus,.car-form-wrap select:focus,.car-form-wrap textarea:focus{
  border-color:var(--bcr-blue) !important;box-shadow:0 0 0 4px rgba(46,49,146,.09) !important;outline:none !important;}
.car-form-wrap textarea{min-height:120px !important;}
.car-form-wrap .wpforms-uploader{border:1.5px dashed var(--bcr-gray-200) !important;border-radius:12px !important;
  background:var(--bcr-gray-100) !important;padding:26px !important;transition:border-color .2s,background .2s;}
.car-form-wrap .wpforms-uploader:hover{border-color:var(--bcr-blue) !important;background:#FAFAFE !important;}
.car-form-wrap button[type=submit]{font-family:var(--sans) !important;font-size:12.5px !important;font-weight:700 !important;
  letter-spacing:.07em !important;text-transform:uppercase !important;background:var(--bcr-blue) !important;color:#fff !important;
  border:none !important;border-radius:100px !important;padding:16px 36px !important;width:100% !important;cursor:pointer;}
.car-form-wrap button[type=submit]:hover{background:var(--bcr-blue-deep) !important;}
.car-form-wrap .wpforms-confirmation-container-full{background:var(--bcr-blue-light) !important;border:none !important;
  border-radius:14px !important;padding:28px !important;}

@media(max-width:900px){
  .car-why{grid-template-columns:1fr;gap:16px;}
  .car-grid{grid-template-columns:1fr;gap:22px;}
}
@media(max-width:640px){
  .car-hero{padding:120px 0 6px;}
  .car-hero .lede{font-size:16px;}
  .car-head{padding:22px 20px;grid-template-columns:1fr auto;gap:14px;}
  .car-head h3{font-size:19px;}
  .car-body{padding:0 20px 24px;}
  .car-form-wrap{padding:26px 20px;}
  .car-apply .btn{width:100%;justify-content:center;}
}