/* FreeJobMela site-wide look: colours, cards and forms for job listings, dashboards and shop pages. */
:root{--fjm-navy:#0B3C91;--fjm-deep:#061B4B;--fjm-orange:#F97316;--fjm-orange-d:#EA580C;--fjm-soft:#F3F6FB;--fjm-line:#DDE3EE;--fjm-ink:#0F1F3D}
body{color:var(--fjm-ink)}
/* buttons */
.button,button.button,input[type=submit].button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce-Button,.job-manager-form input[type=submit],.job-manager-form .button,input.application_button.button,.application_button{background:linear-gradient(135deg,var(--fjm-orange),var(--fjm-orange-d))!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:.7rem 1.5rem!important;font-weight:700!important;box-shadow:0 8px 18px rgba(249,115,22,.25);transition:transform .15s ease,filter .15s ease}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.application_button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2563EB;outline-offset:2px}
/* fields */
input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],select,textarea{border:1.5px solid var(--fjm-line);border-radius:.7rem;background:#F7F9FD}
input:focus,select:focus,textarea:focus{border-color:#2563EB;background:#fff}
/* job search filters (Browse Jobs) */
.job_filters{background:#fff;border:1px solid var(--fjm-line);border-radius:1.1rem;padding:1rem 1.1rem;box-shadow:0 6px 20px rgba(11,60,145,.08);margin-bottom:1.25rem}
.job_filters .search_jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem}
.job_filters .search_jobs>div{margin:0}
.job_filters .filter_wide,.job_filters .showing_jobs{grid-column:1/-1}
/* job list cards */
ul.job_listings{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
ul.job_listings li.job_listing{margin:0;background:#fff;border:1px solid #E3EAF6;border-left:5px solid var(--fjm-orange);border-radius:1rem;box-shadow:0 4px 14px rgba(11,60,145,.07);transition:transform .2s ease,box-shadow .2s ease}
ul.job_listings li.job_listing:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(11,60,145,.15);border-left-color:var(--fjm-navy)}
ul.job_listings li.job_listing.job_position_featured{background:linear-gradient(135deg,#FFF7ED,#fff);border-left-color:var(--fjm-orange-d)}
ul.job_listings li.job_listing a{padding:1rem 1.2rem;text-decoration:none}
ul.job_listings li.job_listing h3{color:var(--fjm-navy);font-weight:800;margin:0 0 .15rem}
ul.job_listings li.job_listing .company strong{color:var(--fjm-ink)}
ul.job_listings li.job_listing .meta li{border-radius:999px;background:var(--fjm-soft);padding:.15rem .7rem;font-size:.85rem;font-weight:600;color:var(--fjm-navy)}
.job-manager-pagination a,.load_more_jobs{border-radius:999px}
/* forms: submit job, alerts, dashboard */
.job-manager-form fieldset{border:1px solid var(--fjm-line);border-radius:.9rem;padding:.9rem 1rem;background:#fff;margin-bottom:.8rem}
.job-manager-form label{font-weight:700;color:var(--fjm-ink)}
table.job-manager-jobs{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--fjm-line);border-radius:1rem;overflow:hidden;background:#fff}
table.job-manager-jobs th{background:var(--fjm-deep);color:#fff;font-weight:700;padding:.7rem .8rem}
table.job-manager-jobs td{padding:.7rem .8rem;border-top:1px solid #EEF2F9}
/* shop pages: cart, checkout, account */
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-radius:.8rem;border-top-color:var(--fjm-orange)}
.woocommerce table.shop_table{border-radius:1rem;overflow:hidden;border-color:var(--fjm-line)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:grid;gap:.4rem}
.woocommerce-MyAccount-navigation li a{display:block;padding:.6rem .9rem;border-radius:.7rem;background:var(--fjm-soft);color:var(--fjm-navy);font-weight:600;text-decoration:none}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--fjm-navy);color:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}