/*
Theme Name:   PMOstart Talent (WorkScout Child)
Theme URI:    https://jobs.pmostart.com/
Description:  Brand re-skin of WorkScout for PMOstart Talent. Maps the PMOstart.com brand system (Sora + Inter, purple #6D28FF / navy #070B1A) onto the WorkScout + WP Job Manager job marketplace. Built for execution.
Author:       PMOstart
Author URI:   https://pmostart.com/
Template:     workscout
Version:      1.0.0
Text Domain:  pmostart-talent
*/

/* =========================================================================
   PMOSTART TALENT — BRAND TOKENS
   Source of truth: pmostart.com theme.css (extracted live)
   ========================================================================= */
:root{
  /* Brand core */
  --pmo-purple:        #6D28FF;
  --pmo-purple-bright: #9A2CFF;
  --pmo-purple-deep:   #4C1D95;
  --pmo-purple-mid:    #7C5CFF;
  --pmo-purple-soft:   #F0EBFF;

  /* Dark / navy system */
  --pmo-navy:   #070B1A;
  --pmo-navy-2: #0B1228;
  --pmo-navy-3: #101A3A;

  /* Neutrals */
  --pmo-ink:    #0A0E1A;
  --pmo-muted:  #5A6072;
  --pmo-muted-2:#8B90A0;
  --pmo-gray:   #F6F6F8;
  --pmo-gray-2: #EEF0F5;
  --pmo-border: #E6E8EF;
  --pmo-white:  #FFFFFF;

  /* Status */
  --pmo-ok:   #22C55E;
  --pmo-warn: #F59E0B;
  --pmo-bad:  #EF4444;

  /* Gradients */
  --pmo-grad:      linear-gradient(135deg,#6D28FF 0%,#9A2CFF 100%);
  --pmo-grad-hero: linear-gradient(120deg,#070B1A 0%,#11103A 55%,#1A0F3D 100%);

  /* Shape + depth */
  --pmo-r:    12px;
  --pmo-r-lg: 18px;
  --pmo-r-xl: 24px;
  --pmo-shadow-sm: 0 2px 12px rgba(109,40,255,.08);
  --pmo-shadow:    0 4px 24px rgba(109,40,255,.12);
  --pmo-shadow-lg: 0 18px 48px rgba(16,20,40,.14);

  /* Type */
  --pmo-font-head: 'Sora','Inter',Arial,Helvetica,sans-serif;
  --pmo-font-body: 'Inter',Arial,Helvetica,sans-serif;
}

/* =========================================================================
   1. TYPOGRAPHY
   ========================================================================= */
body,
.workscout, .workscout p, .workscout li, .workscout td,
input, select, textarea, button{
  font-family: var(--pmo-font-body) !important;
  color: var(--pmo-ink);
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,
.page-title h1, .listing-hero h1,
.widget-title, .section-headline, .entry-title, .job_listing-title{
  font-family: var(--pmo-font-head) !important;
  letter-spacing: -.01em;
  color: var(--pmo-ink);
}
h1{ font-weight:800; }
h2,h3{ font-weight:700; }

/* =========================================================================
   2. GLOBAL LINKS + ACCENT
   ========================================================================= */
a{ color: var(--pmo-purple); }
a:hover{ color: var(--pmo-purple-deep); }

::selection{ background: var(--pmo-purple-soft); color: var(--pmo-purple-deep); }

/* =========================================================================
   3. BUTTONS  (WorkScout + WP Job Manager + Elementor)
   ========================================================================= */
.button, a.button, input[type="submit"], button[type="submit"],
.wp-element-button, .application_button, .job_application .button,
.elementor-button, .search_jobs .button, .wpjm-button{
  background: var(--pmo-grad) !important;
  border: none !important;
  color: #fff !important;
  border-radius: var(--pmo-r) !important;
  font-family: var(--pmo-font-head) !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
  box-shadow: var(--pmo-shadow-sm);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.button:hover, a.button:hover, input[type="submit"]:hover, button[type="submit"]:hover,
.wp-element-button:hover, .application_button:hover, .elementor-button:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: var(--pmo-shadow);
  color:#fff !important;
}
/* Secondary / outline button */
.button.secondary, a.button.outline, .button.white{
  background: #fff !important;
  color: var(--pmo-purple) !important;
  border: 1.5px solid var(--pmo-purple) !important;
  box-shadow: none;
}
.button.secondary:hover, a.button.outline:hover{
  background: var(--pmo-purple-soft) !important;
  color: var(--pmo-purple-deep) !important;
}

/* =========================================================================
   4. HEADER / NAV
   ========================================================================= */
#header, .header-container, .menu-responsive, header.site-header{
  background: var(--pmo-white) !important;
  border-bottom: 1px solid var(--pmo-border);
}
#navigation ul li a, .nav-holder a, .main-menu a{
  font-family: var(--pmo-font-head) !important;
  font-weight: 600;
  color: var(--pmo-ink) !important;
}
#navigation ul li a:hover, .main-menu a:hover,
#navigation ul li.current-menu-item a{
  color: var(--pmo-purple) !important;
}
/* Header "post a job / sign in" action buttons */
.header-widget .button, .sign-in, .header_widget .button{
  background: var(--pmo-grad) !important;
  color:#fff !important;
}

/* =========================================================================
   5. HERO + JOB SEARCH BAR
   ========================================================================= */
.dashboard-nav, .listing-hero, #titlebar.with-search, .main-search-container,
.intro-banner, .hero, .parallax{
  background: var(--pmo-grad-hero) !important;
  background-size: cover !important;
}
.intro-banner, .intro-banner h1, .intro-banner h2, .intro-banner h3,
.main-search-container, .main-search-container h1, .main-search-container h2,
#titlebar.with-search h1, #titlebar.with-search h2{
  color: #fff !important;
}
.intro-banner h3 strong, .intro-banner .intro-headline strong{
  color: var(--pmo-purple-mid) !important;
}
/* search input shell */
.main-search-input, .search-jobs-form, .job_filters, .main_search{
  background: rgba(255,255,255,.96) !important;
  border-radius: var(--pmo-r-lg) !important;
  box-shadow: var(--pmo-shadow-lg);
}
.main-search-input input, .job_filters input.search_keywords,
.job_filters input.search_location{
  border: 1px solid var(--pmo-border) !important;
  border-radius: var(--pmo-r) !important;
  font-family: var(--pmo-font-body) !important;
}
.main-search-input-item i, .search-jobs-form i{ color: var(--pmo-purple); }

/* =========================================================================
   6. JOB LISTING CARDS  (WP Job Manager + WorkScout list/grid)
   ========================================================================= */
ul.job_listings li.job_listing,
.listings-container .job-listing,
.job-listing, .listing-item, .job_listing{
  background: var(--pmo-white) !important;
  border: 1px solid var(--pmo-border) !important;
  border-radius: var(--pmo-r-lg) !important;
  box-shadow: var(--pmo-shadow-sm);
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
ul.job_listings li.job_listing:hover,
.listings-container .job-listing:hover,
.listing-item:hover{
  box-shadow: var(--pmo-shadow);
  transform: translateY(-2px);
  border-color: var(--pmo-purple-soft) !important;
}
.job-listing-title, .listing-title h4, li.job_listing .position h3,
li.job_listing a .position h3{
  font-family: var(--pmo-font-head) !important;
  font-weight: 700;
  color: var(--pmo-ink) !important;
}
/* Job type / tag chips */
.job-type, li.job_listing .meta .job-type, .listing-badges .listing-badge,
.job_listing .job-type{
  border-radius: 999px !important;
  font-family: var(--pmo-font-head) !important;
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .02em;
}
.job-type.full-time, .job-type.full_time{ background: var(--pmo-purple-soft) !important; color: var(--pmo-purple-deep) !important; }
.job-type.part-time, .job-type.part_time{ background: #E7F7EE !important; color: #157347 !important; }
.job-type.contract{ background: #FFF3E0 !important; color: #B45309 !important; }
.job-type.freelance, .job-type.fractional{ background: #E8F1FF !important; color: #1D4ED8 !important; }
.job-type.temporary, .job-type.contract-to-hire{ background: var(--pmo-gray-2) !important; color: var(--pmo-muted) !important; }

/* =========================================================================
   7. CATEGORY BOXES / "POPULAR CATEGORIES"
   ========================================================================= */
.categories-boxes-container a.category-box, .category-box, .icon-box,
.categories-grid a{
  background: var(--pmo-white) !important;
  border: 1px solid var(--pmo-border) !important;
  border-radius: var(--pmo-r-lg) !important;
  transition: all .18s ease;
}
.categories-boxes-container a.category-box:hover, .category-box:hover, .icon-box:hover{
  border-color: var(--pmo-purple) !important;
  box-shadow: var(--pmo-shadow);
  transform: translateY(-2px);
}
.category-box-icon i, .icon-box i, .categories-boxes-container i{ color: var(--pmo-purple) !important; }
.category-box-counter, .category-box .count{
  background: var(--pmo-grad) !important; color:#fff !important; border-radius:999px !important;
}

/* =========================================================================
   8. SECTION HEADINGS / EYEBROWS
   ========================================================================= */
.section-headline span, .eyebrow, .subtitle.uppercase{
  color: var(--pmo-purple) !important;
  font-family: var(--pmo-font-head) !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .78rem;
}

/* =========================================================================
   9. DASHBOARDS (candidate + employer)
   ========================================================================= */
.dashboard-nav, .dashboard-box .headline, .account-type label.ribbon.active{
  background: var(--pmo-grad) !important; color:#fff !important;
}
.dashboard-nav ul li a:hover, .dashboard-nav ul li.active-menu a{ color:#fff !important; }
.dashboard-box, .dashboard-list-box{
  border-radius: var(--pmo-r-lg) !important;
  border: 1px solid var(--pmo-border) !important;
  box-shadow: var(--pmo-shadow-sm);
}

/* =========================================================================
   10. FOOTER
   ========================================================================= */
#footer, .site-footer, footer.footer{
  background: var(--pmo-navy) !important;
  color: #C7CBD9 !important;
}
#footer h3, #footer h4, .site-footer h3, .site-footer h4{
  color:#fff !important; font-family: var(--pmo-font-head) !important;
}
#footer a, .site-footer a{ color:#C7CBD9 !important; }
#footer a:hover, .site-footer a:hover{ color: var(--pmo-purple-mid) !important; }
.footer-bottom, .copyrights{ background: var(--pmo-navy-2) !important; color:#9aa0b4 !important; }
#footer .social-icons a{ background: rgba(255,255,255,.06) !important; }
#footer .social-icons a:hover{ background: var(--pmo-grad) !important; color:#fff !important; }

/* =========================================================================
   11. FORMS / INPUTS  (contact, resume, post a job)
   ========================================================================= */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], input[type="search"], select, textarea, .chosen-container{
  border-radius: var(--pmo-r) !important;
  border: 1px solid var(--pmo-border) !important;
  font-family: var(--pmo-font-body) !important;
}
input:focus, select:focus, textarea:focus{
  outline: none !important;
  border-color: var(--pmo-purple) !important;
  box-shadow: 0 0 0 3px var(--pmo-purple-soft) !important;
}

/* =========================================================================
   12. MISC ACCENTS — pagination, tags, progress, links list
   ========================================================================= */
.pagination ul li a.current-page, .pagination .current,
.bookmark-icon.bookmarked, .star-rating:before{
  background: var(--pmo-grad) !important; color:#fff !important;
}
blockquote{ border-left: 4px solid var(--pmo-purple) !important; }
.notification.success{ background: #E7F7EE !important; border-color: var(--pmo-ok) !important; }

/* =========================================================================
   13. TRUST BAR (credential / client logos strip)
   ========================================================================= */
.pmo-trust-bar{
  display:flex; flex-wrap:wrap; gap:18px 28px; align-items:center; justify-content:center;
  padding:18px 16px; background:var(--pmo-gray); border-top:1px solid var(--pmo-border);
  border-bottom:1px solid var(--pmo-border);
  font-family:var(--pmo-font-head); font-weight:700; color:var(--pmo-muted);
  font-size:.82rem; letter-spacing:.04em;
}
.pmo-trust-bar .pmo-cred{ color:var(--pmo-purple-deep); }

/* =========================================================================
   14. UTILITY — hide leftover WorkScout demo elements if needed
   (uncomment selectors after confirming against live DOM)
   ========================================================================= */
/* .home .testimonials-demo, .home .blog-demo-widget { display:none !important; } */