/*
Theme Name: TheHireBuddy New
Theme URI: https://thehirebuddy.co
Author: HBTech Limited
Description: Simple visa sponsorship job board theme. Homepage with 5 latest jobs and 5 latest news posts.
Version: 1.0
Text Domain: thehirebuddy
*/

:root{--ink:#0F172A;--muted:#64748B;--line:#E2E8F0;--blue:#1D4ED8;--navy:#123262;--orange:#F58B1F;--bg:#F8FAFC}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--blue)}
img{max-width:100%;height:auto}
.container{max-width:1000px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:1.35rem;font-weight:800;color:var(--ink);text-decoration:none}
.logo span{color:var(--blue)}
.main-nav{display:flex;gap:22px;align-items:center}
.main-nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}
.main-nav a:hover{color:var(--blue)}

/* Buttons */
.btn{display:inline-block;background:var(--blue);color:#fff!important;text-decoration:none;font-weight:700;font-size:.9rem;padding:11px 22px;border-radius:10px;border:0;cursor:pointer}
.btn:hover{background:var(--navy)}
.btn-outline{background:#fff;color:var(--blue)!important;border:1.5px solid var(--blue)}
.btn-outline:hover{background:#EFF6FF}
.more-wrap{text-align:center;margin-top:22px}

/* Hero */
.hero{padding:56px 0 34px;text-align:center;background:linear-gradient(180deg,#EEF3FC,var(--bg))}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin:0 0 12px;line-height:1.15}
.hero p{color:var(--muted);max-width:620px;margin:0 auto 18px}
.safety{display:inline-block;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:10px;padding:8px 14px;font-size:.82rem;color:#334155}

/* Sections */
.section{padding:36px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:10px;flex-wrap:wrap}
.section-head h2{margin:0;font-size:1.5rem;font-weight:800}
.section-head a{font-weight:700;font-size:.88rem;text-decoration:none}

/* Job list */
.job-list{display:flex;flex-direction:column;gap:12px}
.job-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;text-decoration:none;color:inherit;transition:.2s}
.job-card:hover{border-color:#93C5FD;box-shadow:0 6px 18px rgba(37,99,235,.1);transform:translateY(-2px)}
.job-logo{width:52px;height:52px;border-radius:12px;background:#EFF6FF;color:var(--blue);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.job-info{flex:1;min-width:0}
.job-title{font-size:1rem;font-weight:700;margin:0 0 4px}
.job-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:var(--muted)}
.chip{background:#F1F5F9;border-radius:999px;padding:2px 10px}
.chip.visa{background:#ECFDF5;color:#047857}
.chip.salary{background:#FFF7ED;color:#C2410C}
.job-right{text-align:right;flex-shrink:0}
.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:6px}
.badge.new{background:#ECFDF5;color:#059669}
.badge.hot{background:#FEF2F2;color:#DC2626}
.apply{display:block;font-size:.82rem;font-weight:700;color:var(--blue)}

/* News list */
.news-list{display:flex;flex-direction:column;gap:12px}
.news-item{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;text-decoration:none;color:inherit;transition:.2s}
.news-item:hover{border-color:#93C5FD;box-shadow:0 6px 18px rgba(37,99,235,.1);transform:translateY(-2px)}
.news-thumb{width:84px;height:84px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#EFF6FF,#F5F3FF);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}
.news-thumb img{width:100%;height:100%;object-fit:cover}
.news-info{flex:1;min-width:0}
.news-cat{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--blue);background:#EFF6FF;padding:2px 8px;border-radius:10px;margin-bottom:5px}
.news-title{font-size:.98rem;font-weight:700;margin:0 0 4px;line-height:1.3}
.news-excerpt{font-size:.82rem;color:var(--muted);margin:0}
.news-date{font-size:.72rem;color:#94A3B8;margin-top:4px}

/* Pages & posts */
.page-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;margin:36px 0 6px}
.page-sub{color:var(--muted);margin:0 0 22px}
.entry{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin:30px 0 50px}
.entry h1{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.25;margin:0 0 10px}
.entry .meta{color:var(--muted);font-size:.82rem;margin-bottom:18px}
.entry-content{font-size:1rem;line-height:1.8}
.entry-content h2{margin-top:28px}
.entry-content img{border-radius:10px}
.job-facts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.pagination{display:flex;gap:8px;justify-content:center;margin:26px 0 50px;flex-wrap:wrap}
.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#334155;text-decoration:none;font-weight:600;font-size:.85rem}
.pagination .current{background:var(--ink);border-color:var(--ink);color:#fff}
.empty{text-align:center;color:var(--muted);padding:30px 0}

/* Footer */
.site-footer{background:var(--ink);color:#CBD5E1;margin-top:40px;padding:34px 0;text-align:center;font-size:.85rem}
.site-footer a{color:#fff;text-decoration:none;margin:0 10px}

@media(max-width:640px){
 .main-nav{gap:14px}
 .job-card{flex-wrap:wrap}
 .job-right{text-align:left;width:100%;display:flex;align-items:center;justify-content:space-between}
 .news-thumb{width:64px;height:64px}
 .entry{padding:20px}
}

/* ===== Homepage extras ===== */
.pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 18px;max-width:760px}
.pill{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:7px 15px;font-size:.82rem;font-weight:600;color:#334155;text-decoration:none;transition:.2s}
.pill:hover{background:#F1F5F9;border-color:#CBD5E1}
.band{background:#EEF3FC}
.center-head{text-align:center;max-width:620px;margin:0 auto 26px}
.center-head h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}
.eyebrow{display:inline-block;background:#EFF6FF;color:var(--blue);padding:4px 14px;border-radius:999px;font-size:.72rem;font-weight:700;margin-bottom:10px}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.path{border-radius:18px;padding:30px 26px;color:#fff;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.path.visa{background:linear-gradient(135deg,#123262,#1f5fa8)}
.path.remote{background:linear-gradient(135deg,#0F7A56,#1EA37A)}
.path h3{margin:0 0 8px;font-size:1.25rem}
.path p{margin:0;font-size:.92rem;color:rgba(255,255,255,.9);max-width:340px}
.path a{align-self:flex-start;background:#fff;color:#123262;font-weight:700;font-size:.85rem;padding:10px 18px;border-radius:10px;text-decoration:none}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center}
.feature .ic{width:60px;height:60px;border-radius:14px;background:#EEF3FC;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.8rem}
.feature h3{margin:0 0 6px;font-size:1rem}
.feature p{margin:0;font-size:.84rem;color:var(--muted)}
.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.country-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-weight:700;color:var(--ink);text-decoration:none;font-size:.92rem;transition:.2s}
.country-card:hover{border-color:#93C5FD;box-shadow:0 6px 18px rgba(37,99,235,.1)}
.country-card span{color:var(--blue)}
.cta-band{background:linear-gradient(120deg,#0C2447,#123262);border-radius:20px;padding:44px 28px;text-align:center;color:#fff}
.cta-band h2{margin:0;font-size:clamp(1.4rem,3.2vw,2rem)}
.cta-band p{margin:10px auto 0;color:#CBDAEC;font-size:.92rem;max-width:520px}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.cta-actions a{padding:12px 24px;border-radius:10px;font-weight:700;font-size:.88rem;text-decoration:none}
.cta-actions .solid{background:var(--orange);color:#0C2447}
.cta-actions .ghost{border:1.5px solid rgba(255,255,255,.5);color:#fff}
@media(max-width:760px){.paths,.features{grid-template-columns:1fr}.country-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.country-grid{grid-template-columns:1fr}}

/* ===== Homepage: 4 news boxes ===== */
.news-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.news-box{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,23,42,.08);transition:.2s}
.news-box:hover{box-shadow:0 10px 26px rgba(15,23,42,.14);transform:translateY(-3px)}
.news-box-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#123262,#1f5fa8)}
.news-box-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.news-box:hover .news-box-img img{transform:scale(1.05)}
.news-box-cat{position:absolute;left:10px;top:10px;background:rgba(15,23,42,.82);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:3px}
.news-box-new{position:absolute;right:10px;top:10px;background:#DC2626;color:#fff;font-size:.65rem;font-weight:800;padding:4px 9px;border-radius:999px}
.news-box-body{padding:14px 16px 16px}
.news-box-body h3{font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.35;margin:0 0 8px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-box:hover h3{color:#1f5fa8}
.news-box-meta{font-size:.72rem;color:#94A3B8;font-weight:600}
@media(max-width:980px){.news-boxes{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.news-boxes{grid-template-columns:1fr}}

/* ===== New header: logo + search + Post a Job, news ticker below ===== */
.thb-hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}
.thb-hdr-row{display:flex;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:12px 20px}
.thb-logo{font-size:1.35rem;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em;line-height:1;flex-shrink:0}
.thb-logo span{color:#2563EB}
.thb-search{flex:1;display:flex;max-width:640px;margin:0 auto;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.thb-search:focus-within{border-color:#93C5FD}
.thb-search input{border:0;outline:0;padding:10px 14px;font-size:.88rem;min-width:0;flex:1;background:transparent;font-family:inherit}
.thb-search input + input{border-left:1px solid var(--line)}
.thb-search button{border:0;background:var(--blue);color:#fff;font-weight:700;font-size:.85rem;padding:0 20px;cursor:pointer;font-family:inherit}
.thb-search button:hover{background:var(--navy)}
.thb-postjob{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#2563EB,#4F46E5);color:#fff;padding:10px 16px;border-radius:10px;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(37,99,235,.35);flex-shrink:0;margin-left:auto}

.hdr-ticker{background:#0F172A;display:flex;align-items:center;overflow:hidden}
.hdr-ticker-label{flex-shrink:0;background:var(--blue);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;white-space:nowrap;text-decoration:none}
.hdr-ticker-track{flex:1;overflow:hidden}
.hdr-ticker-content{display:inline-flex;white-space:nowrap;animation:hdr-scroll 40s linear infinite;padding:6px 0}
.hdr-ticker-content:hover{animation-play-state:paused}
.hdr-ticker-content a{color:#E2E8F0;text-decoration:none;font-size:.78rem;font-weight:500;padding:0 28px;position:relative}
.hdr-ticker-content a:hover{color:#93C5FD}
.hdr-ticker-content a::after{content:"•";position:absolute;right:0;color:#475569}
@keyframes hdr-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:720px){
 .thb-hdr{position:static}
 .thb-hdr-row{flex-wrap:wrap;padding:10px 14px;gap:10px}
 .thb-search{order:3;flex-basis:100%;max-width:none}
 .thb-postjob{margin-left:auto;padding:9px 12px}
 .thb-postjob span{display:none}
}

/* ===== Search box inside the homepage hero ===== */
.hero .thb-search{max-width:680px;margin:0 auto 18px;box-shadow:0 4px 14px rgba(15,23,42,.08);text-align:left}

/* ===== Footer ===== */
.site-footer{text-align:left;padding:44px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.footer-brand{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:10px}
.footer-brand span{color:#60A5FA}
.footer-desc{font-size:.85rem;color:#94A3B8;line-height:1.7;max-width:320px;margin:0}
.footer-heading{color:#fff;font-size:.85rem;margin:0 0 12px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:8px}
.site-footer .footer-links a{color:#CBD5E1;text-decoration:none;font-size:.85rem;margin:0}
.site-footer .footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid #1E293B;margin-top:30px;padding-top:18px;text-align:center;font-size:.78rem;color:#94A3B8}
.footer-bottom p{margin:0 0 6px}
.footer-badges{font-size:.72rem}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

/* ===== Legal / info pages (privacy, terms, disclaimer, cookies, contact) ===== */
.legal-wrap{max-width:820px;margin:0 auto;padding:3rem 1.5rem 4rem;color:#1a1a1a;background:#fff}
.legal-wrap h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:#0F172A;letter-spacing:-.03em;margin:0 0 .5rem;line-height:1.2}
.legal-wrap .last-updated{font-size:.8rem;color:#64748B;margin-bottom:2rem}
.legal-wrap h2{font-size:1.25rem;font-weight:700;color:#0F172A;margin:2.2rem 0 .8rem;letter-spacing:-.02em;position:relative;padding-left:16px}
.legal-wrap h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(180deg,#2563EB,#7C3AED);border-radius:2px}
.legal-wrap p{font-size:.95rem;line-height:1.8;margin:0 0 1rem}
.legal-wrap ul{margin:0 0 1.5rem 1.2rem}
.legal-wrap li{font-size:.95rem;line-height:1.8;margin-bottom:.5rem}
.legal-wrap strong{color:#0F172A}
.legal-wrap a{color:#2563EB;text-decoration:none;font-weight:600}
.legal-wrap a:hover{text-decoration:underline}
.legal-wrap .contact-card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:14px;padding:24px;margin-bottom:1rem}
.legal-wrap .contact-card h2{font-size:1.1rem;margin:0 0 .5rem;padding-left:0}
.legal-wrap .contact-card h2::before{display:none}
.legal-wrap .contact-card p{margin:0}
.legal-wrap .back-link{display:inline-flex;align-items:center;gap:6px;margin-top:2.5rem;font-size:.85rem;font-weight:600;color:#2563EB;padding:8px 16px;border:1.5px solid #DBEAFE;border-radius:8px;background:#EFF6FF}
.legal-wrap .back-link:hover{background:#2563EB;color:#fff;border-color:#2563EB;text-decoration:none}
@media(max-width:640px){.legal-wrap{padding:2rem 1rem 3rem}.legal-wrap h1{font-size:1.5rem}.legal-wrap h2{font-size:1.1rem}.legal-wrap p,.legal-wrap li{font-size:.9rem}}