/*
Theme Name:   Hirencer
Theme URI:    https://hirencer.com
Description:  Hirencer custom mobile-first design. Child theme of WorkScout.
Author:       Hirencer
Template:     workscout
Version:      1.0.3
Text Domain:  hirencer
*/

/* ==========================================================================
   1. Design tokens
   ========================================================================== */
:root {
	--hc-violet: #9a52f2;
	--hc-indigo: #5b3fd9;
	--hc-blue:   #2563ff;
	--hc-orange: #ff8a00;
	--hc-orange-d: #e67a00;
	--hc-ink:    #0f1729;
	--hc-ink-2:  #1b2440;
	--hc-muted:  #6b7280;
	--hc-line:   #e6e8f0;
	--hc-bg:     #f6f7fb;
	--hc-surface:#ffffff;
	--hc-grad:   linear-gradient(135deg, #9a52f2 0%, #5b41ce 48%, #2762ff 100%);
	--hc-radius: 18px;
	--hc-radius-sm: 12px;
	--hc-shadow: 0 1px 2px rgba(15, 23, 41, .05), 0 8px 24px rgba(15, 23, 41, .06);
	--hc-shadow-lg: 0 12px 40px rgba(91, 63, 217, .22);
	--hc-gutter: 16px;
	--hc-header-h: 60px;
	--hc-tabbar-h: 64px;
	--hc-font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   2. Base
   ========================================================================== */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.hc-theme,
body.hc-theme p, body.hc-theme a, body.hc-theme li, body.hc-theme span,
body.hc-theme input, body.hc-theme textarea, body.hc-theme select, body.hc-theme button,
body.hc-theme h1, body.hc-theme h2, body.hc-theme h3, body.hc-theme h4, body.hc-theme h5, body.hc-theme h6 {
	font-family: var(--hc-font);
}
body.hc-theme {
	background: var(--hc-bg);
	color: var(--hc-ink);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	padding-bottom: calc(var(--hc-tabbar-h) + env(safe-area-inset-bottom));
}
body.hc-theme h1, body.hc-theme h2, body.hc-theme h3, body.hc-theme h4 {
	color: var(--hc-ink);
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.2;
}
body.hc-theme a { color: var(--hc-indigo); }
body.hc-theme a:hover { color: var(--hc-blue); }
body.hc-theme img { max-width: 100%; height: auto; }
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
:focus-visible { outline: 3px solid rgba(91, 63, 217, .45); outline-offset: 2px; border-radius: 6px; }

.hc-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 var(--hc-gutter); }
.hc-i { width: 22px; height: 22px; flex: none; }
.hc-i--sm { width: 16px; height: 16px; }
.hc-i--xl { width: 44px; height: 44px; }

/* ==========================================================================
   3. Buttons + form controls (site-wide)
   ========================================================================== */
.hc-btn,
body.hc-theme .button,
body.hc-theme a.button,
body.hc-theme input[type="submit"],
body.hc-theme button[type="submit"],
body.hc-theme .job-manager-form input[type="submit"] {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 0 22px;
	background: var(--hc-indigo); color: #fff !important;
	border: 0; border-radius: 999px;
	font-weight: 800; font-size: 16px; line-height: 1;
	text-decoration: none; cursor: pointer;
	box-shadow: 0 6px 18px rgba(91, 63, 217, .28);
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.hc-btn:hover, body.hc-theme .button:hover, body.hc-theme input[type="submit"]:hover {
	background: #4b32c2; color: #fff !important; transform: translateY(-1px);
}
.hc-btn:active { transform: translateY(0); }
.hc-btn--block { width: 100%; }
.hc-btn--accent { background: var(--hc-orange); box-shadow: 0 6px 18px rgba(255, 138, 0, .35); }
.hc-btn--accent:hover { background: var(--hc-orange-d); }
.hc-btn--ghost { background: transparent; color: var(--hc-indigo) !important; box-shadow: inset 0 0 0 2px var(--hc-indigo); }
.hc-btn--ghost:hover { background: var(--hc-indigo); color: #fff !important; }
.hc-btn--light { background: #fff; color: var(--hc-indigo) !important; box-shadow: none; }
.hc-btn--light:hover { background: #f1edff; color: var(--hc-indigo) !important; }
.hc-btn--outline-light { background: transparent; color: #fff !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.7); }
.hc-btn--outline-light:hover { background: rgba(255,255,255,.14); }

body.hc-theme input[type="text"], body.hc-theme input[type="email"], body.hc-theme input[type="password"],
body.hc-theme input[type="search"], body.hc-theme input[type="url"], body.hc-theme input[type="tel"],
body.hc-theme input[type="number"], body.hc-theme textarea, body.hc-theme select {
	font-size: 16px; /* prevents iOS zoom on focus */
	border: 1.5px solid var(--hc-line); border-radius: var(--hc-radius-sm);
	background: #fff; color: var(--hc-ink);
	padding: 12px 14px; min-height: 48px; box-shadow: none;
}
body.hc-theme input:focus, body.hc-theme textarea:focus, body.hc-theme select:focus {
	border-color: var(--hc-indigo); box-shadow: 0 0 0 4px rgba(91, 63, 217, .12); outline: 0;
}

/* ==========================================================================
   4. Header (WorkScout markup, restyled)
   ========================================================================== */
body.hc-theme #header-container,
body.hc-theme #header-container #header {
	background: rgba(255, 255, 255, .92);
	-webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid var(--hc-line);
	box-shadow: none;
}
body.hc-theme #header-container.hc-scrolled { box-shadow: 0 6px 24px rgba(15, 23, 41, .08); }
body.hc-theme #header-container #header { height: var(--hc-header-h); display: flex; align-items: center; padding: 0; }
body.hc-theme #header-container #header > .container {
	display: flex; align-items: center; justify-content: space-between;
	width: 100%; max-width: 1180px; padding: 0 var(--hc-gutter); margin: 0 auto;
}
body.hc-theme #header .left-side, body.hc-theme #header .right-side { display: flex; align-items: center; float: none; width: auto; gap: 8px; }
body.hc-theme #logo_nh { margin: 0; padding: 0; display: flex; align-items: center; }
body.hc-theme #logo_nh img { height: 40px; width: auto; max-height: 40px; }
/* Neutralise WorkScout's absolute/offset header positioning */
body.hc-theme #header-container { height: auto; min-height: 0; position: sticky; top: 0; z-index: 9000; }
body.admin-bar #header-container { top: 32px; }
body.hc-theme #header-container #header { position: relative; top: 0; }
body.hc-theme #header .right-side { margin-left: auto !important; position: static; height: auto; top: auto; right: auto; float: none; width: auto; margin: 0; padding: 0; }
body.hc-theme #header .header-widget { height: auto; padding: 0; margin: 0; border: 0; float: none; display: flex; align-items: center; }
body.hc-theme #logo_nh img { position: static; top: 0; margin: 0; }
body.hc-theme #header .mmenu-trigger { position: static; top: 0; width: 44px; height: 44px; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; }
body.hc-theme #header .mmenu-trigger .hamburger { position: static; margin: 0; padding: 0; width: 44px; height: 44px; background: transparent; display: inline-flex; align-items: center; justify-content: center; }
body.hc-theme #header .login-register-buttons a { margin: 0; border: 0; height: auto; line-height: 1.2; float: none; }
body.hc-theme #header .left-side { flex: 1 1 auto !important; min-width: 0; }
body.hc-theme #header .right-side, body.hc-theme #header .header-widget { flex: 0 0 auto !important; }
body.hc-theme #logo_nh img { height: 40px !important; width: auto !important; max-width: none !important; max-height: 40px !important; }
body.hc-theme #navigation { display: none; }
body.hc-theme #navigation ul li a { font-weight: 700; color: var(--hc-ink); }
body.hc-theme #navigation ul li a:hover { color: var(--hc-indigo); background: transparent; }

body.hc-theme .login-register-buttons { display: flex; align-items: center; gap: 8px; margin: 0; }
body.hc-theme .login-register-buttons a { font-weight: 800; border-radius: 999px; padding: 9px 16px; font-size: 14px; line-height: 1.2; display: inline-flex; align-items: center; gap: 6px; }
body.hc-theme .login-register-buttons .login-btn { color: var(--hc-indigo); background: transparent; }
body.hc-theme .login-register-buttons .register-btn { background: var(--hc-indigo); color: #fff; }
body.hc-theme .login-register-buttons i { display: none; }
body.hc-theme .login-register-buttons .login-btn { display: none; } /* login lives in the tab bar on phones */

body.hc-theme .mmenu-trigger { display: inline-flex; margin: 0; }
body.hc-theme .hamburger-inner, body.hc-theme .hamburger-inner::before, body.hc-theme .hamburger-inner::after { background: var(--hc-ink); }

/* Slide-in mobile menu */
body.hc-theme .mobile-navigation-wrapper { background: #fff; }
body.hc-theme .mobile-navigation-list a { font-weight: 800; font-size: 18px; color: var(--hc-ink); }

/* ==========================================================================
   5. Homepage
   ========================================================================== */
.hc-main { display: block; }

.hc-hero {
	position: relative; overflow: hidden; color: #fff;
	background:
		radial-gradient(60% 80% at 100% 0%, rgba(255, 138, 0, .35) 0%, rgba(255, 138, 0, 0) 60%),
		radial-gradient(70% 90% at 0% 0%, rgba(154, 82, 242, .75) 0%, rgba(154, 82, 242, 0) 65%),
		linear-gradient(160deg, #1b1550 0%, #2a1a8a 45%, #2762ff 130%);
	padding: 36px 0 72px;
	border-radius: 0 0 32px 32px;
}
.hc-hero::after { /* soft dot grid */
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .18;
	background-image: radial-gradient(rgba(255,255,255,.9) 1px, transparent 1.4px); background-size: 22px 22px;
	-webkit-mask-image: linear-gradient(180deg, #000, transparent 70%); mask-image: linear-gradient(180deg, #000, transparent 70%);
}
.hc-hero__inner { position: relative; z-index: 1; }
.hc-eyebrow { display: inline-block; margin: 0 0 14px; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.14); color: #fff; font-weight: 800; font-size: 13px; letter-spacing: .04em; }
.hc-hero__title { color: #fff !important; font-size: clamp(34px, 9.4vw, 60px); font-weight: 900; margin: 0 0 12px; }
.hc-hero__title span { background: linear-gradient(90deg, #ffb347, #ff8a00); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hc-hero__sub { color: rgba(255,255,255,.86); font-size: 17px; max-width: 540px; margin: 0 0 24px; }

.hc-search {
	background: #fff; border-radius: 22px; padding: 12px; box-shadow: var(--hc-shadow-lg);
	display: grid; gap: 10px; max-width: 720px;
}
.hc-search__tabs { display: flex; gap: 6px; padding: 4px; background: var(--hc-bg); border-radius: 14px; }
.hc-search__tabs button {
	flex: 1; min-height: 40px; border: 0; border-radius: 11px; background: transparent;
	color: var(--hc-muted); font-weight: 800; cursor: pointer; box-shadow: none; padding: 0;
}
.hc-search__tabs button.is-active { background: #fff; color: var(--hc-indigo); box-shadow: 0 2px 8px rgba(15,23,41,.1); }
.hc-field { position: relative; display: block; margin: 0; }
.hc-field .hc-i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--hc-indigo); pointer-events: none; }
body.hc-theme .hc-field input { padding-left: 46px; margin: 0; width: 100%; background: var(--hc-bg); border-color: transparent; }

.hc-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.hc-chips li { margin: 0; }
.hc-chips a {
	display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px;
	background: #fff; border: 1.5px solid var(--hc-line); color: var(--hc-ink) !important; font-weight: 700; font-size: 14px; text-decoration: none; white-space: nowrap;
}
.hc-chips a:hover { border-color: var(--hc-indigo); color: var(--hc-indigo) !important; }
.hc-chips--hero { margin-top: 18px; }
.hc-chips--hero a { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.28); color: #fff !important; }
.hc-chips--hero a:hover { background: rgba(255,255,255,.26); color: #fff !important; border-color: rgba(255,255,255,.5); }

/* Stats strip overlaps the hero */
.hc-stats { margin-top: -38px; position: relative; z-index: 2; }
.hc-stats ul { list-style: none; margin: 0; padding: 14px 8px; display: flex; background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); }
.hc-stats li { flex: 1; text-align: center; margin: 0; padding: 4px 8px; border-right: 1px solid var(--hc-line); }
.hc-stats li:last-child { border-right: 0; }
.hc-stats strong { display: block; font-size: 24px; font-weight: 900; color: var(--hc-indigo); line-height: 1.2; }
.hc-stats span { font-size: 12px; font-weight: 700; color: var(--hc-muted); text-transform: uppercase; letter-spacing: .05em; }

/* Sections */
.hc-section { padding: 40px 0; }
.hc-section--tint { background: #fff; }
.hc-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.hc-sec-head h2 { margin: 0; font-size: clamp(22px, 6vw, 32px); }
.hc-more { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; font-size: 14px; white-space: nowrap; text-decoration: none; }
.hc-more .hc-i { width: 16px; height: 16px; }

/* Horizontal scrollers (bleed to the screen edge on phones) */
.hc-scroller { overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px var(--hc-gutter) 12px; scrollbar-width: none; }
.hc-scroller::-webkit-scrollbar { display: none; }
.hc-chips--scroll { flex-wrap: nowrap; width: max-content; }
.hc-scroller--snap { scroll-snap-type: x mandatory; }
.hc-scroller--snap .hc-how > li { scroll-snap-align: start; }

/* How it works */
.hc-how { list-style: none; margin: 0; padding: 0; display: flex; gap: 14px; width: max-content; }
.hc-how li { width: 260px; margin: 0; padding: 20px; background: var(--hc-bg); border-radius: var(--hc-radius); counter-increment: step; position: relative; }
.hc-how li span { display: inline-flex; width: 48px; height: 48px; border-radius: 14px; align-items: center; justify-content: center; background: var(--hc-grad); color: #fff; margin-bottom: 12px; }
.hc-how h3 { margin: 0 0 6px; font-size: 18px; }
.hc-how p { margin: 0; color: var(--hc-muted); font-size: 15px; }

/* Duo CTA */
.hc-duo { display: grid; gap: 14px; }
.hc-card-cta { border-radius: 24px; padding: 26px 22px; color: #fff; position: relative; overflow: hidden; }
.hc-card-cta--hire { background: var(--hc-grad); }
.hc-card-cta--work { background: linear-gradient(135deg, #ff8a00 0%, #ff5e62 100%); }
.hc-card-cta h3 { color: #fff !important; font-size: 24px; margin: 12px 0 6px; }
.hc-card-cta p { color: rgba(255,255,255,.92); margin: 0 0 18px; }
.hc-card-cta__icon { display: inline-flex; width: 52px; height: 52px; border-radius: 16px; background: rgba(255,255,255,.2); align-items: center; justify-content: center; }
.hc-card-cta .hc-btn { box-shadow: none; }
.hc-card-cta--work .hc-btn--light { color: #d9480f !important; }

/* Features */
.hc-features { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.hc-features li { margin: 0; display: flex; gap: 14px; padding: 16px; background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); }
.hc-features .hc-i { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: #efeaff; color: var(--hc-indigo); }
.hc-features h3 { font-size: 17px; margin: 0 0 4px; }
.hc-features p { margin: 0; color: var(--hc-muted); font-size: 15px; }

/* Closing band */
.hc-band { margin: 8px var(--hc-gutter) 40px; padding: 38px 22px; border-radius: 28px; background: var(--hc-ink); color: #fff; text-align: center; background-image: radial-gradient(80% 120% at 100% 0%, rgba(91,63,217,.7), transparent 60%), radial-gradient(60% 100% at 0% 100%, rgba(255,138,0,.35), transparent 60%); }
.hc-band h2 { color: #fff !important; font-size: clamp(24px, 6.5vw, 36px); margin: 0 0 8px; }
.hc-band p { color: rgba(255,255,255,.82); margin: 0 0 22px; }
.hc-band__actions { display: grid; gap: 10px; max-width: 360px; margin: 0 auto; }

/* Empty state */
.hc-empty { text-align: center; padding: 32px 20px; background: var(--hc-bg); border-radius: var(--hc-radius); border: 2px dashed var(--hc-line); }
.hc-empty .hc-i--xl { color: var(--hc-indigo); }
.hc-empty h3 { margin: 10px 0 4px; }
.hc-empty p { color: var(--hc-muted); }

/* ==========================================================================
   6. Job cards (list + homepage)
   ========================================================================== */
ul.job_listings { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
li.hc-job { list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); overflow: hidden; transition: transform .15s, box-shadow .15s; }
li.hc-job:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(15,23,41,.1); }
li.hc-job.job_position_featured { border-color: rgba(255,138,0,.55); background: linear-gradient(180deg, #fffaf2, #fff 60%); }
.hc-job__link { display: flex; align-items: flex-start; gap: 14px; padding: 16px; color: inherit !important; text-decoration: none; position: relative; }
.hc-job__logo { flex: none; width: 52px; height: 52px; border-radius: 14px; background: var(--hc-bg); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hc-job__logo img { width: 100%; height: 100%; object-fit: contain; margin: 0; }
.hc-job__body { flex: 1; min-width: 0; display: block; }
.hc-job__company { display: block; font-size: 13px; font-weight: 700; color: var(--hc-muted); }
.hc-job__title { display: block; font-size: 18px; font-weight: 800; line-height: 1.25; color: var(--hc-ink); margin: 2px 0 8px; }
.hc-job__meta { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 14px; color: var(--hc-muted); }
.hc-job__meta li { margin: 0; padding: 0; display: inline-flex; align-items: center; gap: 4px; }
.hc-job__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.hc-job__tags .listing-types-list, .hc-job__tags .job-type, .hc-job__tags span { margin: 0; }
.hc-job__tags .job-type, .hc-tag {
	display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px;
	background: #efeaff; color: var(--hc-indigo); font-size: 12px; font-weight: 800; line-height: 1;
}
.hc-tag--new { background: #e7f8ee; color: #138a4a; }
.hc-tag--feat { background: #fff1dc; color: #b45f00; }
.hc-job__go { flex: none; align-self: center; color: var(--hc-indigo); opacity: .6; }
.hc-job__go .hc-i { width: 20px; height: 20px; }

/* ==========================================================================
   7. Content pages
   ========================================================================== */
.hc-prose { max-width: 820px; margin: 0 auto; }
.hc-prose h2 { font-size: 24px; margin: 28px 0 10px; }
.hc-lead { font-size: 19px; color: var(--hc-ink-2); font-weight: 600; }
.hc-note { padding: 14px 16px; background: #fff7e8; border-radius: var(--hc-radius-sm); color: #8a5300; font-size: 14px; }
.hc-steps { display: grid; gap: 12px; margin: 22px 0; }
.hc-step { background: #fff; border-radius: var(--hc-radius); padding: 18px; box-shadow: var(--hc-shadow); }
.hc-step__n { display: inline-flex; width: 36px; height: 36px; border-radius: 50%; background: var(--hc-grad); color: #fff; font-weight: 900; align-items: center; justify-content: center; margin-bottom: 8px; }
.hc-step h3 { margin: 0 0 4px; font-size: 18px; }
.hc-step p { margin: 0; color: var(--hc-muted); }
.hc-plans { display: grid; gap: 14px; margin: 22px 0; }
.hc-plan { position: relative; background: #fff; border-radius: 22px; padding: 22px; box-shadow: var(--hc-shadow); border: 2px solid transparent; }
.hc-plan--pop { border-color: var(--hc-indigo); }
.hc-plan__tag { position: absolute; top: -12px; left: 20px; background: var(--hc-orange); color: #fff; font-size: 12px; font-weight: 800; padding: 4px 12px; border-radius: 999px; }
.hc-plan h3 { margin: 0; }
.hc-plan__price { font-size: 28px; font-weight: 900; color: var(--hc-indigo); margin: 6px 0 12px; }
.hc-plan ul { padding-left: 18px; margin: 0 0 16px; color: var(--hc-muted); }

/* Page title bar from WorkScout: slimmer, brand-coloured */
body.hc-theme #titlebar { background: var(--hc-ink); padding: 28px 0; margin: 0 0 24px; }
body.hc-theme #titlebar h1, body.hc-theme #titlebar h2, body.hc-theme #titlebar span, body.hc-theme #titlebar a { color: #fff; }
body.hc-theme #titlebar h2 { font-size: clamp(24px, 6vw, 34px); }

/* ==========================================================================
   8. Footer
   ========================================================================== */
.hc-footer { background: var(--hc-ink); color: rgba(255,255,255,.78); padding: 40px 0 28px; margin-top: 24px; }
.hc-footer a { color: rgba(255,255,255,.82) !important; text-decoration: none; }
.hc-footer a:hover { color: #fff !important; }
.hc-footer__brand p { max-width: 360px; margin: 12px 0 0; }
.hc-footer__logo img { height: 44px !important; width: auto !important; max-width: none; }
.hc-footer__cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 16px; margin: 28px 0; }
.hc-footer__cols h4 { color: #fff !important; font-size: 15px; margin: 0 0 10px; text-transform: uppercase; letter-spacing: .06em; }
.hc-footer__cols ul, .hc-footer__legal ul { list-style: none; margin: 0; padding: 0; }
.hc-footer__cols li { margin: 0 0 8px; }
.hc-footer__legal { border-top: 1px solid rgba(255,255,255,.12); padding-top: 18px; font-size: 14px; display: grid; gap: 10px; }
.hc-footer__legal p { margin: 0; }
.hc-footer__legal ul { display: flex; gap: 16px; }
.hc-footer__legal li { margin: 0; }

/* ==========================================================================
   9. Bottom tab bar (phones)
   ========================================================================== */
.hc-tabbar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
	background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
	border-top: 1px solid var(--hc-line);
	padding-bottom: env(safe-area-inset-bottom);
}
.hc-tabbar ul { list-style: none; margin: 0; padding: 0; display: flex; height: var(--hc-tabbar-h); }
.hc-tabbar li { flex: 1; margin: 0; }
.hc-tabbar a { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--hc-muted) !important; font-size: 11px; font-weight: 800; text-decoration: none; }
.hc-tabbar a .hc-i { width: 24px; height: 24px; }
.hc-tabbar a[aria-current="page"] { color: var(--hc-indigo) !important; }
.hc-tabbar a[aria-current="page"] .hc-i { stroke-width: 2.3; }
.hc-tabbar .is-post a { color: var(--hc-orange-d) !important; }

/* Keep third-party floating widgets (PurioChat) clear of the tab bar */
@media (max-width: 1023px) {
	#listeo-floating-bubble-stack { display: none !important; }
	#listeo-floating-chat-widget { bottom: calc(var(--hc-tabbar-h) + 14px + env(safe-area-inset-bottom)) !important; right: 12px !important; z-index: 9980 !important; }
}

/* ==========================================================================
   10. Tablet / desktop enhancements
   ========================================================================== */
@media (min-width: 768px) {
	:root { --hc-gutter: 24px; --hc-header-h: 68px; }
	.hc-hero { padding: 64px 0 96px; }
	.hc-search { grid-template-columns: 1fr 1fr auto; align-items: center; }
	.hc-search__tabs { grid-column: 1 / -1; width: max-content; }
	.hc-search__tabs button { flex: none; padding: 0 28px; }
	.hc-search .hc-btn--block { width: auto; }
	.hc-duo { grid-template-columns: 1fr 1fr; }
	.hc-features { grid-template-columns: repeat(2, 1fr); }
	.hc-steps { grid-template-columns: repeat(2, 1fr); }
	.hc-plans { grid-template-columns: repeat(3, 1fr); }
	.hc-footer__cols { grid-template-columns: repeat(3, 1fr); }
	.hc-footer .hc-wrap { display: grid; grid-template-columns: 1.2fr 2fr; gap: 0 48px; }
	.hc-footer__legal { grid-column: 1 / -1; grid-template-columns: 1fr auto; align-items: center; }
	ul.job_listings { grid-template-columns: repeat(2, 1fr); }
	.hc-band__actions { grid-auto-flow: column; }
	.hc-how li { width: 280px; }
}

@media (min-width: 1024px) {
	body.hc-theme { padding-bottom: 0; }
	.hc-tabbar { display: none; }
	body.hc-theme #navigation { display: block; margin-left: 28px; }
	body.hc-theme #navigation ul { display: flex; gap: 4px; margin: 0; }
	body.hc-theme .login-register-buttons .login-btn { display: inline-flex; }
	body.hc-theme .mmenu-trigger { display: none; }
	.hc-features { grid-template-columns: repeat(4, 1fr); }
	.hc-how { width: 100%; }
	.hc-how li { flex: 1; width: auto; }
	.hc-scroller { padding: 4px 24px 12px; max-width: 1180px; margin: 0 auto; }
	.hc-chips--scroll { flex-wrap: wrap; width: auto; padding: 0; }
	.hc-scroller--snap .hc-how { padding: 0; }
	.hc-hero { padding: 88px 0 120px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; animation: none !important; }
}

/* ==========================================================================
   11. Fixes + Jobs/Projects listing pages (mobile-first)
   ========================================================================== */
body.hc-theme #logo_nh img { transform: none !important; }
/* overflow:hidden on wrapper/body breaks position:sticky; clip does not */
html, body.hc-theme, body.hc-theme #wrapper { overflow-x: clip !important; overflow-y: visible !important; }
body.hc-theme #header-container, body.hc-theme #header-container.sticky_new { position: sticky !important; top: 0 !important; z-index: 9000; }
body.admin-bar.hc-theme #header-container { top: 32px !important; }

/* Jobs banner (titlebar) */
body.hc-theme #titlebar h2 { color: #fff; font-size: clamp(22px, 6vw, 34px); margin: 0 0 14px; }
body.hc-theme #titlebar h2 em { color: #ffb347 !important; font-style: normal; }
body.hc-theme #titlebar .ten.columns, body.hc-theme #titlebar .six.columns { float: none; width: 100%; margin: 0; }
body.hc-theme #titlebar .button { background: var(--hc-orange); box-shadow: 0 6px 18px rgba(255,138,0,.35); }

/* Filters become a bottom sheet on phones/tablets */
.hc-filter-toggle { display: none; }
@media (max-width: 1023px) {
	.hc-filter-toggle {
		display: flex; align-items: center; justify-content: center; gap: 10px;
		width: 100%; min-height: 52px; margin: 0 0 14px; padding: 0 18px;
		background: #fff; color: var(--hc-ink); border: 1.5px solid var(--hc-line); border-radius: 16px;
		font: 800 16px/1 var(--hc-font); cursor: pointer; box-shadow: var(--hc-shadow);
	}
	.hc-filter-toggle .hc-i { color: var(--hc-indigo); }
	body.hc-theme .hc-sheet { display: none; float: none; width: 100%; margin: 0; }
	body.hc-sheet-open { overflow: hidden !important; }
	body.hc-sheet-open .hc-sheet {
		display: block; position: fixed; inset: 0; z-index: 9995; background: #fff;
		overflow-y: auto; -webkit-overflow-scrolling: touch;
		padding: 76px var(--hc-gutter) calc(96px + env(safe-area-inset-bottom));
	}
	.hc-sheet__bar {
		position: fixed; top: 0; left: 0; right: 0; z-index: 9996; height: 60px;
		display: none; align-items: center; justify-content: space-between; padding: 0 var(--hc-gutter);
		background: #fff; border-bottom: 1px solid var(--hc-line); font-weight: 800; font-size: 18px;
	}
	.hc-sheet__bar button { background: var(--hc-bg); border: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; color: var(--hc-ink); box-shadow: none; padding: 0; }
	.hc-sheet__apply {
		position: fixed; left: var(--hc-gutter); right: var(--hc-gutter); bottom: calc(14px + env(safe-area-inset-bottom)); z-index: 9996; display: none;
	}
	body.hc-sheet-open .hc-sheet__bar { display: flex; }
	body.hc-sheet-open .hc-sheet__apply { display: inline-flex; }
	body.hc-sheet-open .hc-tabbar, body.hc-sheet-open #listeo-floating-chat-widget { display: none; }
}

/* Job card: out-specify WorkScout's `ul.job_listings li a / span` rules */
ul.job_listings li.hc-job { border-left: 1px solid var(--hc-line); }
ul.job_listings li.hc-job > a.hc-job__link,
ul.job_listings li.hc-job > a.hc-job__link:hover { display: flex; align-items: flex-start; gap: 14px; padding: 16px; margin: 0; border: 0 !important; background: transparent; box-shadow: none; }
ul.job_listings li.hc-job .hc-job__link span { margin: 0; }
ul.job_listings li.hc-job .hc-job__logo { display: flex; margin: 0; }
ul.job_listings li.hc-job .hc-job__body { display: block; flex: 1; min-width: 0; margin: 0; }
ul.job_listings li.hc-job .hc-job__company,
ul.job_listings li.hc-job .hc-job__title { display: block; }
ul.job_listings li.hc-job ul.hc-job__meta { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; }
ul.job_listings li.hc-job ul.hc-job__meta li { display: inline-flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; float: none; width: auto; }
ul.job_listings li.hc-job ul.hc-job__meta li::before { display: none; }
ul.job_listings li.hc-job .hc-job__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
ul.job_listings li.hc-job .hc-job__tags .job-type,
ul.job_listings li.hc-job .hc-job__tags .hc-tag { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; margin: 0; border: 0; position: static; border-radius: 999px; background: #efeaff; color: var(--hc-indigo); font-size: 12px; font-weight: 800; line-height: 1; }
ul.job_listings li.hc-job .hc-job__tags .hc-tag--new { background: #e7f8ee; color: #138a4a; }
ul.job_listings li.hc-job .hc-job__tags .hc-tag--feat { background: #fff1dc; color: #b45f00; }
ul.job_listings li.hc-job .hc-job__go { display: flex; margin: 0; align-self: center; }
ul.job_listings li.hc-job .hc-job__logo img { width: 100%; height: 100%; object-fit: contain; margin: 0; border-radius: 12px; }

ul.job_listings li.hc-job { background: #fff !important; }
ul.job_listings li.hc-job.job_position_featured { background: linear-gradient(180deg, #fffaf2, #fff 60%) !important; }
ul.job_listings li.hc-job .hc-job__link span.hc-job__initial { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: var(--hc-grad); color: #fff; font-weight: 900; font-size: 22px; border-radius: 14px; }

.hc-footer p, .hc-footer__legal p { color: rgba(255,255,255,.72); }
.hc-footer { background: var(--hc-ink) !important; }

/* ==========================================================================
   12. Auth page
   ========================================================================== */
.hc-auth { background: radial-gradient(70% 40% at 50% 0%, rgba(91,63,217,.12), transparent 70%), var(--hc-bg); padding: 24px 0 40px; }
.hc-auth__wrap { max-width: 520px; }
.hc-auth__card { background: #fff; border-radius: 26px; padding: 22px 18px 26px; box-shadow: var(--hc-shadow); }
.hc-auth__head h1 { font-size: 26px; margin: 0 0 6px; }
.hc-auth__head p { margin: 0 0 18px; color: var(--hc-muted); }
.hc-auth__tabs { display: flex; gap: 6px; padding: 4px; background: var(--hc-bg); border-radius: 14px; margin-bottom: 18px; }
.hc-auth__tabs button { flex: 1; min-height: 44px; border: 0; border-radius: 11px; background: transparent; color: var(--hc-muted); font-weight: 800; cursor: pointer; box-shadow: none; padding: 0; }
.hc-auth__tabs button.is-active { background: #fff; color: var(--hc-indigo); box-shadow: 0 2px 8px rgba(15,23,41,.1); }
.hc-auth__panel[hidden] { display: none; }
.hc-auth__panel label { font-weight: 700; }
.hc-auth__panel input[type="text"], .hc-auth__panel input[type="email"], .hc-auth__panel input[type="password"] { width: 100%; margin-bottom: 12px; }
.hc-auth__panel .button, .hc-auth__panel input[type="submit"] { width: 100%; }

/* Inputs that sit next to a WorkScout field icon */
body.hc-theme label { position: relative; display: block; }
body.hc-theme label > i[class*="icon-"] { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--hc-indigo); z-index: 2; pointer-events: none; font-size: 22px; line-height: 1; }
body.hc-theme label > i[class*="icon-"] + input,
body.hc-theme label > i[class*="icon-"] + select { padding-left: 48px !important; }

/* Mobile slide-in menu */
body.hc-theme .mobile-nav-header { background: var(--hc-ink); }
body.hc-theme .mobile-nav-header img { height: 36px; width: auto; }
body.hc-theme .mobile-navigation-list ul { margin: 0; padding: 8px 0; list-style: none; }
body.hc-theme .mobile-navigation-list li { margin: 0; border-bottom: 1px solid var(--hc-line); }
body.hc-theme .mobile-navigation-list li a { display: block; padding: 16px 20px; min-height: 54px; font-size: 19px; font-weight: 800; color: var(--hc-ink); text-decoration: none; }
body.hc-theme .mobile-navigation-list li a:active { background: var(--hc-bg); }

/* ==========================================================================
   13. Single job page
   ========================================================================== */
.hc-jobhead {
	color: #fff; padding: 18px 0 26px; border-radius: 0 0 28px 28px;
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(255,138,0,.28), transparent 60%),
		radial-gradient(70% 90% at 0% 0%, rgba(154,82,242,.6), transparent 65%),
		linear-gradient(160deg, #1b1550 0%, #2a1a8a 55%, #2762ff 140%);
}
.hc-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.65); margin-bottom: 16px; }
.hc-crumbs a { color: rgba(255,255,255,.85) !important; text-decoration: none; }
.hc-crumbs a:hover { color: #fff !important; text-decoration: underline; }
.hc-jobhead__row { display: grid; grid-template-columns: auto 1fr; gap: 14px 16px; align-items: start; }
.hc-jobhead__logo { width: 64px; height: 64px; border-radius: 18px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.hc-jobhead__logo img { width: 100%; height: 100%; object-fit: contain; margin: 0; }
.hc-initial { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: var(--hc-grad); color: #fff; font-weight: 900; font-size: 28px; }
.hc-jobhead__company { margin: 0 0 2px; font-weight: 800; font-size: 15px; color: rgba(255,255,255,.8); }
.hc-jobhead__company a { color: rgba(255,255,255,.9) !important; text-decoration: none; }
body.hc-theme .hc-jobhead__title { color: #fff !important; font-size: clamp(24px, 6.4vw, 40px); margin: 0 0 12px; }
.hc-facts { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; color: rgba(255,255,255,.88); font-size: 15px; font-weight: 600; }
.hc-facts li { margin: 0; padding: 0; display: inline-flex; align-items: center; gap: 6px; list-style: none; }
.hc-facts li::before { display: none; }
.hc-jobhead__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.hc-jobhead__tags .job-type, .hc-jobhead__tags .hc-tag { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; margin: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.16); color: #fff; font-size: 12px; font-weight: 800; line-height: 1; }
.hc-jobhead__tags .hc-tag--new { background: #22c55e; }
.hc-jobhead__tags .hc-tag--feat { background: var(--hc-orange); }
.hc-jobhead__cta { grid-column: 1 / -1; margin-top: 6px; }
.hc-jobhead__cta .job_application, .hc-jobhead__cta .application { margin: 0; padding: 0; border: 0; background: transparent; }
.hc-jobhead__cta .apply-dialog-button, .hc-jobhead__cta > a.hc-btn { width: 100%; min-height: 54px; font-size: 17px; background: var(--hc-orange) !important; box-shadow: 0 10px 26px rgba(255,138,0,.4); }
.hc-btn--lg { min-height: 54px; padding: 0 28px; font-size: 17px; }
.hc-btn--sm { min-height: 40px; padding: 0 16px; font-size: 14px; }

.hc-jobbody { display: grid; gap: 16px; padding-top: 22px; padding-bottom: 12px; }
.hc-jobmain, .hc-jobside { min-width: 0; }
.hc-card { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 20px; margin: 0 0 16px; border: 0; }
.hc-card.single_job_listing { padding: 20px; margin: 0 0 16px; }
.hc-card__title { font-size: 18px; margin: 0 0 14px; }
.hc-prose-job { font-size: 16px; line-height: 1.75; color: #2b3350; }
.hc-prose-job h3 { font-size: 18px; margin: 22px 0 8px; }
.hc-prose-job ul { padding-left: 20px; margin: 0 0 12px; }
.hc-prose-job li { margin: 0 0 6px; }
.hc-prose-job p { margin: 0 0 12px; }
.hc-alert { padding: 14px 16px; border-radius: var(--hc-radius-sm); font-weight: 700; margin: 0 0 16px; }
.hc-alert--warn { background: #fff4e0; color: #8a5300; }
.hc-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--hc-line); }
.hc-share > span { font-weight: 800; }
.hc-share ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.hc-share li { margin: 0; }
.hc-share a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: 999px; background: var(--hc-bg); color: var(--hc-ink) !important; font-weight: 800; font-size: 14px; text-decoration: none; }
.hc-share a:hover { background: #efeaff; color: var(--hc-indigo) !important; }
.hc-overview { list-style: none; margin: 0; padding: 0; }
.hc-overview li { display: flex; justify-content: space-between; gap: 14px; margin: 0; padding: 11px 0; border-bottom: 1px solid var(--hc-line); font-size: 15px; }
.hc-overview li:last-child { border-bottom: 0; padding-bottom: 0; }
.hc-overview span { color: var(--hc-muted); font-weight: 600; }
.hc-overview strong { text-align: right; font-weight: 800; }
.hc-company__name { font-weight: 900; font-size: 18px; margin: 0 0 2px; }
.hc-company__tag { margin: 0 0 14px; color: var(--hc-muted); }
.hc-company__links { display: flex; flex-wrap: wrap; gap: 8px; }
#job_map { height: 220px; border-radius: var(--hc-radius-sm); overflow: hidden; }
.hc-related { background: #fff; margin-top: 12px; }

/* Sticky apply bar (phones/tablets) */
.hc-applybar { position: fixed; left: 0; right: 0; bottom: calc(var(--hc-tabbar-h) + env(safe-area-inset-bottom)); z-index: 9985; display: flex; align-items: center; gap: 12px; padding: 10px var(--hc-gutter); background: rgba(255,255,255,.97); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--hc-line); box-shadow: 0 -8px 24px rgba(15,23,41,.08); }
.hc-applybar__info { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.hc-applybar__info strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hc-applybar__info span { font-size: 12px; color: var(--hc-muted); }
.hc-applybar .hc-btn { flex: none; min-height: 46px; }
body.single-job_listing { padding-bottom: calc(var(--hc-tabbar-h) + 76px + env(safe-area-inset-bottom)); }

/* ==========================================================================
   14. Desktop refinements (>= 1024px)
   ========================================================================== */
#listeo-floating-bubble-stack { display: none !important; }

.hc-hero__visual { display: none; }
@media (min-width: 1024px) {
	body.hc-theme #header .mmenu-trigger { display: none !important; }
	body.hc-theme #header-container #header > .container { padding: 0 24px; }
	body.hc-theme #navigation ul li { margin: 0; }
	body.hc-theme #navigation ul li a { padding: 8px 14px; border-radius: 999px; font-size: 15px; }
	body.hc-theme #navigation ul li a:hover { background: #efeaff; }

	.hc-hero__inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
	.hc-hero__title { font-size: clamp(44px, 4.6vw, 64px); }
	.hc-hero__visual { display: block; position: relative; height: 400px; }
	.hc-glass {
		position: absolute; display: flex; align-items: center; gap: 12px; width: 330px; padding: 14px 16px;
		background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.3); border-radius: 20px;
		-webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 18px 48px rgba(10,8,60,.35); color: #fff;
	}
	.hc-glass--1 { top: 10px; left: 30px; }
	.hc-glass--2 { top: 130px; right: 0; }
	.hc-glass--3 { top: 250px; left: 10px; }
	.hc-glass__logo { flex: none; width: 46px; height: 46px; border-radius: 14px; background: #fff; color: var(--hc-indigo); font-weight: 900; font-size: 20px; display: flex; align-items: center; justify-content: center; }
	.hc-glass__body { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
	.hc-glass__body strong { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.hc-glass__body small { font-size: 12px; color: rgba(255,255,255,.78); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.hc-glass em { font-style: normal; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.2); }
	.hc-glass--badge { width: auto; top: 372px; right: 24px; padding: 10px 16px; gap: 8px; background: var(--hc-orange); border-color: transparent; font-weight: 800; }
	.hc-glass--badge .hc-i { width: 18px; height: 18px; }

	.hc-section ul.job_listings { grid-template-columns: repeat(3, 1fr); gap: 16px; }
	.hc-section { padding: 56px 0; }
	.hc-sec-head h2 { font-size: 32px; }

	/* Single job: two columns, sticky sidebar, apply in header */
	.hc-jobhead { padding: 22px 0 34px; }
	.hc-jobhead__row { grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; }
	.hc-jobhead__logo { width: 88px; height: 88px; border-radius: 24px; }
	.hc-jobhead__cta { grid-column: auto; margin: 0; min-width: 240px; }
	.hc-jobbody { grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; padding-top: 28px; align-items: start; }
	.hc-jobside { position: sticky; top: 88px; }
	.hc-jobmain--full { grid-column: 1 / -1; }
	.hc-applybar { display: none; }
	body.single-job_listing { padding-bottom: 0; }
}

@media (min-width: 1280px) {
	.hc-wrap { max-width: 1240px; }
}

div.job_listings { display: block; }
@media (min-width: 1024px) {
	.hc-search { grid-template-columns: 1.5fr 1fr auto; }
}
@media (min-width: 1280px) {
	.hc-scroller { max-width: 1240px; }
	body.hc-theme #header-container #header > .container { max-width: 1240px; }
}

/* ==========================================================================
   15. Jobs listing + title bar on desktop (override WorkScout's 960px grid)
   ========================================================================== */
@media (min-width: 1024px) {
	body.hc-theme #titlebar > .container { width: 100%; max-width: 1240px; padding: 0 24px; }
	body.hc-theme #titlebar .sixteen.columns { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; float: none; margin: 0; }
	body.hc-theme #titlebar .ten.columns, body.hc-theme #titlebar .six.columns { width: auto; flex: none; margin: 0; float: none; }
	body.hc-theme #titlebar h2 { margin: 0; }

	body.hc-theme .wpjm-container { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 28px; align-items: start; width: 100%; max-width: 1240px; padding: 0 24px; margin: 28px auto 0; float: none; }
	body.hc-theme .wpjm-container::before, body.hc-theme .wpjm-container::after { display: none; }
	body.hc-theme .wpjm-container > .sidebar { order: -1; width: auto !important; float: none; margin: 0; padding: 20px; background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); position: sticky; top: 88px; }
	body.hc-theme .wpjm-container > .columns:not(.sidebar) { width: auto !important; float: none; margin: 0; min-width: 0; }
	body.hc-theme .wpjm-container > .sidebar .widget { margin-bottom: 18px; }
}

/* JS-created filter sheet controls never show on desktop */
.hc-sheet__bar, .hc-sheet__apply { display: none; }
@media (min-width: 1024px) { .hc-sheet__bar, .hc-sheet__apply, .hc-filter-toggle { display: none !important; } }

@media (max-width: 1023px) {
	body.single-job_listing #listeo-floating-chat-widget { bottom: calc(var(--hc-tabbar-h) + 86px + env(safe-area-inset-bottom)) !important; }
}

/* ==========================================================================
   16. Freelancer + company directory cards
   ========================================================================== */
ul.resumes, ul.wpjmc-companies { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
ul.resumes li.hc-person, ul.wpjmc-companies li.hc-co { list-style: none; margin: 0; padding: 0; background: #fff !important; border: 1px solid var(--hc-line); border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); overflow: hidden; width: auto; float: none; transition: transform .15s, box-shadow .15s; }
ul.resumes li.hc-person:hover, ul.wpjmc-companies li.hc-co:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(15,23,41,.1); }
ul.resumes li.hc-person.freelancer-featured { border-color: rgba(255,138,0,.55); }

ul.resumes li.hc-person > a.hc-person__link,
ul.wpjmc-companies li.hc-co > a.hc-co__link { display: flex; align-items: flex-start; gap: 14px; padding: 16px; margin: 0; border: 0 !important; background: transparent; box-shadow: none; color: inherit !important; text-decoration: none; }
ul.resumes li.hc-person .hc-job__link span, ul.wpjmc-companies li.hc-co a span { margin: 0; }
ul.resumes li.hc-person .hc-job__logo, ul.wpjmc-companies li.hc-co .hc-co__logo { display: flex; flex: none; width: 56px; height: 56px; border-radius: 16px; background: var(--hc-bg); align-items: center; justify-content: center; overflow: hidden; }
ul.resumes li.hc-person .hc-job__logo img, ul.wpjmc-companies li.hc-co .hc-co__logo img { width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; }
ul.resumes li.hc-person .hc-initial, ul.wpjmc-companies li.hc-co .hc-initial { font-size: 22px; }
ul.resumes li.hc-person .hc-job__body, ul.wpjmc-companies li.hc-co .hc-co__body { display: block; flex: 1; min-width: 0; }
ul.resumes li.hc-person .hc-job__title { display: block; font-size: 18px; font-weight: 800; line-height: 1.25; color: var(--hc-ink); margin: 0; }
ul.resumes li.hc-person .hc-job__company { display: block; font-size: 14px; font-weight: 700; color: var(--hc-muted); margin: 2px 0 8px; }
ul.resumes li.hc-person ul.hc-job__meta, ul.wpjmc-companies li.hc-co ul.hc-co__meta { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 14px; color: var(--hc-muted); }
ul.resumes li.hc-person ul.hc-job__meta li, ul.wpjmc-companies li.hc-co ul.hc-co__meta li { display: inline-flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; float: none; width: auto; }
ul.resumes li.hc-person ul li::before, ul.wpjmc-companies li.hc-co ul li::before { display: none; }
ul.resumes li.hc-person .hc-job__tags, ul.wpjmc-companies li.hc-co .hc-co__tags { display: flex; flex-wrap: wrap; gap: 6px; }
ul.resumes li.hc-person .hc-tag, ul.wpjmc-companies li.hc-co .hc-tag { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; margin: 0; border-radius: 999px; background: #efeaff; color: var(--hc-indigo); font-size: 12px; font-weight: 800; line-height: 1; }
ul.resumes li.hc-person .hc-tag--feat { background: #fff1dc; color: #b45f00; }
ul.wpjmc-companies li.hc-co .hc-tag--new { background: #e7f8ee; color: #138a4a; }
ul.wpjmc-companies li.hc-co .hc-co__name { display: block; font-size: 18px; font-weight: 800; line-height: 1.25; color: var(--hc-ink); }
ul.wpjmc-companies li.hc-co .hc-co__tag { display: block; margin: 2px 0 8px; font-size: 14px; color: var(--hc-muted); }
ul.resumes li.hc-person .hc-job__go, ul.wpjmc-companies li.hc-co .hc-job__go { display: flex; flex: none; align-self: center; color: var(--hc-indigo); opacity: .6; }

@media (min-width: 768px) {
	ul.resumes, ul.wpjmc-companies { grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================================
   17. Dashboards (employer / candidate / projects / companies)
   ========================================================================== */
/* Brand recolour of WorkScout's hard-coded green */
.dashboard-nav ul:before { color: var(--hc-indigo); font-weight: 800; letter-spacing: .04em; text-transform: uppercase; font-size: 12px; }
.dashboard-nav ul li a { color: var(--hc-muted); font-weight: 700; }
.dashboard-nav ul li a i { color: #9aa1b5; }
.dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i,
.dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a { color: var(--hc-indigo); }
.dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color: var(--hc-indigo); background-color: #f1edff; }
.dashboard-nav ul li span.nav-tag { background-color: var(--hc-orange); }
body.hc-theme .dashboard-content-container { background: var(--hc-bg); }
body.hc-theme .dashboard-box, body.hc-theme .dashboard-list-box, body.hc-theme .dashboard-box-list { border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); border: 0; background: #fff; }
body.hc-theme .dashboard-box .headline, body.hc-theme .dashboard-list-box .headline { border-radius: var(--hc-radius) var(--hc-radius) 0 0; }
body.hc-theme .dashboard-box .headline h3, body.hc-theme .dashboard-list-box h4 { font-weight: 800; }
body.hc-theme .dashboard-content-inner h1, body.hc-theme .dashboard-content-inner h2 { font-size: clamp(22px, 5.4vw, 30px); }
body.hc-theme #dashboard-titlebar, body.hc-theme .dashboard-content-container #titlebar { background: transparent; padding: 0 0 18px; margin: 0; }
body.hc-theme .dashboard-content-container #titlebar h2, body.hc-theme .dashboard-content-container #titlebar h1 { color: var(--hc-ink); }
body.hc-theme .dashboard-content-container #titlebar a { color: var(--hc-indigo); }
body.hc-theme .fun-fact, body.hc-theme .dashboard-stat { border-radius: var(--hc-radius); }

/* Tables become readable on phones */
body.hc-theme .dashboard-content-container table { width: 100%; border-collapse: collapse; }
body.hc-theme .dashboard-content-container th { font-weight: 800; color: var(--hc-muted); text-transform: uppercase; font-size: 12px; letter-spacing: .04em; }
body.hc-theme .dashboard-content-container td, body.hc-theme .dashboard-content-container th { padding: 12px 10px; }

/* Phones / tablets: stack, nav becomes a horizontal pill scroller */
@media (max-width: 1099px) {
	body.hc-theme .new-dashboard-container { display: block; height: auto; }
	body.hc-theme .dashboard-sidebar { flex: none; width: 100%; box-shadow: none; border-bottom: 1px solid var(--hc-line); position: sticky; top: var(--hc-header-h); z-index: 8000; background: #fff; }
	body.hc-theme .dashboard-sidebar .dashboard-sidebar-inner { height: auto; overflow: visible; }
	body.hc-theme a.dashboard-responsive-nav-trigger { display: none !important; }
	body.hc-theme .dashboard-nav-container { padding: 0; overflow: visible; background: transparent; }
	body.hc-theme .dashboard-nav { display: block !important; padding: 0; position: static; }
	body.hc-theme .dashboard-nav-inner { display: flex; gap: 8px; overflow-x: auto; padding: 10px var(--hc-gutter); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	body.hc-theme .dashboard-nav-inner::-webkit-scrollbar { display: none; }
	body.hc-theme .dashboard-nav-inner > ul { display: contents; }
	body.hc-theme .dashboard-nav-inner > ul::before { display: none; }
	body.hc-theme .dashboard-nav-inner > ul > li { flex: none; margin: 0; border: 0; border-radius: 999px; background: var(--hc-bg); }
	body.hc-theme .dashboard-nav-inner > ul > li > a { padding: 9px 16px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 14px; line-height: 1.2; min-height: 40px; }
	body.hc-theme .dashboard-nav-inner > ul > li > a::after { display: none; }
	body.hc-theme .dashboard-nav-inner > ul > li > a i { top: 0; padding: 0; width: auto; font-size: 18px; }
	body.hc-theme .dashboard-nav-inner > ul > li.active, body.hc-theme .dashboard-nav-inner > ul > li.active-submenu { background: var(--hc-indigo); }
	body.hc-theme .dashboard-nav-inner > ul > li.active a, body.hc-theme .dashboard-nav-inner > ul > li.active a i, body.hc-theme .dashboard-nav-inner > ul > li.active-submenu a, body.hc-theme .dashboard-nav-inner > ul > li.active-submenu a i { color: #fff; }
	body.hc-theme .dashboard-nav-inner > ul > li ul { display: none; }
	body.hc-theme .dashboard-content-container { overflow: visible; }
	body.hc-theme .dashboard-content-inner { padding: 18px var(--hc-gutter) 0; }
	/* wide tables scroll sideways instead of breaking the page */
	body.hc-theme .dashboard-content-container .dashboard-box .content, body.hc-theme .dashboard-content-container .dashboard-list-box { overflow-x: auto; }
}

/* Desktop: sidebar card + roomy content */
@media (min-width: 1100px) {
	body.hc-theme .dashboard-sidebar { flex-basis: 272px; box-shadow: 1px 0 0 var(--hc-line); }
	body.hc-theme .dashboard-nav ul li { border-left-width: 3px; margin: 2px 12px 2px 0; border-radius: 0 999px 999px 0; }
	body.hc-theme .dashboard-content-inner { padding: 36px 40px 0; }
}

ul.wpjmc-companies li.hc-co { display: block !important; margin: 0 !important; }
ul.wpjmc-companies li.hc-co > a.hc-co__link { flex-wrap: nowrap; width: 100%; }
ul.resumes li.hc-person { display: block; margin: 0 !important; }
ul.resumes li.hc-person > a.hc-person__link { flex-wrap: nowrap; width: 100%; }

/* ==========================================================================
   18. Single freelancer profile + single company
   ========================================================================== */
.hc-hero-surface,
body.hc-theme .single-page-header {
	color: #fff; padding: 22px 0 28px; margin: 0; border-radius: 0 0 28px 28px; background-image: none;
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(255,138,0,.28), transparent 60%),
		radial-gradient(70% 90% at 0% 0%, rgba(154,82,242,.6), transparent 65%),
		linear-gradient(160deg, #1b1550 0%, #2a1a8a 55%, #2762ff 140%);
}
body.hc-theme .single-page-header .background-image-container { display: none; }
body.hc-theme .single-page-header h1, body.hc-theme .single-page-header h2, body.hc-theme .single-page-header h3, body.hc-theme .single-page-header h4,
body.hc-theme .single-page-header a { color: #fff !important; }
body.hc-theme .single-page-header span, body.hc-theme .single-page-header li, body.hc-theme .single-page-header p, body.hc-theme .single-page-header i { color: rgba(255,255,255,.88); }
body.hc-theme .single-page-header .company-not-rated, body.hc-theme .single-page-header .freelancer-rating,
body.hc-theme .single-page-header .company-not-rated * { color: var(--hc-ink) !important; }
body.hc-theme .single-page-header img { border-radius: 20px; }
body.hc-theme .single-page-section, body.hc-theme .sidebar-container > .sidebar-widget, body.hc-theme .sidebar-container .sidebar-widget { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 20px; margin-bottom: 16px; }
body.hc-theme .single-page-section h3 { font-size: 18px; margin-top: 0; }

/* Company */
body.single-company .company-contact-details {
	float: none; width: auto; margin: 16px 0; padding: 22px; border-radius: 24px; color: #fff; background:
		radial-gradient(60% 90% at 100% 0%, rgba(255,138,0,.25), transparent 60%),
		linear-gradient(160deg, #1b1550 0%, #2a1a8a 55%, #2762ff 140%);
}
body.single-company .company-data { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
body.single-company .company-data .company-logo { flex: none; width: 76px; height: 76px; border-radius: 20px; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; }
body.single-company .company-data .company-logo img { width: 100%; height: 100%; object-fit: cover; margin: 0; }
body.single-company .company-data__content { flex: 1; min-width: 200px; margin: 0; padding: 0; }
body.single-company .company-data__content .company-title, body.single-company .company-data__content h1 { color: #fff !important; font-size: clamp(24px, 6vw, 36px); margin: 0 0 4px; }
body.single-company .company-data__content p, body.single-company .company-data__content span, body.single-company .company-data__content .company-data__content--list-item { color: rgba(255,255,255,.88); }
body.single-company .company-data__content--list { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; }
body.single-company .company-data__content--list-item a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.16); color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none; }
body.single-company .company-data__content--list-item a:hover { background: rgba(255,255,255,.28); }
body.single-company .company-not-rated, body.single-company .minimum_votes_req { color: var(--hc-ink) !important; background: #fff; }
body.single-company .container { max-width: 1240px; width: 100%; padding: 0 var(--hc-gutter); }
body.single-company .container > .eleven.columns, body.single-company .container > .five.columns { width: 100%; float: none; margin: 0 0 16px; }
body.single-company .widget { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 20px; margin: 0 0 16px; }
body.single-company #company-background { display: none; }

@media (min-width: 1024px) {
	body.single-company .container { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; padding: 0 24px; }
	body.single-company .container::before, body.single-company .container::after { display: none; }
	body.single-company .company-contact-details { grid-column: 1 / -1; padding: 28px; }
	body.single-company .container > .five.columns { position: sticky; top: 88px; }
	body.hc-theme .single-page-header { padding: 34px 0 40px; }
}

body.hc-theme .single-page-header, body.hc-theme .single-page-header.freelancer-header, body.hc-theme .single-page-header.no-photo { background: radial-gradient(60% 90% at 100% 0%, rgba(255,138,0,.28), transparent 60%), radial-gradient(70% 90% at 0% 0%, rgba(154,82,242,.6), transparent 65%), linear-gradient(160deg, #1b1550 0%, #2a1a8a 55%, #2762ff 140%) !important; }
body.hc-theme .single-page-header::before, body.hc-theme .single-page-header::after { display: none !important; }

body.single-company .company-data__content--list-item { background: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; }
body.single-company .company-data__content--list-item a, body.single-company .company-data__content--list-item a.website { background: rgba(255,255,255,.18) !important; color: #fff !important; border-radius: 999px; }
body.single-company .company-data__content--list-item a i { color: #fff !important; }
body.hc-theme .single-page-header + .container, body.hc-theme .single-page-header + div + .container { margin-top: 18px; }

/* Parent collapses the dashboard nav behind a hamburger; we show it as pills instead */
@media (max-width: 1099px) {
	body.hc-theme .dashboard-sidebar { height: auto !important; min-height: 0; }
	body.hc-theme .dashboard-sidebar-inner { height: auto !important; }
	body.hc-theme .dashboard-nav, body.hc-theme .dashboard-nav-inner, body.hc-theme .dashboard-nav-inner > ul { visibility: visible !important; opacity: 1 !important; max-height: none !important; height: auto !important; pointer-events: auto !important; }
	body.hc-theme .dashboard-nav-inner > ul > li { overflow: visible; visibility: visible !important; }
	body.hc-theme .dashboard-nav-inner { overflow-y: hidden; }
}

/* ==========================================================================
   19. Frontend sweep: breadcrumbs, projects, blog, search, 404, WooCommerce
   ========================================================================== */

/* The mobile admin bar is not fixed, so no sticky offset below 783px */
@media (max-width: 782px) {
	body.admin-bar.hc-theme #header-container, body.admin-bar #header-container { top: 0 !important; }
}

/* ---- Breadcrumbs inside title bars ---- */
body.hc-theme #titlebar nav#breadcrumbs, body.hc-theme #titlebar #breadcrumbs ul,
body.hc-theme #titlebar .woocommerce-breadcrumb { background: transparent !important; box-shadow: none !important; padding: 0 !important; border: 0 !important; margin: 8px 0 0; }
body.hc-theme #titlebar #breadcrumbs ul { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; list-style: none; }
body.hc-theme #titlebar #breadcrumbs li { display: inline-flex; align-items: center; background: transparent !important; padding: 0 !important; margin: 0 !important; color: rgba(255,255,255,.7) !important; font-size: 13px; font-weight: 700; border: 0 !important; }
body.hc-theme #titlebar #breadcrumbs li::after { display: none !important; }
body.hc-theme #titlebar #breadcrumbs li + li::before { content: "/"; margin-right: 8px; opacity: .55; }
body.hc-theme #titlebar #breadcrumbs li a, body.hc-theme #titlebar #breadcrumbs li span { color: rgba(255,255,255,.9) !important; background: transparent !important; text-decoration: none; }
body.hc-theme #titlebar > .container > .sixteen > span, body.hc-theme #titlebar span { color: rgba(255,255,255,.75); }

/* ---- Content containers on every page ---- */
body.hc-theme .container.full-width, body.hc-theme .container.right-sidebar, body.hc-theme .container.left-sidebar { width: 100%; max-width: 1240px; padding-left: var(--hc-gutter); padding-right: var(--hc-gutter); margin-left: auto; margin-right: auto; }
body.hc-theme .container .sixteen.columns, body.hc-theme .container .eleven.columns, body.hc-theme .container .five.columns { width: 100%; float: none; margin-left: 0; margin-right: 0; }
body.hc-theme .padding-right { padding-right: 0; }
body.hc-theme #titlebar > .container { width: 100%; max-width: 1240px; padding-left: var(--hc-gutter); padding-right: var(--hc-gutter); }
body.hc-theme #titlebar .sixteen.columns { float: none; width: 100%; margin: 0; }

@media (min-width: 1024px) {
	body.hc-theme .container:not(.wpjm-container):has(> .eleven.columns):has(> .five.columns) { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; align-items: start; padding-left: 24px; padding-right: 24px; }
	body.hc-theme .container:not(.wpjm-container):has(> .eleven.columns):has(> .five.columns).left-sidebar { grid-template-columns: 320px minmax(0, 1fr); }
	body.hc-theme .container:not(.wpjm-container):has(> .eleven.columns):has(> .five.columns).left-sidebar > .five { order: -1; }
	body.hc-theme .container::before, body.hc-theme .container::after { display: none; }
	body.hc-theme .container.full-width, body.hc-theme .container.right-sidebar, body.hc-theme .container.left-sidebar, body.hc-theme #titlebar > .container { padding-left: 24px; padding-right: 24px; }
}

/* ---- Widgets / sidebars ---- */
body.hc-theme aside.widget, body.hc-theme .sidebar .widget { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 20px; margin: 0 0 16px; border: 0; }
body.hc-theme .widget-title, body.hc-theme .widget h4 { font-size: 17px; margin: 0 0 12px; }
body.hc-theme aside.widget ul { list-style: none; margin: 0; padding: 0; }
body.hc-theme aside.widget ul li { margin: 0; padding: 8px 0; border-bottom: 1px solid var(--hc-line); }
body.hc-theme aside.widget ul li:last-child { border-bottom: 0; }
body.hc-theme aside.widget a { color: var(--hc-ink); font-weight: 700; text-decoration: none; }
body.hc-theme aside.widget a:hover { color: var(--hc-indigo); }
body.hc-theme .notification { border-radius: var(--hc-radius-sm); }

/* ---- Blog / archive / search ---- */
body.hc-theme article.post-container { background: #fff; border: 0; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 0; margin: 0 0 16px; overflow: hidden; }
body.hc-theme article.post-container .post-img, body.hc-theme article.post-container .post-img img { border-radius: 0; width: 100%; display: block; }
body.hc-theme article.post-container .post-content, body.hc-theme article.post-container .entry-content, body.hc-theme article.post-container header, body.hc-theme article.post-container .post-description { padding: 20px; }
body.hc-theme article.post-container h2, body.hc-theme article.post-container h3 { font-size: clamp(20px, 5vw, 26px); margin: 0 0 8px; }
body.hc-theme article.post-container h2 a, body.hc-theme article.post-container h3 a { color: var(--hc-ink); text-decoration: none; }
body.hc-theme article.post-container h2 a:hover, body.hc-theme article.post-container h3 a:hover { color: var(--hc-indigo); }
body.hc-theme article.post-container .post-meta, body.hc-theme article.post-container .meta-info, body.hc-theme article.post-container .post-meta li { color: var(--hc-muted); font-size: 14px; }
body.hc-theme article.post-container .post-meta { margin: 0 0 10px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px 14px; }
body.hc-theme article.post-container a.button { min-height: 42px; padding: 0 20px; font-size: 15px; }
body.single-post article.post-container, body.page article.post-container { padding: 0; }
body.hc-theme .post-content, body.hc-theme .entry-content { font-size: 17px; line-height: 1.8; color: #2b3350; }
body.hc-theme .entry-content h2, body.hc-theme .post-content h2 { font-size: 24px; margin: 28px 0 10px; }
body.hc-theme .entry-content img, body.hc-theme .post-content img { border-radius: var(--hc-radius-sm); height: auto; }
body.hc-theme .entry-content ul, body.hc-theme .post-content ul { padding-left: 22px; }
body.hc-theme nav.post-navigation { margin: 12px 0 20px; }
body.hc-theme nav.post-navigation .nav-links { display: grid; gap: 10px; }
body.hc-theme nav.post-navigation a { display: block; padding: 14px 16px; background: #fff; border-radius: var(--hc-radius-sm); box-shadow: var(--hc-shadow); color: var(--hc-ink); font-weight: 800; text-decoration: none; }
body.hc-theme #comments-section, body.hc-theme .comments { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 20px; margin-bottom: 16px; }
body.hc-theme .pagination ul, body.hc-theme .wp-pagenavi, body.hc-theme .nav-links.pagination { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 20px 0; justify-content: center; }
body.hc-theme .pagination li, body.hc-theme .wp-pagenavi a, body.hc-theme .wp-pagenavi span { margin: 0; }
body.hc-theme .pagination a, body.hc-theme .pagination .current, body.hc-theme .wp-pagenavi a, body.hc-theme .wp-pagenavi span, body.hc-theme .page-numbers { display: inline-flex; min-width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0 12px; border-radius: 999px; background: #fff; border: 1.5px solid var(--hc-line); color: var(--hc-ink); font-weight: 800; text-decoration: none; }
body.hc-theme .pagination .current, body.hc-theme .wp-pagenavi .current, body.hc-theme .page-numbers.current { background: var(--hc-indigo); border-color: var(--hc-indigo); color: #fff; }

/* ---- Default pages (About, Pricing, legal ...) ---- */
body.hc-theme .container.full-width > article.page, body.hc-theme .container.full-width > article.sixteen { padding: 4px 0 24px; }
body.page:not(.home) .container.full-width { padding-top: 22px; padding-bottom: 24px; }

/* ---- 404 ---- */
body.hc-theme #not-found { text-align: center; padding: 30px 0 40px; }
body.hc-theme #not-found h2 { font-size: clamp(30px, 9vw, 54px); }
body.hc-theme #not-found p { color: var(--hc-muted); font-size: 18px; }

/* ==========================================================================
   Projects (tasks) + bids
   ========================================================================== */
body.hc-theme a.task-listing { display: block; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 0; margin: 0 0 12px; overflow: hidden; color: inherit; text-decoration: none; transition: transform .15s, box-shadow .15s; }
body.hc-theme a.task-listing:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(15,23,41,.1); }
body.hc-theme a.task-listing.task-listing-featured { border-color: rgba(255,138,0,.55); }
body.hc-theme .task-listing-details { padding: 16px; margin: 0; width: auto; float: none; }
body.hc-theme .task-listing-description { padding: 0; margin: 0; }
body.hc-theme h3.task-listing-title { font-size: 18px; line-height: 1.3; margin: 0 0 8px; color: var(--hc-ink); }
body.hc-theme ul.task-icons { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 14px; color: var(--hc-muted); }
body.hc-theme ul.task-icons li { margin: 0; padding: 0; display: inline-flex; align-items: center; gap: 4px; float: none; }
body.hc-theme ul.task-icons li i { color: var(--hc-indigo); font-size: 17px; }
body.hc-theme p.task-listing-text { margin: 0 0 10px; color: #4b5470; font-size: 15px; }
body.hc-theme .task-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
body.hc-theme .task-tags span { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: #efeaff; color: var(--hc-indigo); font-size: 12px; font-weight: 800; margin: 0; }
body.hc-theme .task-listing-bid { background: var(--hc-bg); padding: 12px 16px; margin: 0; width: auto; float: none; border: 0; }
body.hc-theme .task-listing-bid-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.hc-theme .task-offers { margin: 0; text-align: left; }
body.hc-theme .task-offers strong { display: block; font-size: 17px; color: var(--hc-indigo); line-height: 1.2; }
body.hc-theme .task-offers span { color: var(--hc-muted); font-size: 13px; font-weight: 700; }
body.hc-theme .task-listing-bid .button { width: auto; min-height: 44px; padding: 0 20px; margin: 0; font-size: 15px; }
body.hc-theme .task-listing .listing-badge { right: 12px; top: 12px; }

/* Single project */
body.hc-theme .single-page-header * { color: rgba(255,255,255,.92) !important; }
body.hc-theme .single-page-header .company-not-rated, body.hc-theme .single-page-header .company-not-rated * { color: var(--hc-ink) !important; }
body.hc-theme .single-page-header .button, body.hc-theme .single-page-header .button * { color: #fff !important; }
body.hc-theme .single-page-header h1, body.hc-theme .single-page-header h2 { font-size: clamp(24px, 6vw, 38px); margin: 0 0 12px; }
body.hc-theme .single-page-header .header-details li, body.hc-theme .single-page-header ul { list-style: none; margin: 0 0 6px; padding: 0; }
body.hc-theme .single-page-section h3 { margin-bottom: 12px; }
body.hc-theme .single-page-section .task-tags { margin-top: 4px; }
body.hc-theme .sidebar-container .sidebar-widget, body.hc-theme .sidebar-container > div { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 20px; margin-bottom: 16px; }
body.hc-theme .bidding-widget .bidding-headline, body.hc-theme .bidding-widget h3 { margin: 0 0 14px; }
body.hc-theme .bidding-widget .bidding-inner { padding: 0; }
body.hc-theme .bidding-widget input[type="text"], body.hc-theme .bidding-widget input[type="number"] { width: 100%; }
body.hc-theme .bidding-widget .button, body.hc-theme .bidding-widget button { width: 100%; }
body.hc-theme .bidding-widget .bidding-value { color: var(--hc-indigo); font-weight: 900; }
body.hc-theme .small-dialog { border-radius: 20px; overflow: hidden; }
body.hc-theme .small-dialog-header, body.hc-theme .small-dialog-headline { background: var(--hc-bg); border-radius: 20px 20px 0 0; }
body.hc-theme .small-dialog-header h3, body.hc-theme .small-dialog-headline h2 { margin: 0; font-size: 20px; }

/* Bid lists (dashboard + project bids) */
body.hc-theme .bids-list li, body.hc-theme .bidders-list li, body.hc-theme .dashboard-box .bidder { border-radius: var(--hc-radius-sm); }
body.hc-theme .bids-container .bid, body.hc-theme .freelancer-bid { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 16px; margin-bottom: 12px; }

@media (min-width: 1024px) {
	body.single-task .container, body.post-type-archive-task .container, body.page-template-template-tasks .container, body.page-template-template-tasks-php .container { width: 100%; max-width: 1240px; padding-left: 24px; padding-right: 24px; }
	body.single-task .single-page-header .container { max-width: 1240px; }
	body.hc-theme .sidebar-container { position: sticky; top: 88px; }
	body.hc-theme .task-listing-bid-inner { gap: 20px; }
}

/* ==========================================================================
   WooCommerce (shop, cart, checkout, account)
   ========================================================================== */
body.hc-theme .woocommerce-info, body.hc-theme .woocommerce-message, body.hc-theme .woocommerce-error { border-radius: var(--hc-radius-sm); border: 0; background: #efeaff; color: var(--hc-ink); padding: 14px 16px; }
body.hc-theme .woocommerce-error { background: #ffe9e9; }
body.hc-theme .woocommerce-message { background: #e7f8ee; }
body.hc-theme .woocommerce ul.products, body.hc-theme ul.products { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
body.hc-theme ul.products::before, body.hc-theme ul.products::after { display: none; }
body.hc-theme ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 12px; }
body.hc-theme ul.products li.product img { border-radius: var(--hc-radius-sm); }
body.hc-theme ul.products li.product h2, body.hc-theme .woocommerce-loop-product__title { font-size: 16px; margin: 8px 0 4px; }
body.hc-theme ul.products li.product .price { color: var(--hc-indigo); font-weight: 800; }
body.hc-theme .woocommerce div.product .product_title { font-size: clamp(24px, 6vw, 34px); }
body.hc-theme .woocommerce div.product p.price, body.hc-theme .woocommerce div.product span.price { color: var(--hc-indigo); font-weight: 900; }
body.hc-theme .woocommerce table.shop_table { border: 0; border-radius: var(--hc-radius); overflow: hidden; box-shadow: var(--hc-shadow); background: #fff; }
body.hc-theme .woocommerce table.shop_table th, body.hc-theme .woocommerce table.shop_table td { padding: 12px; border-color: var(--hc-line); }
body.hc-theme .woocommerce-checkout #payment, body.hc-theme .woocommerce #payment { background: var(--hc-bg); border-radius: var(--hc-radius); }
body.hc-theme .wc-block-components-button, body.hc-theme .wp-block-button__link, body.hc-theme .wc-block-cart__submit-button, body.hc-theme .wc-block-components-checkout-place-order-button { border-radius: 999px !important; min-height: 48px; font-weight: 800; background: var(--hc-indigo); color: #fff; }
body.hc-theme .wc-block-components-text-input input, body.hc-theme .wc-block-components-select select { border-radius: var(--hc-radius-sm); }
body.hc-theme .wc-block-cart, body.hc-theme .wc-block-checkout { margin-top: 8px; }
body.hc-theme .wc-block-components-sidebar-layout .wc-block-components-main, body.hc-theme .wc-block-components-sidebar { min-width: 0; }
/* My Account: nav as pills on phones, sidebar card on desktop */
body.hc-theme .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 16px; padding: 0; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
body.hc-theme .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
body.hc-theme .woocommerce-MyAccount-navigation li { flex: none; margin: 0; padding: 0; border: 0; }
body.hc-theme .woocommerce-MyAccount-navigation li a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1.5px solid var(--hc-line); color: var(--hc-ink); font-weight: 800; font-size: 14px; text-decoration: none; white-space: nowrap; }
body.hc-theme .woocommerce-MyAccount-navigation li.is-active a { background: var(--hc-indigo); border-color: var(--hc-indigo); color: #fff; }
body.hc-theme .woocommerce-MyAccount-content { background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 20px; width: 100%; float: none; }
body.hc-theme .woocommerce-MyAccount-navigation { width: 100%; float: none; }

@media (min-width: 768px) {
	body.hc-theme ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
	body.hc-theme ul.products { grid-template-columns: repeat(4, 1fr); }
	body.hc-theme .woocommerce:has(> .woocommerce-MyAccount-navigation) { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; align-items: start; }
	body.hc-theme .woocommerce-MyAccount-navigation ul { flex-direction: column; background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); padding: 10px; }
	body.hc-theme .woocommerce-MyAccount-navigation li a { display: flex; border: 0; border-radius: 12px; }
}

.hc-applybar[hidden] { display: none !important; }
body.single-task { padding-bottom: calc(var(--hc-tabbar-h) + 76px + env(safe-area-inset-bottom)); }
@media (min-width: 1024px) { body.single-task { padding-bottom: 0; } }
body.hc-theme .meta-tags .entry-meta span:has(> a.author-link:empty) { display: none; }
body.single-task #listeo-floating-chat-widget { bottom: calc(var(--hc-tabbar-h) + 86px + env(safe-area-inset-bottom)) !important; }

body.hc-theme .single-page-header .salary-box { background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.3); border-radius: 18px; box-shadow: none !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); padding: 14px 18px; }
body.hc-theme .single-page-header .salary-box * { color: #fff !important; }
body.hc-theme .single-page-header .salary-amount { font-size: 22px; font-weight: 900; }

/* 404 */
.hc-404 { padding: 48px 0 64px; text-align: center; }
.hc-404 .hc-wrap { max-width: 640px; }
.hc-404__code { font-size: clamp(80px, 26vw, 150px); font-weight: 900; line-height: 1; margin: 0 0 8px; background: var(--hc-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hc-404 h1 { font-size: clamp(24px, 6vw, 36px); margin: 0 0 10px; }
.hc-404__text { color: var(--hc-muted); font-size: 17px; margin: 0 0 22px; }
.hc-404__search { display: grid; gap: 10px; margin: 0 auto 20px; max-width: 480px; }
.hc-404__links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
@media (min-width: 640px) { .hc-404__search { grid-template-columns: 1fr auto; } }

/* Review stars */
.star.dashicons, .stars .star { color: #ffb020; font-size: 22px; width: 22px; height: 22px; cursor: pointer; }
.star.dashicons-star-filled { color: #ffb020; }
.stars.choose-rating { display: flex; gap: 2px; }

/* Icon fonts must not be overridden by the global text font */
body.hc-theme .dashicons:not(.star), body.hc-theme .dashicons-before:before, body.hc-theme .dashicons:not(.star):before { font-family: dashicons !important; }
/* Parent theme draws review stars with Font Awesome glyph F005 on dashicon classes */
body.hc-theme .star.dashicons, body.hc-theme .star.dashicons::before, body.hc-theme .star.dashicons::after { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; }

.star.dashicons-star-empty::before { color: #aab1c5 !important; }
.star.dashicons-star-filled::before, .star.dashicons.hover::before, .star.dashicons.active::before { color: #ffb020 !important; }

/* Parent pads #wrapper by the height of its fixed header on wide screens; ours is sticky, so no offset */
body.hc-theme #wrapper.new-header, #wrapper.new-header { padding-top: 0 !important; }
@media (min-width: 1366px) { body.hc-theme #wrapper.new-header { padding-top: 0 !important; } body.hc-theme .new-header #header-container, body.hc-theme .new-header #header { height: var(--hc-header-h); } }

/* ==========================================================================
   20. Package selection (Post a Job / Post a Project, My Packages)
   ========================================================================== */
body.hc-theme .job_listing_packages_title { display: flex; flex-direction: column-reverse; align-items: center; gap: 10px; text-align: center; margin-bottom: 6px; }
body.hc-theme .job_listing_packages_title h2 { margin: 0; font-size: clamp(22px, 5.6vw, 30px); }
body.hc-theme .job_listing_packages_title .button { min-height: 44px; }
body.hc-theme ul.job_packages { list-style: none; margin: 0; padding: 0; }
body.hc-theme ul.job_packages > h4, body.hc-theme .job_packages .headline { text-align: center; }
body.hc-theme .pricing-plans-container { display: grid; gap: 14px; margin: 18px 0 8px; float: none; width: 100%; }
body.hc-theme .pricing-plan { position: relative; float: none; width: auto; margin: 0; padding: 22px; background: #fff; border: 2px solid transparent; border-radius: 22px; box-shadow: var(--hc-shadow); text-align: left; }
body.hc-theme .pricing-plan.recommended, body.hc-theme .pricing-plan:nth-child(2):not(:last-child) { border-color: var(--hc-indigo); }
body.hc-theme .pricing-plan h3 { font-size: 19px; margin: 0; }
body.hc-theme .pricing-plan > p { margin: 4px 0 14px; color: var(--hc-muted); }
body.hc-theme .pricing-plan-label { margin: 0 0 14px; padding: 12px; background: var(--hc-bg); border-radius: 14px; text-align: center; font-size: 30px; font-weight: 900; color: var(--hc-indigo); line-height: 1.2; }
body.hc-theme .pricing-plan-label * { color: inherit; font-size: inherit; font-weight: inherit; }
body.hc-theme .pricing-plan-features ul { list-style: none; margin: 0 0 16px; padding: 0; color: #4b5470; }
body.hc-theme .pricing-plan-features li { position: relative; margin: 0; padding: 6px 0 6px 24px; border: 0; }
body.hc-theme .pricing-plan-features li::before { content: ""; position: absolute; left: 0; top: 11px; width: 14px; height: 14px; border-radius: 50%; background: #efeaff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b3fd9' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px no-repeat; }
body.hc-theme .pricing-plan > a.button, body.hc-theme .pricing-plan > .button, body.hc-theme .pricing-plan label.button, body.hc-theme .pricing-plan .pricing-plan-buy, body.hc-theme .pricing-plan input[type="submit"], body.hc-theme .pricing-plan label {
	display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; margin: 0; padding: 0 20px; border-radius: 999px; background: var(--hc-indigo); color: #fff !important; font-weight: 800; font-size: 16px; cursor: pointer; border: 0; box-shadow: 0 6px 18px rgba(91,63,217,.28);
}
body.hc-theme .pricing-plan label i, body.hc-theme .pricing-plan label svg { color: #fff; }
body.hc-theme .pricing-plan input[type="radio"] { accent-color: var(--hc-orange); }
@media (min-width: 768px) {
	body.hc-theme .pricing-plans-container { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
}

/* Package radio + label becomes a selectable button */
body.hc-theme .pricing-plan .plan-features { margin: 0; padding: 0; position: relative; }
body.hc-theme .pricing-plan .plan-features br { display: none; }
body.hc-theme .pricing-plan .plan-features input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
body.hc-theme .pricing-plan .plan-features label { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; margin: 0; padding: 0 20px; border-radius: 999px; background: #fff !important; color: var(--hc-indigo) !important; border: 2px solid var(--hc-indigo); box-shadow: none; font-weight: 800; font-size: 16px; cursor: pointer; }
body.hc-theme .pricing-plan .plan-features label::before { display: none !important; }
body.hc-theme .pricing-plan .plan-features input[type="radio"]:checked + label { background: var(--hc-indigo) !important; color: #fff !important; }
body.hc-theme .pricing-plan .plan-features input[type="radio"]:checked + label::after { content: "\2713"; margin-left: 4px; }
body.hc-theme .pricing-plan .plan-features input[type="radio"]:focus-visible + label { outline: 3px solid rgba(91,63,217,.45); outline-offset: 2px; }

body.hc-theme .pricing-plan .plan-features > label[for] { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 48px !important; height: auto !important; margin: 0 !important; padding: 0 20px !important; border-radius: 999px !important; background: #fff !important; color: var(--hc-indigo) !important; border: 2px solid var(--hc-indigo) !important; box-shadow: none !important; font-weight: 800 !important; font-size: 16px !important; line-height: 1.2 !important; text-transform: none !important; }
body.hc-theme .pricing-plan .plan-features > input[type="radio"]:checked + label[for] { background: var(--hc-indigo) !important; color: #fff !important; }
body.hc-theme .pricing-plan .plan-features > label[for]::before, body.hc-theme .pricing-plan .plan-features > label[for]::after { position: static; background: none; border: 0; width: auto; height: auto; }

/* ==========================================================================
   21. Hirencer Core: bid plans, boosts, balance, featured proposals
   ========================================================================== */
.hc-plans--bids { grid-template-columns: 1fr; }
.hc-plan--addon { background: linear-gradient(180deg, #fff7ec, #fff 70%); border-color: rgba(255,138,0,.45); }
.hc-plan__tag--alt { background: var(--hc-ink); }
@media (min-width: 768px) {
	.hc-plans--bids { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
	.hc-plans--bids { grid-template-columns: repeat(4, 1fr); }
}

/* Balance box (Bid Plans page, My Bids) */
.hc-balance { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0 0 22px; padding: 16px; background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); }
.hc-balance__item { text-align: center; padding: 8px 6px; background: var(--hc-bg); border-radius: 14px; }
.hc-balance__item--wide { grid-column: 1 / -1; }
.hc-balance__item strong { display: block; font-size: 26px; font-weight: 900; color: var(--hc-indigo); line-height: 1.15; }
.hc-balance__item span { font-size: 12px; font-weight: 800; color: var(--hc-muted); text-transform: uppercase; letter-spacing: .05em; }
.hc-balance__cta { grid-column: 1 / -1; }
@media (min-width: 768px) {
	.hc-balance { grid-template-columns: repeat(3, 1fr) auto; align-items: center; }
	.hc-balance__item--wide { grid-column: auto; }
	.hc-balance__cta { grid-column: auto; }
}

/* Bid plan card shown in the project's bid box */
.hc-bidplan { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 0 14px; padding: 12px 14px; background: #efeaff; border-radius: 14px; font-size: 14px; font-weight: 700; color: var(--hc-ink); }
.hc-bidplan b { color: var(--hc-indigo); font-size: 16px; }
.hc-bidplan small { flex-basis: 100%; color: var(--hc-muted); font-weight: 600; }
.hc-bidplan--none { display: block; background: #fff4e0; }
.hc-bidplan--none strong { display: block; font-size: 16px; margin-bottom: 2px; }
.hc-bidplan--none p { margin: 0 0 10px; color: #8a5300; font-weight: 600; }
.hc-bidplan--flash { animation: hc-flash .5s ease 2; }
@keyframes hc-flash { 50% { box-shadow: 0 0 0 6px rgba(255,138,0,.35); } }

/* Boost option in the bid popup */
.hc-boost { margin: 18px 0 0; padding: 12px 14px; border: 1.5px dashed var(--hc-orange); border-radius: 14px; background: #fff9f0; }
.hc-boost label { display: flex; gap: 10px; align-items: flex-start; margin: 0; cursor: pointer; }
.hc-boost input[type="checkbox"] { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--hc-orange); }
.hc-boost strong { display: block; font-size: 15px; }
.hc-boost small { display: block; color: var(--hc-muted); font-weight: 600; line-height: 1.4; }
.hc-boost.is-disabled { opacity: .85; }
.hc-boost a { display: inline-block; margin: 8px 0 0 30px; font-weight: 800; font-size: 14px; }

/* Featured (boosted) proposals */
.hc-bid-badge { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 10px; margin: 0 0 6px; border-radius: 999px; background: var(--hc-orange); color: #fff; font-size: 12px; font-weight: 800; line-height: 1; }
.hc-bid-badge::before { content: "\2605"; }
li.hc-bid--boosted { border-left: 4px solid var(--hc-orange); background: linear-gradient(90deg, #fff7ec, transparent 60%); border-radius: 12px; }

.hc-bid-badge, .hc-bid-badge::before { color: #fff !important; background-color: var(--hc-orange); }
.hc-bid-badge::before { background: none; }

/* Bid plans locked for non-freelancer accounts */
.hc-btn--disabled, .hc-btn--disabled:hover { opacity: .55; cursor: not-allowed; pointer-events: none; transform: none; }
.hc-plans--locked .hc-plan { opacity: .8; }

/* ==========================================================================
   22. Hirencer Collab (influencer collaborations): dashboards, form, status pills
   ========================================================================== */
.hc-collab { max-width: 960px; margin: 0 auto; padding: 4px 0 28px; }
.hc-collab h2 { font-size: clamp(22px, 5.5vw, 30px); margin: 0 0 6px; }
.hc-collab h3 { font-size: 18px; margin: 26px 0 10px; }
.hc-collab h4 { font-size: 15px; margin: 18px 0 6px; }
.hc-collab .hc-card { margin: 0 0 16px; }
.hc-muted { color: var(--hc-muted); font-size: 14px; }
.hc-collab-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 14px; }

.hc-collab-flash { margin: 0 0 16px; padding: 14px 16px; border-radius: var(--hc-radius-sm); background: #efeaff; color: var(--hc-ink); font-weight: 600; }
.hc-collab-flash p { margin: 0; }
.hc-collab-flash p + p { margin-top: 8px; }
.hc-collab-flash--success { background: #e7f8ee; }
.hc-collab-flash--error { background: #ffe9e9; color: #8a1c1c; }
.hc-collab-linkbox { width: 100%; font-size: 13px; }
.hc-collab-note { margin: 18px 0 0; padding: 12px 14px; border-radius: var(--hc-radius-sm); background: var(--hc-bg); color: var(--hc-muted); font-size: 13px; line-height: 1.5; }
.hc-collab-note--warn { background: #fff4e0; color: #8a5300; font-weight: 600; font-size: 14px; }

/* Lists */
.hc-collab-list { display: grid; gap: 10px; margin: 0 0 8px; }
.hc-collab-row { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; background: #fff; border: 1px solid var(--hc-line); border-radius: var(--hc-radius); box-shadow: var(--hc-shadow); color: inherit !important; text-decoration: none; }
.hc-collab-row:hover { border-color: var(--hc-indigo); }
.hc-collab-row__main strong { display: block; font-size: 17px; color: var(--hc-ink); }
.hc-collab-row__main small { color: var(--hc-muted); font-weight: 600; }
.hc-collab-row__pills { display: flex; flex-wrap: wrap; gap: 6px; }
@media (min-width: 768px) { .hc-collab-row { flex-direction: row; align-items: center; justify-content: space-between; } }

/* Status pills (campaign / payment / verification / milestone) */
.hc-pill { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: #efeaff; color: var(--hc-indigo); font-size: 12px; font-weight: 800; line-height: 1; white-space: nowrap; }
.hc-pill--pay-funded, .hc-pill--pay-paid, .hc-pill--ver-verified, .hc-pill--ms-paid, .hc-pill--campaign-completed, .hc-pill--campaign-active { background: #e7f8ee; color: #138a4a; }
.hc-pill--pay-funding_pending, .hc-pill--pay-refund_pending, .hc-pill--ver-manual_review, .hc-pill--ms-held, .hc-pill--ms-payout_initiated, .hc-pill--ms-eligible, .hc-pill--ver-submitted { background: #fff1dc; color: #b45f00; }
.hc-pill--pay-refunded, .hc-pill--ver-rejected, .hc-pill--ms-failed, .hc-pill--campaign-declined, .hc-pill--campaign-cancelled { background: #ffe9e9; color: #b42318; }
.hc-pill--pay-unfunded, .hc-pill--ver-not_submitted, .hc-pill--campaign-draft, .hc-pill--ms-pending { background: var(--hc-bg); color: var(--hc-muted); }
.hc-badge { display: inline-flex; min-width: 22px; height: 22px; align-items: center; justify-content: center; padding: 0 6px; border-radius: 999px; background: var(--hc-orange); color: #fff; font-size: 12px; font-weight: 800; vertical-align: middle; }

.hc-status-trio { display: grid; gap: 10px; margin: 12px 0 8px; }
.hc-status-trio > div { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; background: var(--hc-bg); border-radius: 12px; }
.hc-status-trio small { color: var(--hc-muted); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
@media (min-width: 640px) { .hc-status-trio { grid-template-columns: repeat(3, 1fr); } }

/* Notifications + activity */
.hc-notes { list-style: none; margin: 0 0 12px; padding: 0; }
.hc-notes li { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--hc-line); font-size: 15px; }
.hc-notes li.is-unread { font-weight: 800; }
.hc-notes li a { color: inherit; text-decoration: none; display: block; }
.hc-notes small { display: block; color: var(--hc-muted); font-weight: 600; }

/* Terms + milestone table */
.hc-terms { list-style: none; margin: 10px 0; padding: 0; display: grid; gap: 0; }
.hc-terms li { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 9px 0; border-bottom: 1px solid var(--hc-line); }
.hc-terms span { color: var(--hc-muted); font-weight: 600; }
.hc-table-wrap { overflow-x: auto; margin: 0 -4px; }
.hc-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.hc-table th { text-align: left; padding: 8px 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hc-muted); }
.hc-table td { padding: 10px; border-top: 1px solid var(--hc-line); vertical-align: top; }
.hc-table td small { display: block; color: var(--hc-muted); font-weight: 600; margin-top: 2px; }

/* Verification checks */
.hc-checks { list-style: none; margin: 0 0 8px; padding: 0; }
.hc-checks li { margin: 0; padding: 7px 0; font-weight: 600; }
.hc-checks li span { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; margin-right: 6px; font-size: 12px; background: var(--hc-bg); }
.hc-check--pass span { background: #e7f8ee; color: #138a4a; }
.hc-check--fail span { background: #ffe9e9; color: #b42318; }
.hc-check--unknown span { background: #fff1dc; color: #b45f00; }
.hc-checks small { display: block; margin-left: 30px; color: var(--hc-muted); font-weight: 600; }

/* Actions */
.hc-collab-actions form { display: inline-block; margin: 0 8px 8px 0; }
.hc-collab-actions .hc-details form { display: block; margin-top: 10px; }
.hc-details summary { cursor: pointer; font-weight: 800; padding: 6px 0; }

/* Create form */
.hc-collab-form fieldset { border: 0; margin: 0 0 16px; padding: 18px; }
.hc-collab-form legend { font-size: 18px; font-weight: 800; padding: 0 6px; float: none; width: auto; }
.hc-collab-form label { display: block; font-weight: 700; font-size: 14px; margin: 0 0 4px; }
.hc-collab-form input[type="text"], .hc-collab-form input[type="email"], .hc-collab-form input[type="url"], .hc-collab-form input[type="number"], .hc-collab-form input[type="datetime-local"], .hc-collab-form select, .hc-collab-form textarea { width: 100%; margin-top: 4px; }
.hc-collab-form p { margin: 0 0 14px; }
.hc-ms-row { padding: 14px; margin: 0 0 12px; background: var(--hc-bg); border-radius: var(--hc-radius-sm); display: grid; gap: 10px; }
.hc-ms-row__top { display: grid; gap: 10px; }
.hc-ms-row .hc-check { font-weight: 600; display: flex; gap: 8px; align-items: flex-start; }
.hc-ms-row .hc-check input { width: 20px; height: 20px; margin-top: 2px; flex: none; accent-color: var(--hc-indigo); }
.hc-ms-total { display: inline-block; margin-left: 8px; font-weight: 800; }
.hc-ms-total.is-ok { color: #138a4a; }
.hc-ms-total.is-bad { color: #b42318; }
.hc-presets { display: flex; flex-wrap: wrap; gap: 8px; }
@media (min-width: 768px) { .hc-ms-row__top { grid-template-columns: 1.4fr .7fr 1.6fr .9fr auto; align-items: end; } }

/* Footer note */
.hc-collab > .hc-collab-note:last-child { margin-top: 26px; }

/* ==========================================================================
   23. One account: sign-up form, welcome chooser, mode bar
   ========================================================================== */
.hc-reg__form p { margin: 0 0 14px; }
.hc-reg__form label { display: block; font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.hc-reg__form input[type=email], .hc-reg__form input[type=password], .hc-reg__form input[type=text] { width: 100%; min-height: 48px; padding: 10px 14px; border: 1.5px solid #dfe3ee; border-radius: 12px; font-size: 16px; box-shadow: none; margin: 0; }
.hc-reg__form input:focus { border-color: #7a46e6; outline: 0; box-shadow: 0 0 0 3px rgba(122, 70, 230, .15); }
.hc-reg__terms label { font-weight: 600; font-size: 13px; display: flex; gap: 8px; align-items: flex-start; }
.hc-reg__terms input { width: auto; margin-top: 3px; }
.hc-reg__hint { font-size: 13px; color: #5b6478; }
.hc-reg__note { padding: 12px 14px; border-radius: 12px; margin-bottom: 14px; font-weight: 600; font-size: 14px; }
.hc-reg__note--success { background: #e8f8ef; color: #136b3a; }
.hc-reg__note--error { background: #fdecec; color: #a12626; }
.hc-reg__google { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; }
.hc-reg__or { text-align: center; margin: 14px 0; position: relative; color: #5b6478; font-size: 13px; }
.hc-reg__or::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #e3e6ef; }
.hc-reg__or span { position: relative; background: #fff; padding: 0 10px; }
.hc-btn--block { display: block; width: 100%; text-align: center; }

.hc-welcome { max-width: 860px; margin: 0 auto; text-align: center; }
.hc-welcome__grid { display: grid; gap: 14px; margin: 22px 0; }
.hc-welcome__card { display: flex; flex-direction: column; gap: 6px; text-align: left; padding: 20px; border-radius: 18px; background: #fff; border: 1.5px solid #e3e6ef; color: #0f1729; text-decoration: none; transition: transform .15s, box-shadow .15s, border-color .15s; }
.hc-welcome__card strong { font-size: 18px; }
.hc-welcome__card span { color: #5b6478; font-size: 14px; }
.hc-welcome__card:hover { transform: translateY(-2px); border-color: #9a52f2; box-shadow: 0 10px 28px rgba(39, 98, 255, .12); }
@media (min-width: 768px) { .hc-welcome__grid { grid-template-columns: repeat(3, 1fr); } }

.hc-modebar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; font-size: 14px; }
.hc-modebar span { font-weight: 700; color: #5b6478; }
.hc-modebar a { padding: 7px 14px; border-radius: 999px; background: #f0f2f8; color: #0f1729; text-decoration: none; font-weight: 700; }
.hc-modebar a.is-active { background: linear-gradient(135deg, #9a52f2, #2762ff); color: #fff; }

/* Dashboard menu follows the chosen mode (a preference only; every page stays reachable by URL). */

/* Collab landing */
.hc-landing-cols { display: grid; gap: 14px; }
@media (min-width: 768px) { .hc-landing-cols { grid-template-columns: 1fr 1fr; } }
.hc-landing-hero { background: linear-gradient(135deg, #f4ecff, #eaf0ff); }
.hc-landing-steps { padding-left: 20px; }
.hc-landing-steps li { margin-bottom: 8px; }

/* ==========================================================================
   24. Collab: step-by-step form
   ========================================================================== */
.hc-stepper { display: flex; gap: 8px; list-style: none; margin: 0 0 18px; padding: 0; }
.hc-stepper li { flex: 1; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #f0f2f8; color: #5b6478; font-weight: 700; font-size: 13px; }
.hc-stepper li b { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #dfe3ee; color: #0f1729; font-size: 12px; flex: none; }
.hc-stepper li.is-active { background: linear-gradient(135deg, #9a52f2, #2762ff); color: #fff; }
.hc-stepper li.is-active b { background: #fff; color: #5b3fd9; }
.hc-stepper li.is-done { background: #e8f8ef; color: #136b3a; }
.hc-stepper li.is-done b { background: #136b3a; color: #fff; }
@media (max-width: 520px) { .hc-stepper li { font-size: 0; gap: 0; justify-content: center; } .hc-stepper li b { font-size: 12px; } .hc-stepper li.is-active { font-size: 13px; gap: 8px; flex: 2; } }
.hc-step[hidden] { display: none !important; }
.hc-step-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.hc-lookup { min-height: 20px; font-weight: 700; font-size: 14px; }
.hc-lookup--member { color: #136b3a; }
.hc-lookup--new { color: #5b3fd9; }
.hc-details summary { cursor: pointer; font-weight: 700; margin: 6px 0 10px; }

/* ==========================================================================
   25. Profile switcher (company/brand vs freelancer/influencer)
   ========================================================================== */
.hc-mode-talent #jobs_dashboard-menu, .hc-mode-talent #task_dashboard-menu, .hc-mode-talent #submit_page-menu,
.hc-mode-brand #bookmarks_page-menu, .hc-mode-brand #task_my_bids-menu, .hc-mode-brand #resumes_dashboard-menu, .hc-mode-brand #submit_resume-menu { display: none !important; }
.hc-profchips { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 18px; }
.hc-profchip { display: inline-flex; gap: 8px; align-items: center; padding: 8px 14px; border-radius: 12px; border: 1.5px dashed #c9cfe0; color: #0f1729; font-weight: 700; font-size: 13px; text-decoration: none; }
.hc-profchip b { color: #5b3fd9; }
.hc-profchip.is-done { border-style: solid; border-color: #b8e6cc; background: #f1fbf5; }
.hc-menu-modes a { font-weight: 800; color: #5b3fd9 !important; }
.hc-influencers { display: grid; gap: 14px; }
@media (min-width: 768px) { .hc-influencers { grid-template-columns: repeat(3, 1fr); } }
.hc-inf-card { background: #fff; border: 1.5px solid #e3e6ef; border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 6px; }
.hc-inf-card h3 { margin: 0; font-size: 17px; }
.hc-inf-card .hc-muted { margin: 0; }

/* ==========================================================================
   26. Header account menu (avatar dropdown)
   ========================================================================== */
.hc-acct .header-notifications-trigger a { display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px 4px 4px; border-radius: 999px; background: transparent; line-height: 1; height: auto; width: auto; }
.hc-acct .header-notifications-trigger a:hover { background: #f0f2f8; }
.hc-acct__avatar { display: inline-block; width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex: none; background: #e9ecf5; }
.hc-acct__avatar img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: 50%; }
.hc-acct__avatar--lg { width: 56px; height: 56px; }
.hc-acct__hi { font-size: 14px; color: #5b6478; white-space: nowrap; }
.hc-acct__hi b { color: #0f1729; font-weight: 800; }
.hc-acct .hc-acct__chev { width: 16px; height: 16px; color: #5b6478; transition: transform .2s; }
.hc-acct.active .hc-acct__chev { transform: rotate(180deg); }
@media (max-width: 767px) { .hc-acct__hi { display: none; } }

.hc-acct .header-notifications-dropdown.hc-acct__panel {
	width: 320px; max-width: calc(100vw - 24px); right: 0 !important; left: auto !important; top: calc(100% + 10px) !important;
	background: #fff !important; color: #0f1729; border: 1px solid #e3e6ef; border-radius: 20px; padding: 10px !important;
	box-shadow: 0 24px 60px rgba(15, 23, 41, .18); max-height: calc(100vh - 110px); overflow-y: auto; z-index: 9999;
}
.hc-acct .header-notifications-dropdown.hc-acct__panel::before { display: none !important; }
@media (max-width: 767px) {
	.hc-acct { position: static !important; }
	.hc-acct .header-notifications-dropdown.hc-acct__panel { position: fixed !important; top: 66px !important; left: 12px !important; right: 12px !important; width: auto; max-width: none; max-height: calc(100vh - 150px); }
}
.hc-acct__head { display: flex; gap: 12px; align-items: center; padding: 10px 8px 12px; }
.hc-acct__head strong { display: block; font-size: 16px; line-height: 1.2; }
.hc-acct__head small { display: block; color: #5b6478; font-size: 12.5px; margin: 2px 0 6px; overflow-wrap: anywhere; }
.hc-acct__mode { display: inline-block; font-style: normal; font-weight: 800; font-size: 11.5px; padding: 3px 10px; border-radius: 999px; background: linear-gradient(135deg, #9a52f2, #2762ff); color: #fff; }
.hc-acct__list, .hc-acct .hc-acct__list { list-style: none; margin: 0; padding: 6px 0; border-top: 1px solid #eef0f6; }
.hc-acct__list li { margin: 0; padding: 0; background: none; }
.hc-acct__list a { display: flex !important; align-items: center; gap: 12px; padding: 11px 10px !important; border-radius: 12px; color: #0f1729 !important; font-weight: 700; font-size: 15px; text-decoration: none; background: transparent !important; line-height: 1.2; }
.hc-acct__list a:hover, .hc-acct__list li.is-active a { background: #f3effd !important; color: #5b3fd9 !important; }
.hc-acct__list svg, .hc-acct__switch svg, .hc-acct__logout svg { width: 20px; height: 20px; flex: none; color: #6b52d6; }
.hc-acct__list a span { flex: 1; }
.hc-acct__badge { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: #5b3fd9; color: #fff; font-size: 12px; display: inline-grid; place-items: center; font-weight: 800; }

.hc-acct__switch { margin: 4px 0 8px; padding: 12px 10px; border-radius: 16px; background: #f6f7fb; }
.hc-acct__switch p { margin: 0 0 8px; display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 13px; color: #5b6478; text-transform: uppercase; letter-spacing: .04em; }
.hc-acct__switch p svg { width: 16px; height: 16px; }
.hc-acct__seg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; background: #e9ecf5; border-radius: 14px; padding: 4px; }
.hc-acct__seg a { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; border-radius: 11px; color: #5b6478 !important; font-weight: 800; font-size: 12.5px; text-align: center; line-height: 1.2; text-decoration: none; background: transparent !important; }
.hc-acct__seg a svg { color: inherit; }
.hc-acct__seg a.is-on { background: #fff !important; color: #5b3fd9 !important; box-shadow: 0 2px 8px rgba(15, 23, 41, .12); }

.hc-acct__logout { display: flex !important; align-items: center; justify-content: center; gap: 10px; padding: 12px 10px !important; border-radius: 12px; font-weight: 800; color: #c0392b !important; background: #fdf1ef !important; text-decoration: none; }
.hc-acct__logout svg { color: #c0392b; }
.hc-acct__logout:hover { background: #fbe3df !important; }
/* Keep the switcher and Log out always visible: only the link list scrolls. */
.hc-acct .header-notifications-dropdown.hc-acct__panel { display: flex !important; flex-direction: column; overflow: hidden; }
.hc-acct__list { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.hc-acct__head, .hc-acct__switch, .hc-acct__logout { flex: none; }
@media (max-width: 767px) {
	.hc-acct .header-notifications-dropdown.hc-acct__panel { max-height: calc(100vh - 66px - var(--hc-tabbar-h) - 24px); }
	.hc-acct__list a { padding: 9px 10px !important; font-size: 14.5px; }
	.hc-acct__head { padding: 6px 8px 8px; }
	.hc-acct__avatar--lg { width: 46px; height: 46px; }
	.hc-acct__switch { padding: 10px 8px; margin: 2px 0 6px; }
	.hc-acct__seg a { padding: 8px 4px; }
}
/* Undo the parent's vertical-centering transforms on the trigger so the avatar sits on the header line. */
.hc-acct .header-notifications-trigger { position: static !important; top: auto !important; transform: none !important; height: auto !important; line-height: 1 !important; }
.hc-acct .header-notifications-trigger a { position: static !important; top: auto !important; transform: none !important; color: #0f1729 !important; padding: 4px 10px 4px 4px; background: #f3f4f9; }
.hc-acct .header-notifications-trigger a:hover { background: #e9ecf5; }
.hc-acct .hc-acct__hi { color: #5b6478 !important; }
.hc-acct .hc-acct__hi b { color: #0f1729 !important; }
.hc-acct { display: flex !important; align-items: center; }
.right-side .header-widget, .right-side .hc-acct, .right-side { width: auto !important; min-width: 0; }
.hc-acct .header-notifications-trigger a { white-space: nowrap; }
/* The parent styles every <span> in the trigger as a tiny notification bubble; neutralise it. */
.hc-acct .header-notifications-trigger a > span { position: static !important; top: auto !important; right: auto !important; left: auto !important; background: none; box-shadow: none; text-align: left; line-height: 1.2; height: auto; width: auto; min-width: 0; padding: 0; font-size: 14px; border-radius: 0; color: inherit; transform: none; }
.hc-acct .header-notifications-trigger a > span.hc-acct__avatar { width: 38px; height: 38px; border-radius: 50%; display: inline-block; background: #e9ecf5; }
.hc-acct .header-notifications-trigger a > span.hc-acct__hi { display: inline; font-size: 14px; }
@media (max-width: 767px) { .hc-acct .header-notifications-trigger a > span.hc-acct__hi { display: none; } .hc-acct .header-notifications-trigger a { padding: 3px 8px 3px 3px; } }
/* Compact header trigger: small avatar, short plain name. */
.hc-acct .header-notifications-trigger a { padding: 3px 8px 3px 3px; gap: 6px; }
.hc-acct .header-notifications-trigger a > span.hc-acct__avatar { width: 28px; height: 28px; }
.hc-acct .header-notifications-trigger a > span.hc-acct__hi { font-size: 13px; font-weight: 400; max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; }
.hc-acct .hc-acct__hi b { font-weight: 500 !important; }
.hc-acct .hc-acct__chev { width: 14px; height: 14px; }
.hc-acct .hc-acct__hi { color: #3b4357 !important; }
@media (max-width: 767px) {
	.hc-acct .header-notifications-trigger a > span.hc-acct__hi { display: none; }
	.hc-modebar { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: #eceef6; padding: 4px; border-radius: 14px; margin-bottom: 10px; }
	.hc-modebar span { display: none; }
	.hc-modebar a { text-align: center; padding: 10px 6px; font-size: 13px; line-height: 1.2; background: transparent; }
	.hc-modebar a.is-active { background: #fff; color: #5b3fd9; box-shadow: 0 2px 8px rgba(15, 23, 41, .12); }
	.hc-profchips { flex-wrap: nowrap; overflow-x: auto; margin: 0 0 16px; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
	.hc-profchip { flex: none; }
}

/* Phones/tablets: the sidebar is a row of pills, so show each group's links as pills instead of a dead heading. */
@media (max-width: 1099px) {
	body.hc-theme .dashboard-nav-inner > ul > li:has(> ul) { display: contents !important; }
	body.hc-theme .dashboard-nav-inner > ul > li:has(> ul) > a { display: none !important; }
	body.hc-theme .dashboard-nav-inner > ul > li > ul { display: contents !important; }
	body.hc-theme .dashboard-nav-inner > ul > li > ul > li { flex: none; margin: 0; border: 0; border-radius: 999px; background: var(--hc-bg); list-style: none; }
	body.hc-theme .dashboard-nav-inner > ul > li > ul > li > a { padding: 9px 16px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 14px; line-height: 1.2; min-height: 40px; }
	body.hc-theme .dashboard-nav-inner > ul > li > ul > li.active { background: var(--hc-indigo); }
	body.hc-theme .dashboard-nav-inner > ul > li > ul > li.active > a, body.hc-theme .dashboard-nav-inner > ul > li > ul > li.active > a i { color: #fff; }
}

/* ==========================================================================
   27. Homepage for signed-in people (quick actions)
   ========================================================================== */
.hc-section--tight { padding-top: 18px; padding-bottom: 6px; }
.hc-qa { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hc-qa li { margin: 0; }
.hc-qa a { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; padding: 16px 14px; border-radius: 18px; background: #fff; border: 1.5px solid #e3e6ef; color: #0f1729; font-weight: 800; font-size: 15px; text-decoration: none; min-height: 88px; }
.hc-qa a svg { width: 26px; height: 26px; color: #6b52d6; }
.hc-qa a:active { transform: scale(.98); }
@media (min-width: 768px) { .hc-qa { grid-template-columns: repeat(4, 1fr); } .hc-qa a:hover { border-color: #9a52f2; box-shadow: 0 10px 28px rgba(39, 98, 255, .12); } }
.hc-hero .hc-modebar { margin: 4px 0 16px; }
.hc-hero .hc-modebar span { color: rgba(255, 255, 255, .8); }
.hc-hero .hc-modebar a { background: rgba(255, 255, 255, .16); color: #fff; }
.hc-hero .hc-modebar a.is-active { background: #fff; color: #5b3fd9; box-shadow: none; }
@media (max-width: 767px) { .hc-hero .hc-modebar { background: rgba(255, 255, 255, .14); } .hc-hero .hc-modebar a { background: transparent; } .hc-hero .hc-modebar a.is-active { background: #fff; } }
.hc-profchips--home { margin: 0 0 10px; }
.hc-glass__body strong { color: #fff; }

/* ==========================================================================
   28. Dashboard stat cards per profile
   ========================================================================== */
.hc-dashcards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 20px; }
@media (min-width: 900px) { .hc-dashcards { grid-template-columns: repeat(4, 1fr); } }
.hc-dashcard { background: #fff; border: 1.5px solid #e3e6ef; border-radius: 18px; padding: 16px; display: flex; flex-direction: column; gap: 4px; min-height: 104px; }
.hc-dashcard span { color: #5b6478; font-weight: 700; font-size: 13px; }
.hc-dashcard strong { font-size: 30px; line-height: 1.1; color: #0f1729; }
.hc-dashcard a { margin-top: auto; font-weight: 800; font-size: 13px; color: #5b3fd9; text-decoration: none; }
/* The theme's own stat cards and listing-packages box describe employer activity: hide them on the talent profile. */
.hc-mode-talent .dashboard-content-inner .fun-facts-container,
.hc-mode-talent .dashboard-content-inner .row > .col-lg-6:nth-child(2) { display: none !important; }
.hc-mode-talent .dashboard-content-inner .row > .col-lg-6:first-child { width: 100%; max-width: 100%; flex: 0 0 100%; }
.dashboard-box-list.user-packages li.no-icon { width: 100%; }
.dashboard-box-list li.no-icon { display: block; }

/* Company page (desktop): header band on top, details left, overview card right. */
@media (min-width: 1024px) {
	body.single-company .container.left-sidebar { grid-template-columns: minmax(0, 1fr) 340px !important; }
	body.single-company .container.left-sidebar > .company-contact-details { grid-column: 1 / -1 !important; grid-row: 1; }
	body.single-company .container.left-sidebar > .eleven.columns { grid-column: 1 !important; grid-row: 2; order: 0 !important; }
	body.single-company .container.left-sidebar > .five.columns { grid-column: 2 !important; grid-row: 2; order: 0 !important; }
}

/* Listing banners: hide the "post" button on the freelancer profile (it is a hiring action). */
.hc-mode-talent #titlebar a.button[href*="/post-a-job"], .hc-mode-talent #titlebar a.button[href*="/post-a-project"] { display: none !important; }
.hc-switchcard { padding: 20px; text-align: center; }
.hc-switchcard h3 { font-size: 17px; margin: 0 0 8px; }
.hc-switchcard p { color: #5b6478; font-size: 14px; margin: 0 0 14px; }

/* ==========================================================================
   29. Desktop page polish (blog, pricing, collab screens)
   ========================================================================== */
.widget_meta { display: none !important; }
@media (min-width: 1024px) { .hc-prose:has(.hc-plans) { max-width: 1100px; } }
.hc-collab-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; }
.hc-collab-head h2 { margin: 0 auto 0 0; }
.hc-step-nav [hidden], .hc-collab [hidden] { display: none !important; }
.hc-landing-steps strong::after { content: " \2014"; font-weight: 400; }
.hc-mode-brand #titlebar a.button[href*="create-profile"], .hc-mode-brand #titlebar a.button[href*="add-resume"] { display: none !important; }
.hc-landing-hero h2 { margin: 0 0 12px; line-height: 1.2; }
.hc-landing-hero p { line-height: 1.55; }
.hc-landing-hero .hc-btn { margin: 0 8px 8px 0; }

/* Project header: company logo + "Added by" line */
.header-image { width: 84px !important; height: 84px !important; border-radius: 22px; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,.2); flex: none; }
.header-image a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; padding: 10px; }
.header-image img.company_logo { width: 100%; height: 100%; object-fit: contain; border-radius: 0; margin: 0; }
.header-details .no-reviews { color: rgba(255,255,255,.85) !important; background: transparent !important; padding: 0 !important; font-size: 13px; }
.header-details ul li a { color: #fff; font-weight: 700; text-decoration: none; }
.header-details ul li a:hover { text-decoration: underline; }
.left-side > .header-image, .header-image { width: 84px !important; min-width: 84px; max-width: 84px; padding: 0 !important; margin-right: 18px; }

/* On-site message dialog */
.hc-msg-dialog { border: 0; border-radius: 20px; padding: 22px; width: min(92vw, 460px); box-shadow: 0 24px 60px rgba(15,23,41,.3); }
.hc-msg-dialog::backdrop { background: rgba(15,23,41,.5); }
.hc-msg-dialog h3 { margin: 0 0 12px; font-size: 18px; }
.hc-msg-dialog textarea { width: 100%; border: 1.5px solid #dfe3ee; border-radius: 12px; padding: 12px; font-size: 16px; box-shadow: none; margin: 0; }
.hc-msg-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 12px; }
.hc-msg-note { min-height: 20px; margin: 8px 0 0; font-weight: 700; font-size: 14px; }
.hc-msg-note.is-ok { color: #136b3a; }
.hc-msg-note.is-bad { color: #a12626; }

/* The generic .hc-btn--block rule (sign-up form) must not un-hide the filter sheet's "Show results" button. */
.hc-sheet__apply.hc-btn--block { display: none; }
body.hc-sheet-open .hc-sheet__apply.hc-btn--block { display: inline-flex; }
@media (min-width: 1024px) { .hc-sheet__apply.hc-btn--block { display: none !important; } }
.hc-sheet__apply.hc-btn--block { width: auto; justify-content: center; }

/* Dashboard list action buttons (edit / view / delete): icons were white on light grey */
.buttons-to-right a.button.gray.ico, .buttons-to-right a.button.gray { color: #4a5368 !important; background: #eef0f7 !important; }
.buttons-to-right a.button.gray.ico i, .buttons-to-right a.button.gray i { color: inherit !important; }
.buttons-to-right a.button.gray:hover { background: #e2e5f1 !important; color: #5b3fd9 !important; }
.buttons-to-right a.task-dashboard-action-delete:hover, .buttons-to-right a.job-dashboard-action-delete:hover { color: #c0392b !important; background: #fdecec !important; }

/* Phones/tablets: the dashboard sidebar is replaced by a flat row of pills built in app.js (the theme's nested menus can't be reliably restyled). */
@media (max-width: 1099px) {
	body.hc-has-pillnav .dashboard-nav-inner { display: none !important; }
	.hc-pillnav { display: flex; gap: 8px; overflow-x: auto; padding: 10px var(--hc-gutter); scrollbar-width: none; -webkit-overflow-scrolling: touch; background: #fff; }
	.hc-pillnav::-webkit-scrollbar { display: none; }
	.hc-pillnav a { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border-radius: 999px; background: var(--hc-bg); color: var(--hc-muted); font-weight: 700; font-size: 14px; line-height: 1.2; text-decoration: none; white-space: nowrap; }
	.hc-pillnav a.is-current { background: var(--hc-indigo); color: #fff; }
	.hc-pillnav a .hc-pillnav__n { background: #5b3fd9; color: #fff; border-radius: 999px; font-size: 11px; padding: 1px 7px; }
	.hc-pillnav a.is-current .hc-pillnav__n { background: #fff; color: #5b3fd9; }
}
@media (min-width: 1100px) { .hc-pillnav { display: none; } }

/* Company page on phones: overview card right after the header band, then About / jobs / projects / reviews. */
@media (max-width: 1023px) {
	body.single-company .container.left-sidebar { display: flex; flex-direction: column; }
	body.single-company .container.left-sidebar > .company-contact-details { order: 0; }
	body.single-company .container.left-sidebar > .five.columns { order: 1; position: static; }
	body.single-company .container.left-sidebar > .eleven.columns { order: 2; }
}
/* Upload fields (review photo gallery etc.) */
body.hc-theme input[type="file"] { width: 100%; padding: 10px; border: 1.5px dashed #c9cfe0; border-radius: 12px; background: #fafbff; font-size: 14px; color: #5b6478; }
body.hc-theme input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 0; border-radius: 999px; background: #5b3fd9; color: #fff; font-weight: 700; cursor: pointer; }
body.hc-theme input[type="file"] { box-sizing: border-box; max-width: 100%; }

/* Freelancer header: Send Message / Login to message button */
body.hc-theme .single-page-header .right-side a.button,
body.hc-theme .single-page-header a.send-message-resume,
body.hc-theme .single-page-header a.send-message-to-owner {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-height: 48px; padding: 0 24px; margin: 0 !important;
	background: linear-gradient(135deg, #ff8a00, #ff5a1f) !important; color: #fff !important; border: 0; border-radius: 999px; font-weight: 800; box-shadow: 0 8px 22px rgba(255,138,0,.35); text-decoration: none;
}
body.hc-theme .single-page-header .right-side a.button i { color: #fff !important; }
@media (max-width: 767px) { body.hc-theme .single-page-header .right-side { margin-top: 14px; } body.hc-theme .single-page-header .right-side a.button { width: 100%; } }

/* Footer: legal links wrap, 4 link columns on desktop, disclaimer note */
.hc-footer__legal ul { flex-wrap: wrap; }
.hc-footer__note { color: rgba(255,255,255,.65); font-size: 12.5px; line-height: 1.5; grid-column: 1 / -1; }
@media (min-width: 1024px) { .hc-footer__cols { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1023px) { .hc-footer__legal { padding-bottom: 8px; } }