/* Job Boost pages (resources/views/boost/*) and TOP / URGENT labels. */
.boost-page{padding: 30px 0 50px;}
.boost-wrap{max-width: 640px; margin: 0 auto; padding: 28px; border-radius: 16px; background: #fff; border: 1px solid #e6eaf2;}
.boost-posted{margin-bottom: 18px; padding: 12px 16px; border-radius: 10px; background: #e7f7ef; color: #146c43;}
.boost-title{margin: 0 0 6px; text-align: center; font-size: 26px; font-weight: 800; color: #14213d;}
.boost-sub{margin-bottom: 20px; text-align: center; color: #4b5563;}
.boost-active{margin-bottom: 18px; padding: 12px 16px; border-radius: 10px; background: #f5f8ff; border: 1px solid #dbe5ff; font-size: 14px;}

.boost-option{margin-bottom: 14px; border: 2px solid #e6eaf2; border-radius: 14px; overflow: hidden; transition: border-color .2s, box-shadow .2s;}
.boost-option.is-selected{border-color: #17a865; box-shadow: 0 6px 18px rgba(23, 168, 101, .12);}
.boost-option__head{display: flex; align-items: flex-start; gap: 12px; padding: 16px;}
.boost-option__icon{flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px;}
.boost-option__icon--top{background: #f5a300;}
.boost-option__icon--urgent{background: #e53935;}
.boost-option__text{flex: 1 1 0; min-width: 0;}
.boost-option__text h3{margin: 0 0 4px; font-size: 17px; font-weight: 700; color: #14213d;}
.boost-option__text p{margin: 0; color: #6b7280; font-size: 14px;}
.boost-option__from{white-space: nowrap; color: #14213d; font-size: 14px;}
.boost-option__choices{display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 16px 68px;}
.boost-choice{margin: 0; cursor: pointer;}
.boost-choice input{position: absolute; opacity: 0; pointer-events: none;}
.boost-choice span{display: inline-block; padding: 8px 14px; border-radius: 20px; border: 1px solid #d5dbe6; background: #fff; font-size: 14px; color: #374151; transition: all .15s;}
.boost-choice input:checked + span{border-color: #17a865; background: #17a865; color: #fff;}
.boost-choice input:focus-visible + span{outline: 2px solid #0357e9; outline-offset: 2px;}

.boost-total{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #e6eaf2; font-size: 18px;}
.boost-total .btn{padding: 12px 22px; border-radius: 10px;}
.boost-total .btn:disabled{opacity: .5; cursor: not-allowed;}
.boost-secure{margin: 12px 0 0; color: #6b7280; font-size: 13px;}

.boost-result h2{margin: 14px 0 10px; font-size: 24px; font-weight: 800; color: #14213d;}
.boost-result__icon{width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; background: #eef2f8; color: #0357e9; font-size: 28px; display: flex; align-items: center; justify-content: center;}
.boost-result__icon--ok{background: #e7f7ef; color: #17a865;}
.boost-result__icon--bad{background: #fde8e8; color: #e53935;}
.boost-result__items{margin: 0 0 10px; padding: 0; list-style: none;}
.boost-result__items li{padding: 6px 0;}

/* Labels on job cards / pages */
.boost-chip{display: inline-block; padding: 2px 9px; border-radius: 4px; font-size: 11px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: #fff; vertical-align: middle;}
.boost-chip--top{background: #f5a300;}
.boost-chip--urgent{background: #e53935;}
.boost-chip--foreign{background: #0357e9;}
.job-boost-labels{position: absolute; top: 10px; left: 10px; z-index: 3; display: flex; gap: 6px; pointer-events: none;}
.job-boost-labels--inline{position: static; display: inline-flex; margin: 0 6px 6px 0;}
.posted-job-actions__btn--boost{background: #fff4d6 !important; color: #8a6100 !important; border-color: #f5c84c !important;}

@media (max-width: 575px){
    .boost-wrap{padding: 18px;}
    .boost-title{font-size: 22px;}
    .boost-option__head{flex-wrap: wrap;}
    .boost-option__from{flex-basis: 100%; padding-left: 52px; font-size: 13px; color: #6b7280;}
    .boost-option__choices{padding-left: 16px;}
    .boost-total .btn{width: 100%;}
}