/*
Theme Name: JobTrack Global
Theme URI: https://jobtrackglobal.com
Author: JobTrack Global
Description: Responsive international recruitment website with four pages and WhatsApp-first applications.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jobtrack-global
*/
:root{--red:#d22e2f;--dark:#17171b;--ink:#202027;--muted:#60646d;--light:#f6f7f8;--line:#e6e6e8;--green:#128c54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,'Noto Sans',sans-serif;line-height:1.6;background:white}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select{font:inherit}.container{width:min(1140px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;background:#fff;z-index:100;box-shadow:0 2px 14px #00000012}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{font-size:22px;font-weight:850;letter-spacing:-.7px;line-height:1.05}.brand span{color:var(--red)}.brand small{display:block;font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted);margin-top:5px}.nav{display:flex;align-items:center;gap:27px}.nav a{font-size:14px;font-weight:700}.nav a:hover{color:var(--red)}.menu-toggle{display:none;background:none;border:0;font-size:27px;cursor:pointer}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 22px;border-radius:9px;border:2px solid transparent;font-weight:800;font-size:14px;line-height:1.3;transition:transform .2s,filter .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);filter:brightness(.94)}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-outline{border-color:#fff;color:#fff}.btn-white{background:#fff;color:var(--dark)}.hero{background:linear-gradient(110deg,#17171bee,#25232de8),radial-gradient(circle at 80% 20%,#bf3636,transparent 60%);color:#fff;padding:104px 0 90px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-90px;bottom:-200px;width:520px;height:520px;border:90px solid #ffffff0b;border-radius:50%;pointer-events:none}.eyebrow{color:var(--red);font-size:12px;letter-spacing:2px;font-weight:900;text-transform:uppercase}.hero .eyebrow{color:#ff8c8c}.hero h1{font-size:clamp(35px,5.2vw,68px);line-height:1.1;max-width:850px;letter-spacing:-1.8px;margin:18px 0 20px;overflow-wrap:normal;word-break:normal}.hero p{font-size:clamp(16px,2vw,20px);color:#e1e1e6;max-width:690px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-line{display:flex;gap:24px;flex-wrap:wrap;margin-top:45px;font-size:13px;color:#dedee2}.trust-line span:before{content:'✓';color:#9ef2c2;font-weight:900;margin-right:8px}.section{padding:82px 0}.section.soft{background:var(--light)}.section-head{margin-bottom:34px}.section-head h2{font-size:clamp(28px,3.5vw,42px);line-height:1.18;letter-spacing:-.9px;margin:9px 0}.section-head p{max-width:650px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:27px;box-shadow:0 6px 22px #00000005}.card h3{font-size:20px;line-height:1.3;margin:12px 0 9px}.card p{font-size:14px;color:var(--muted);margin:0 0 20px}.card .btn{font-size:12px;padding:11px 12px}.symbol{display:grid;place-items:center;width:54px;height:54px;background:#fff0f0;color:var(--red);border-radius:13px;font-size:26px}.country-card{text-align:center;padding:23px 12px}.country-card .flag{font-size:33px}.country-card h3{font-size:16px;margin:12px 0 16px}.country-card .btn{width:100%}.steps{counter-reset:step}.step{display:flex;gap:17px;align-items:flex-start}.step-number{background:var(--red);color:white;border-radius:12px;min-width:42px;height:42px;display:grid;place-items:center;font-weight:800}.step h3{margin:0 0 5px}.step p{margin:0;color:var(--muted)}.cta{background:var(--dark);color:#fff;padding:65px 0}.cta h2{font-size:clamp(27px,4vw,43px);line-height:1.2;margin:0 0 14px}.cta p{color:#d4d4d7;margin:0 0 23px}.site-footer{background:#101013;color:#e5e5e8;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:40px}.site-footer h3{font-size:16px;color:white;margin:0 0 15px}.site-footer p,.site-footer a{font-size:14px;color:#c3c3c9}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff24;margin-top:35px;padding-top:18px;font-size:12px;color:#a9a9b0}.floating-wa{position:fixed;right:20px;bottom:22px;z-index:120;display:flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:13px 18px;border-radius:100px;box-shadow:0 8px 30px #0004;font-weight:800;font-size:14px}.page-hero{padding:70px 0;background:#19191d;color:white}.page-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.15;margin:12px 0}.page-hero p{color:#d2d2d7;max-width:650px}.notice{border-left:4px solid var(--red);padding:18px 22px;background:#fff5f5;border-radius:6px;color:#444}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.contact-block{font-size:17px}.contact-block p{margin:0 0 16px}.contact-block strong{display:block}.map-link{color:var(--red);font-weight:800}.wp-block-image{max-width:100%}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:850px){.grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:12px}.nav a{font-size:12px}}@media(max-width:650px){.header-inner{min-height:68px}.brand{font-size:19px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 12px 15px #0002;padding:18px;flex-direction:column;align-items:stretch;gap:12px}.nav.open{display:flex}.nav a{font-size:16px;padding:9px 5px}.hero{padding:70px 0 64px}.hero h1{font-size:clamp(32px,8.5vw,43px);letter-spacing:-.8px;line-height:1.14}.hero p{font-size:16px}.hero-actions .btn{width:100%}.trust-line{gap:11px;margin-top:30px}.trust-line span{width:100%}.section{padding:58px 0}.grid,.grid.five{grid-template-columns:1fr}.country-card{text-align:left;display:flex;align-items:center;gap:14px;padding:17px}.country-card .flag{font-size:30px}.country-card h3{flex:1;margin:0}.country-card .btn{width:auto}.footer-grid{grid-template-columns:1fr;gap:26px}.floating-wa{right:14px;bottom:15px}.page-hero{padding:48px 0}.card{padding:23px}}