/*
Theme Name:   Employermate
Theme URI:    https://employermate.com
Author:       Employermate
Author URI:   https://employermate.com
Description:  A professional jobs-board theme for employermate.com. Dark, formal palette with bright accents, built for job seekers and employers, with full support for the Jobswebb plugin (search, paid job unlocks, resume tools, employer listings, pricing and checkout), four footer widget areas, WooCommerce and Classic Editor / Gutenberg.
Version:      1.0.2
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  employermate
Tags:         job-board, business, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, translation-ready, threaded-comments, wide-blocks, e-commerce
*/

:root{
	--em-navy:#0a1628;
	--em-navy-2:#12233b;
	--em-slate:#1d3250;
	--em-accent:#ffa41b;
	--em-accent-dark:#e08a00;
	--em-accent2:#12d6b0;
	--em-text:#1b2635;
	--em-muted:#5b6b7e;
	--em-bg:#f4f6f9;
	--em-card:#ffffff;
	--em-border:#dfe5ec;
	--em-radius:10px;
	--em-shadow:0 6px 24px rgba(10,22,40,.08);
	--em-max:1180px;
	--em-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--em-font-head:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--em-font);color:var(--em-text);background:var(--em-bg);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;height:auto}
a{color:#0b5cad;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5{font-family:var(--em-font-head);line-height:1.25;color:var(--em-navy);margin:0 0 .6em}
h1{font-size:clamp(1.9rem,4vw,2.9rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.25rem}
p{margin:0 0 1.1em}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;clip:auto;clip-path:none;height:auto;width:auto;padding:12px 18px;left:8px;top:8px;z-index:100000;color:#000}
.em-container{width:100%;max-width:var(--em-max);margin:0 auto;padding:0 20px}
.em-wide .em-container.em-content-wrap{max-width:1180px}
:focus-visible{outline:3px solid var(--em-accent2);outline-offset:2px}

/* ---------- Buttons ---------- */
.em-btn,.wp-block-button__link,button.em-btn,input[type=submit],.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit{
	display:inline-block;background:var(--em-accent);color:var(--em-navy)!important;border:2px solid var(--em-accent);border-radius:8px;padding:11px 22px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none!important;transition:.15s;line-height:1.2;font-family:inherit}
.em-btn:hover,.wp-block-button__link:hover,input[type=submit]:hover{background:var(--em-accent-dark);border-color:var(--em-accent-dark)}
.em-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55)}
.em-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.em-btn--dark{background:var(--em-navy);border-color:var(--em-navy);color:#fff!important}
.em-btn--dark:hover{background:var(--em-slate);border-color:var(--em-slate)}
.em-btn--outline{background:transparent;color:var(--em-navy)!important;border-color:var(--em-navy)}
.em-btn--outline:hover{background:var(--em-navy);color:#fff!important}
.em-btn--lg{padding:14px 28px;font-size:16px}

/* ---------- Top bar ---------- */
.em-topbar{background:var(--em-navy);color:#b9c6d8;font-size:13px}
.em-topbar .em-container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.em-topbar a{color:#d5deea}
.em-topbar a:hover{color:#fff}
.em-audience{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.em-audience a{display:inline-block;padding:9px 14px;font-weight:600;border-bottom:3px solid transparent}
.em-audience a.is-seeker{border-color:var(--em-accent2);color:#fff}
.em-audience a.is-employer{border-color:var(--em-accent);color:#fff}
.em-account{display:flex;gap:16px;margin:0;padding:0;list-style:none;align-items:center}

/* ---------- Header ---------- */
.em-header{background:var(--em-navy-2);position:sticky;top:0;z-index:999;box-shadow:0 2px 0 rgba(255,255,255,.04)}
.admin-bar .em-header{top:32px}
@media(max-width:782px){.admin-bar .em-header{top:46px}}
.em-header .em-container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}
.em-brand{display:flex;align-items:center;gap:12px;min-width:0}
.em-brand .custom-logo{max-height:52px;width:auto}
.em-brand-text{display:flex;flex-direction:column;line-height:1.15}
.em-site-title{font-size:1.45rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin:0}
.em-site-title a{color:#fff;text-decoration:none}
.em-tagline{font-size:12px;color:#9fb0c6;margin:2px 0 0}
.em-nav{display:flex;align-items:center;gap:20px}
.em-menu{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.em-menu li{position:relative}
.em-menu a{display:block;padding:10px 13px;color:#e6edf6;font-weight:600;font-size:15px;border-radius:6px;text-decoration:none}
.em-menu a:hover,.em-menu .current-menu-item>a,.em-menu .current_page_item>a{background:rgba(255,255,255,.09);color:#fff}
.em-menu .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:var(--em-navy-2);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px;list-style:none;margin:0;display:none;box-shadow:var(--em-shadow)}
.em-menu li:hover>.sub-menu,.em-menu li:focus-within>.sub-menu,.em-menu li.is-open>.sub-menu{display:block}
.em-cta{display:flex;gap:10px;align-items:center}
.em-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:8px 12px;font-size:15px;cursor:pointer}

@media(max-width:980px){
	.em-toggle{display:inline-block}
	.em-nav{position:fixed;inset:0 0 0 auto;width:min(86vw,340px);background:var(--em-navy);flex-direction:column;align-items:stretch;padding:84px 18px 24px;transform:translateX(100%);transition:transform .25s;overflow:auto;z-index:1000}
	.admin-bar .em-nav{padding-top:130px}
	.em-nav.is-open{transform:none;box-shadow:-10px 0 40px rgba(0,0,0,.4)}
	.em-menu{flex-direction:column}
	.em-menu .sub-menu{position:static;display:block;border:0;background:transparent;padding:0 0 0 14px;box-shadow:none}
	.em-cta{flex-direction:column;align-items:stretch}
	.em-cta .em-btn{text-align:center}
	.em-toggle{position:relative;z-index:1001}
	.em-topbar .em-container{justify-content:center}
}

/* ---------- Hero ---------- */
.em-hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(18,214,176,.18),transparent 60%),radial-gradient(900px 400px at -10% 110%,rgba(255,164,27,.16),transparent 55%),linear-gradient(135deg,var(--em-navy) 0%,var(--em-navy-2) 60%,var(--em-slate) 100%);color:#dce6f2;padding:76px 0 70px}
.em-hero .em-container{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}
.em-hero h1{color:#fff;margin-bottom:.4em}
.em-hero h1 em{font-style:normal;color:var(--em-accent)}
.em-hero p.lead{font-size:1.15rem;color:#c3d1e3;max-width:620px}
.em-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--em-accent2);margin-bottom:14px}
.em-hero-search{background:#fff;border-radius:12px;padding:10px;box-shadow:0 18px 50px rgba(0,0,0,.35);margin:26px 0 14px}
.em-hero-search .jw-home-search,.em-hero-search form{display:grid;grid-template-columns:1.6fr 1.1fr .9fr auto;gap:8px}
.em-hero-search input,.em-hero-search select{border:1px solid var(--em-border);border-radius:8px;padding:13px;font-size:15px;width:100%;font-family:inherit;color:var(--em-text)}
.em-hero-links{font-size:14px;color:#a9bad0}
.em-hero-links a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:var(--em-accent)}
.em-hero-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:26px;backdrop-filter:blur(4px)}
.em-hero-panel h3{color:#fff;margin-bottom:14px}
.em-hero-panel ul{list-style:none;margin:0 0 18px;padding:0}
.em-hero-panel li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#d6e2f0}
.em-hero-panel li::before{content:"\2713";color:var(--em-accent2);font-weight:800}
.em-hero-panel .em-btn{width:100%;text-align:center}
@media(max-width:900px){.em-hero .em-container{grid-template-columns:1fr}.em-hero{padding:52px 0}.em-hero-search .jw-home-search,.em-hero-search form{grid-template-columns:1fr}}

/* ---------- Sections ---------- */
.em-section{padding:68px 0}
.em-section--white{background:#fff}
.em-section--dark{background:var(--em-navy);color:#cbd8e8}
.em-section--dark h2,.em-section--dark h3{color:#fff}
.em-section-head{text-align:center;max-width:700px;margin:0 auto 38px}
.em-section-head p{color:var(--em-muted)}
.em-section--dark .em-section-head p{color:#9fb0c6}
.em-trust{background:#fff;border-bottom:1px solid var(--em-border)}
.em-trust ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;margin:0;padding:22px 0}
.em-trust li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--em-navy);font-size:14.5px}
.em-trust li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--em-accent2);flex:none}
@media(max-width:800px){.em-trust ul{grid-template-columns:1fr 1fr}}
.em-grid{display:grid;gap:22px}
.em-grid-2{grid-template-columns:repeat(2,1fr)}
.em-grid-3{grid-template-columns:repeat(3,1fr)}
.em-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.em-grid-3,.em-grid-4{grid-template-columns:1fr 1fr}.em-grid-2{grid-template-columns:1fr}}
@media(max-width:600px){.em-grid-3,.em-grid-4{grid-template-columns:1fr}}
.em-card{background:var(--em-card);border:1px solid var(--em-border);border-radius:var(--em-radius);padding:26px;box-shadow:var(--em-shadow)}
.em-card h3{margin-bottom:8px}
.em-audience-card{position:relative;overflow:hidden;padding:34px}
.em-audience-card::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--em-accent2)}
.em-audience-card.is-employer::before{background:var(--em-accent)}
.em-audience-card ul{padding-left:18px;margin:0 0 20px}
.em-audience-card li{margin:6px 0}
.em-steps{counter-reset:s;list-style:none;margin:0;padding:0}
.em-steps li{counter-increment:s;position:relative;padding:0 0 18px 54px}
.em-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--em-navy);color:#fff;display:grid;place-items:center;font-weight:800}
.em-steps.is-employer li::before{background:var(--em-accent);color:var(--em-navy)}
.em-steps strong{display:block;color:var(--em-navy)}
.em-price-card{text-align:center;display:flex;flex-direction:column;gap:6px}
.em-price-card .em-amt{font-size:2rem;font-weight:800;color:var(--em-navy)}
.em-price-card .em-kes{color:var(--em-muted);font-size:13px;margin:0 0 10px}
.em-price-card.is-hot{border:2px solid var(--em-accent);position:relative}
.em-price-card.is-hot::after{content:"Most popular";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--em-accent);color:var(--em-navy);font-size:12px;font-weight:800;padding:3px 12px;border-radius:20px}
.em-price-card .em-btn{margin-top:auto}
.em-cta-band{background:linear-gradient(120deg,var(--em-navy),var(--em-slate));color:#d5e0ee;border-radius:16px;padding:44px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.em-cta-band h2{color:#fff;margin:0 0 6px}
.em-cta-band p{margin:0;color:#b7c6da}
.em-cta-band .em-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Page header band + content ---------- */
.em-page-head{background:linear-gradient(135deg,var(--em-navy),var(--em-navy-2));color:#c6d3e4;padding:44px 0}
.em-page-head h1{color:#fff;margin:0}
.em-page-head p{margin:8px 0 0;color:#aab9cd}
.em-breadcrumbs{font-size:13px;color:#8fa2bb;margin-bottom:10px}
.em-breadcrumbs a{color:#c6d3e4}
.em-main{padding:44px 0 70px}
.em-content-wrap{max-width:860px}
.em-wide .em-content-wrap,.em-fullwidth .em-content-wrap{max-width:var(--em-max)}
.em-article{background:#fff;border:1px solid var(--em-border);border-radius:var(--em-radius);padding:34px;box-shadow:var(--em-shadow)}
.em-wide .em-article,.em-fullwidth .em-article{background:transparent;border:0;box-shadow:none;padding:0}
.entry-content>*:last-child{margin-bottom:0}
.entry-content h2,.entry-content h3{margin-top:1.6em}
.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content img{border-radius:8px}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content th,.entry-content td{border:1px solid var(--em-border);padding:9px 12px;text-align:left}
.entry-content blockquote{border-left:4px solid var(--em-accent);margin:1.4em 0;padding:4px 0 4px 18px;color:var(--em-muted)}
.alignwide{max-width:var(--em-max)}
.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{display:block;margin:0 auto 1em}
.wp-caption-text,figcaption{font-size:13px;color:var(--em-muted)}
.post-meta{font-size:13px;color:var(--em-muted);margin-bottom:16px}
.em-post-card{display:flex;flex-direction:column;overflow:hidden;padding:0}
.em-post-card .thumb img{width:100%;height:190px;object-fit:cover;display:block;border-radius:0}
.em-post-card .body{padding:20px}
.em-pagination{display:flex;gap:6px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.em-pagination .page-numbers{padding:8px 14px;border:1px solid var(--em-border);background:#fff;border-radius:6px;color:var(--em-navy);font-weight:600;text-decoration:none}
.em-pagination .current{background:var(--em-navy);color:#fff;border-color:var(--em-navy)}
.search-form{display:flex;gap:8px}
.search-form input[type=search]{flex:1;padding:12px;border:1px solid var(--em-border);border-radius:8px;font-family:inherit}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=tel],input[type=number],input[type=search],textarea,select{font-family:inherit;color:var(--em-text)}
.entry-content input[type=text],.entry-content input[type=email],.entry-content input[type=password],.entry-content textarea,.entry-content select,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:11px;border:1px solid var(--em-border);border-radius:8px}

/* ---------- Job single ---------- */
.em-job-head{background:linear-gradient(135deg,var(--em-navy),var(--em-slate));color:#c6d3e4;padding:42px 0}
.em-job-head h1{color:#fff;margin-bottom:10px}
.em-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.em-chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#e5edf8;padding:5px 12px;border-radius:20px;font-size:13px}
.em-job-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
@media(max-width:960px){.em-job-layout{grid-template-columns:1fr}}
.em-aside .em-card{margin-bottom:18px}
.em-aside h3{font-size:1.05rem}
.em-aside .em-btn{width:100%;text-align:center;margin-top:6px}
.em-related a{display:block;padding:9px 0;border-bottom:1px solid var(--em-border);font-weight:600}
.em-related small{display:block;color:var(--em-muted);font-weight:400}

/* ---------- Footer ---------- */
.em-footer{background:var(--em-navy);color:#aebcd0;margin-top:0}
.em-footer-widgets{padding:62px 0 34px;border-bottom:1px solid rgba(255,255,255,.08)}
.em-footer-widgets .em-container{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
@media(max-width:980px){.em-footer-widgets .em-container{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.em-footer-widgets .em-container{grid-template-columns:1fr}}
.em-footer .widget{margin-bottom:26px}
.em-footer .widget-title,.em-footer h4{color:#fff;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;position:relative;padding-bottom:10px}
.em-footer .widget-title::after,.em-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--em-accent);border-radius:2px}
.em-footer a{color:#cdd9e8}
.em-footer a:hover{color:var(--em-accent)}
.em-footer ul{list-style:none;margin:0;padding:0}
.em-footer li{padding:5px 0}
.em-footer .widget_search input[type=search]{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff;padding:10px;border-radius:8px;width:100%}
.em-footer-bar{padding:20px 0;font-size:13.5px}
.em-footer-bar .em-container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.em-footer-menu{display:flex;gap:16px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.em-pay-badges{display:flex;gap:8px;flex-wrap:wrap}
.em-pay{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e5edf8;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.03em}
.em-social{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.em-social a{background:rgba(255,255,255,.08);border-radius:6px;padding:6px 11px;font-size:13px;font-weight:600}

/* ---------- Comments ---------- */
.comment-list{list-style:none;padding:0}
.comment-body{border:1px solid var(--em-border);border-radius:8px;padding:14px;margin-bottom:12px;background:#fff}
.comment-list .children{list-style:none;padding-left:20px}

/* ---------- Jobswebb plugin integration ---------- */
body .jw-btn{background:var(--em-accent);color:var(--em-navy)!important;border-radius:8px;font-weight:700}
body .jw-btn:hover{background:var(--em-accent-dark)}
body .jw-btn-alt{background:var(--em-navy);color:#fff!important}
body .jw-btn-alt:hover{background:var(--em-slate)}
body .jw-link,body .jw-ok{color:#0a8f75}
body .jw-badge{background:var(--em-accent);color:var(--em-navy);font-weight:700}
body .jw-badge.jw-free{background:#c8f3e8}
body .jw-card,body .jw-dash section,body .jw-price{border-radius:var(--em-radius);border-color:var(--em-border);box-shadow:var(--em-shadow)}
body .jw-card h3 a{color:var(--em-navy)}
body .jw-featured{border-color:var(--em-accent);background:#fff8ec}
body .jw-paywall,body .jw-wizard{border:2px dashed var(--em-accent);background:#fffaf1;border-radius:var(--em-radius)}
body .jw-import{border-color:var(--em-accent2);background:#f2fcf9}
body .jw-pager a.is-current{background:var(--em-navy)}
body .jw-home-card{border-radius:var(--em-radius);box-shadow:var(--em-shadow)}
body .jw-home-card:hover{border-color:var(--em-accent)}
body .jw-form input,body .jw-form select,body .jw-form textarea{font-family:inherit}
body .jw-search .jw-form{background:#fff;padding:12px;border-radius:12px;border:1px solid var(--em-border);box-shadow:var(--em-shadow)}
body .jw-meta li{display:inline-block;margin:0 14px 6px 0;color:var(--em-muted)}
body .jw-modal-box{border-radius:14px}
.em-hero-search .jw-home-search{margin:0}
.em-hero-search .jw-btn{padding:13px 22px}

/* ---------- WooCommerce basics ---------- */
.woocommerce .em-article,.woocommerce-page .em-article{background:#fff}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--em-navy);font-weight:700}
.woocommerce span.onsale{background:var(--em-accent);color:var(--em-navy)}
.woocommerce-message,.woocommerce-info{border-top-color:var(--em-accent2)}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--em-accent);color:var(--em-navy)}

@media print{.em-topbar,.em-header,.em-footer{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}