/*
Theme Name: LinkPro Solution Trilingual Theme
Theme URI: https://linkpro.com.my/
Author: ChatGPT
Author URI: https://openai.com/
Description: Separate trilingual one-page corporate WordPress theme for Agensi Pekerjaan LinkPro Solution Sdn. Bhd. Includes English, Chinese and BM/Malay content, SEO-ready recruitment agency homepage, WhatsApp contact, RBA compliance, CLQ/boxed meal services, Malaysia coverage visuals, and favicon assets.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: linkpro-solution-trilingual-trilingual
Tags: business, recruitment, manpower, blue, responsive, one-page
*/

:root{
  --lp-blue:#08a7e9;
  --lp-blue-2:#0879d9;
  --lp-blue-3:#00b6ff;
  --lp-dark:#063b70;
  --lp-deep:#042f4b;
  --lp-ink:#102642;
  --lp-muted:#5f7086;
  --lp-line:#dbeeff;
  --lp-soft:#f2f9ff;
  --lp-soft-2:#eaf7ff;
  --lp-white:#ffffff;
  --lp-radius:22px;
  --lp-shadow:0 16px 45px rgba(4,47,75,.10);
  --lp-shadow-sm:0 8px 28px rgba(4,47,75,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter","Segoe UI",Arial,sans-serif;color:var(--lp-ink);background:#fff;line-height:1.65;font-size:16px;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.lp-container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.lp-narrow{width:min(930px,calc(100% - 44px));margin-inline:auto}
.lp-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(160%) blur(14px);box-shadow:0 1px 0 rgba(5,72,118,.08)}
.lp-nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.lp-logo{display:flex;align-items:center;gap:12px;min-width:260px}.lp-logo img{height:58px;width:auto}.lp-menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:800}.lp-menu a{position:relative;padding:32px 0;color:#101827;white-space:nowrap}.lp-menu a:hover,.lp-menu a.is-active{color:var(--lp-blue-2)}.lp-menu a.is-active:after,.lp-menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:23px;height:3px;border-radius:9px;background:var(--lp-blue)}.lp-mobile-toggle{display:none;background:var(--lp-blue);color:#fff;border:0;border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer}
.lp-hero{overflow:hidden;background:linear-gradient(105deg,#eef9ff 0%,#ffffff 42%,#dff4ff 100%);position:relative}.lp-hero:before{content:"";position:absolute;inset:auto -14% -31% 46%;height:330px;background:linear-gradient(135deg,rgba(6,151,225,.30),rgba(4,107,197,.75));border-radius:55% 0 0 0;transform:skewY(-8deg)}.lp-hero:after{content:"";position:absolute;right:6%;top:30px;width:300px;height:150px;background:radial-gradient(circle,rgba(8,167,233,.35) 1.3px,transparent 1.6px);background-size:10px 10px;clip-path:polygon(4% 28%,23% 11%,43% 23%,64% 2%,95% 18%,86% 62%,64% 49%,42% 72%,22% 53%,8% 79%);opacity:.55}.lp-hero-inner{min-height:500px;display:grid;grid-template-columns:1.05fr 1.28fr;align-items:center;position:relative;z-index:1}.lp-hero-copy{padding:70px 0 66px}.lp-kicker{display:inline-flex;align-items:center;gap:8px;background:#e5f6ff;border:1px solid #c6ebff;border-radius:999px;color:var(--lp-blue-2);padding:7px 13px;font-size:13px;font-weight:900;margin-bottom:18px}.lp-hero h1{margin:0;color:var(--lp-dark);font-size:clamp(38px,5.2vw,68px);line-height:1.06;letter-spacing:-1.7px}.lp-hero h1 span{color:var(--lp-blue-2)}.lp-hero p{max-width:550px;margin:24px 0 28px;color:#263c55;font-size:18px}.lp-actions{display:flex;gap:14px;flex-wrap:wrap}.lp-btn{display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:13px 22px;font-weight:900;border:2px solid var(--lp-blue-2);box-shadow:0 10px 24px rgba(4,113,207,.16);transition:.2s transform,.2s box-shadow}.lp-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(4,113,207,.22)}.lp-btn-primary{background:linear-gradient(135deg,var(--lp-blue),var(--lp-blue-2));color:#fff}.lp-btn-secondary{background:#fff;color:var(--lp-blue-2)}.lp-hero-visual{position:relative;padding-top:30px}.lp-hero-visual img{width:112%;max-width:none;filter:drop-shadow(0 20px 35px rgba(2,65,113,.10))}.lp-skyline{position:absolute;left:0;right:0;bottom:0;height:125px;opacity:.22;background:linear-gradient(to top,rgba(4,72,120,.35),transparent)}
.lp-intro{background:#fff}.lp-intro-card{transform:translateY(-12px);display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center;background:#fff;border:1px solid #edf5fc;border-radius:24px;padding:26px 36px;box-shadow:var(--lp-shadow);max-width:980px;margin:0 auto}.lp-intro-icon,.lp-icon-circle{width:86px;height:86px;border-radius:22px;background:linear-gradient(180deg,#eef8ff,#fff);display:grid;place-items:center;color:var(--lp-blue-2);box-shadow:inset 0 0 0 1px #e1f2ff}.lp-intro strong{color:var(--lp-blue-2)}
.lp-section{padding:76px 0}.lp-section-tight{padding:56px 0}.lp-section-soft{background:linear-gradient(180deg,#f7fcff,#fff)}.lp-section-blue{background:linear-gradient(135deg,#053f73,#06a6e8);color:#fff;position:relative;overflow:hidden}.lp-section-blue:before{content:"";position:absolute;inset:-20% -5% auto auto;width:420px;height:420px;background:rgba(255,255,255,.10);border-radius:50%}.lp-section-title{text-align:center;margin-bottom:36px}.lp-section-title h2,.lp-left-title h2{margin:0;color:black;font-size:34px;line-height:1.2;letter-spacing:-.4px}.lp-section-title p{margin:14px auto 0;max-width:760px;color:#536a80}.lp-section-blue .lp-section-title h2,.lp-section-blue .lp-section-title p{color:#fff}.lp-underline{width:56px;height:4px;background:var(--lp-blue);border-radius:99px;margin:13px auto 0}.lp-left-title .lp-underline{margin-left:0}.lp-eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-blue-2);font-weight:950;margin:0 0 10px}.lp-section-blue .lp-eyebrow{color:#053f73}
.lp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.lp-card{background:#fff;border:1px solid #e5f2fb;border-radius:18px;padding:33px 24px;text-align:center;box-shadow:var(--lp-shadow-sm);transition:.25s transform,.25s box-shadow}.lp-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(4,47,75,.15)}.lp-card .lp-icon-circle{margin:0 auto 18px;width:82px;height:82px;border-radius:50%}.lp-card h3{color:var(--lp-dark);font-size:19px;line-height:1.2;margin:0 0 12px}.lp-card p{margin:0;color:#30475f;font-size:15px}.lp-card-small{padding:26px 20px;text-align:left}.lp-card-small .lp-icon-circle{margin:0 0 16px;width:62px;height:62px}.lp-card-small h3{font-size:17px}.lp-service-grid{grid-template-columns:repeat(4,1fr)}
.lp-about-grid{display:grid;grid-template-columns:.92fr 1.28fr;gap:65px;align-items:center}.lp-about-copy p{margin:25px 0 0;max-width:530px;color:#253d57}.lp-photo{border-radius:18px;overflow:hidden;box-shadow:var(--lp-shadow);border:1px solid #e7f1f8}.lp-photo img{width:100%;height:100%;object-fit:cover}
.lp-features{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.lp-feature{display:flex;gap:16px;align-items:flex-start}.lp-feature-icon{flex:0 0 68px;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#eaf7ff;color:var(--lp-blue-2);box-shadow:inset 0 0 0 1px #d6edff}.lp-feature h3{font-size:17px;line-height:1.15;color:var(--lp-dark);margin:0 0 7px}.lp-feature p{font-size:14px;margin:0;color:#4b6177}.lp-feature-card{background:#fff;border:1px solid #e4f1fb;border-radius:18px;padding:24px;box-shadow:var(--lp-shadow-sm)}
.lp-values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.lp-value{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid #e2f0fb;border-radius:20px;padding:28px;box-shadow:var(--lp-shadow-sm)}.lp-value h3{color:var(--lp-dark);margin:0 0 8px;font-size:20px}.lp-value p{margin:0;color:#4d6278}.lp-check-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.lp-check-list li{position:relative;padding-left:32px;color:black}.lp-check-list li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e5f6ff;color:var(--lp-blue-2);font-weight:950;font-size:14px}.lp-blue-panel{background:white;border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,.14);backdrop-filter:blur(8px)}
.lp-compliance-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start;position:relative;z-index:1}.lp-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lp-pillar{background:#fff;border-radius:18px;color:var(--lp-dark);padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 16px 32px rgba(4,47,75,.15)}.lp-pillar .lp-feature-icon{width:52px;height:52px;flex-basis:52px}.lp-pillar h3{margin:0;font-size:16px;line-height:1.15}.lp-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.lp-policy{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);border-radius:16px;padding:16px;color:#fff;font-size:14px}.lp-policy strong{display:block;font-size:15px;margin-bottom:4px}.lp-industries{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;text-align:center}.lp-industry{color:var(--lp-blue-2);font-weight:900}.lp-industry .lp-svg{height:42px;margin:0 auto 9px}.lp-source{background:linear-gradient(180deg,#fff,#f4fbff);border:1px solid #e0f0fb;border-radius:24px;padding:34px;box-shadow:var(--lp-shadow)}.lp-country-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.lp-country{background:#fff;border:1px solid #d8ecfa;border-radius:999px;padding:10px 15px;color:#173a5d;font-weight:850;box-shadow:0 8px 18px rgba(4,47,75,.07)}.lp-country:before{content:"●";color:var(--lp-blue);margin-right:8px}.lp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}.lp-info-box{background:#fff;border:1px solid #e2f0fb;border-radius:22px;padding:34px;box-shadow:var(--lp-shadow-sm)}.lp-info-box h3{color:var(--lp-dark);margin:0 0 14px;font-size:24px}.lp-info-box p{color:#40586e;margin:0 0 18px}.lp-tag-row{display:flex;flex-wrap:wrap;gap:10px}.lp-tag{border-radius:999px;background:#eaf7ff;color:var(--lp-blue-2);padding:8px 12px;font-weight:850;font-size:13px}
.lp-map-section{padding:62px 0;background:linear-gradient(100deg,#eff9ff 0,#fff 42%,#eff9ff 100%)}.lp-map-grid{display:grid;grid-template-columns:.75fr 1.6fr;align-items:center;gap:30px}.lp-map-grid p{color:#26435f;margin-top:18px}.lp-map-img{filter:drop-shadow(0 16px 24px rgba(6,94,156,.14))}.lp-map-img img{width:100%;border-radius:18px}.lp-contact-band{background:linear-gradient(135deg,#07a9e9,#0575cf);color:#fff;padding:38px 0}.lp-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:52px;align-items:center}.lp-contact-left{display:flex;gap:22px;align-items:center}.lp-phone{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--lp-blue-2);box-shadow:0 15px 35px rgba(0,0,0,.15)}.lp-contact-left h2{margin:0 0 5px;font-size:30px;line-height:1.15}.lp-contact-left p,.lp-contact-details p{margin:0;opacity:.94}.lp-contact-details{border-left:1px solid rgba(255,255,255,.55);padding-left:42px}.lp-contact-details h3{font-size:20px;margin:0 0 8px;letter-spacing:.2px}.lp-footer{background:linear-gradient(90deg,#04283e,#063955);color:#fff;padding:26px 0 18px}.lp-footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr .45fr;align-items:center;gap:24px}.lp-footer-logo img{height:52px;width:auto;filter:brightness(1.4)}.lp-footer-nav{text-align:center;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:14px}.lp-social{display:flex;justify-content:flex-end;gap:11px}.lp-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.10);display:grid;place-items:center;font-weight:900}.lp-copyright{text-align:center;color:rgba(255,255,255,.75);font-size:13px;margin-top:18px}.lp-svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.lp-filled{fill:currentColor;stroke:none}.lp-btn .lp-svg{width:18px;height:18px;stroke-width:3;flex:0 0 18px}.lp-intro-icon .lp-svg,.lp-icon-circle .lp-svg,.lp-feature-icon .lp-svg{width:44px;height:44px}.lp-pillar .lp-svg{width:28px;height:28px}.lp-footer-logo img{filter:none}

.lp-contact-whatsapp{color:#fff;border-radius:20px;transition:.2s transform,.2s opacity}
.lp-contact-whatsapp:hover{transform:translateY(-2px);opacity:.96}
.lp-floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:80;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;border-radius:999px;padding:13px 18px;font-weight:950;box-shadow:0 14px 34px rgba(0,0,0,.22);border:2px solid rgba(255,255,255,.65)}
.lp-floating-whatsapp .lp-svg{width:22px;height:22px;stroke-width:2.5}
.lp-floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.26)}
@media (max-width:620px){.lp-floating-whatsapp{right:14px;bottom:14px;padding:12px 14px}.lp-floating-whatsapp span{display:none}.lp-floating-whatsapp .lp-svg{width:26px;height:26px}}

@media (max-width:1080px){.lp-menu{gap:17px;font-size:13px}.lp-service-grid{grid-template-columns:repeat(2,1fr)}.lp-industries{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){.lp-menu{display:none}.lp-mobile-toggle{display:inline-flex}.lp-nav-wrap{height:76px}.lp-logo img{height:50px}.lp-menu.lp-open{position:absolute;display:grid;top:76px;left:0;right:0;background:#fff;border-top:1px solid #e6f2fb;padding:12px 22px 20px;gap:0;box-shadow:0 15px 35px rgba(4,47,75,.12)}.lp-menu.lp-open a{padding:12px 0}.lp-menu.lp-open a:after{display:none}.lp-hero-inner,.lp-about-grid,.lp-map-grid,.lp-contact-grid,.lp-compliance-grid,.lp-two-col{grid-template-columns:1fr}.lp-hero-copy{padding:44px 0 20px}.lp-hero-visual{padding-top:0}.lp-hero-visual img{width:100%;margin-left:0}.lp-cards,.lp-features,.lp-values{grid-template-columns:repeat(2,1fr)}.lp-intro-card{grid-template-columns:1fr;text-align:center}.lp-intro-icon{margin:auto}.lp-contact-details{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.45);padding-top:25px}.lp-footer-grid{grid-template-columns:1fr;text-align:center}.lp-footer-logo img{margin:auto}.lp-social{justify-content:center}.lp-policy-grid{grid-template-columns:1fr}}
@media (max-width:620px){.lp-container,.lp-narrow{width:min(100% - 28px,1180px)}.lp-hero h1{font-size:39px}.lp-hero p{font-size:16px}.lp-actions{flex-direction:column}.lp-btn{justify-content:center}.lp-section{padding:54px 0}.lp-cards,.lp-features,.lp-industries,.lp-service-grid,.lp-values,.lp-pillars{grid-template-columns:1fr}.lp-feature{background:#fff;border:1px solid #e5f2fb;border-radius:16px;padding:18px}.lp-contact-left{align-items:flex-start}.lp-phone{width:62px;height:62px;flex:0 0 62px}.lp-contact-left h2{font-size:24px}.lp-about-grid{gap:30px}.lp-footer-nav{gap:14px}.lp-logo{min-width:0}.lp-logo img{max-width:75px;height:auto}.lp-section-title h2,.lp-left-title h2{font-size:29px}.lp-blue-panel,.lp-info-box,.lp-source{padding:24px}.lp-country{font-size:13px;padding:8px 11px}}

/* Multilingual header + readability updates */
.lp-nav-wrap{gap:18px}.lp-lang-switch{display:flex;align-items:center;gap:7px;flex:0 0 auto}.lp-lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:6px 10px;border-radius:999px;background:#eef7ff;color:#0b3c75;font-size:12px;font-weight:950;line-height:1;text-decoration:none;border:1px solid #d8ecfa;transition:.2s transform,.2s background,.2s color}.lp-lang-switch a:hover{transform:translateY(-1px);background:#dff3ff;color:#0879d9}.lp-lang-switch a.is-current{background:linear-gradient(135deg,var(--lp-blue),var(--lp-blue-2));color:#fff;border-color:transparent}.lp-footer-lang{display:flex;justify-content:center;margin-top:16px}.lp-footer-lang .lp-lang-switch a{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.20)}.lp-footer-lang .lp-lang-switch a.is-current{background:#fff;color:var(--lp-blue-2)}

/* Compliance section readability fix */
.lp-compliance-section{background:linear-gradient(135deg,#003f7c 0%,#006db6 45%,#06a6e8 100%);padding:90px 0}.lp-section-blue.lp-compliance-section:before{opacity:.12}.lp-compliance-panel{background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);color:#334155;border-radius:28px;padding:52px;box-shadow:0 24px 60px rgba(0,43,92,.22);border:1px solid rgba(255,255,255,.68);backdrop-filter:none}.lp-compliance-panel .lp-eyebrow{color:#0ea5e9;letter-spacing:3px;font-weight:950}.lp-compliance-panel h2{color:#052b63;font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-1.2px}.lp-compliance-panel p{color:#334155!important;font-size:17px;line-height:1.75;margin-top:24px}.lp-compliance-panel .lp-check-list{margin-top:30px;padding:0;list-style:none;display:block;border-top:1px solid #dbeafe}.lp-compliance-panel .lp-check-list li{position:relative;padding:16px 0 16px 56px;border-bottom:1px solid #dbeafe;color:#334155!important;font-size:16px;line-height:1.55}.lp-compliance-panel .lp-check-list li:before{content:"✓";position:absolute;left:0;top:16px;width:32px;height:32px;border-radius:50%;background:#e0f2fe;color:#007fd1;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:18px}.lp-compliance-panel .lp-left-title .lp-underline{margin-left:0;background:#0ea5e9}.lp-compliance-panel .lp-left-title h2{color:#052b63}.lp-section-blue .lp-compliance-panel .lp-eyebrow{color:#0ea5e9}

.lp-lang-zh .lp-hero h1,.lp-lang-my .lp-hero h1{letter-spacing:-.8px}.lp-lang-zh .lp-card h3,.lp-lang-zh .lp-feature h3,.lp-lang-zh .lp-value h3,.lp-lang-zh .lp-info-box h3{letter-spacing:.2px}.lp-lang-my .lp-menu{gap:17px;font-size:13px}.lp-lang-my .lp-service-grid .lp-card-small h3{font-size:16px}

@media (max-width:1120px){.lp-nav-wrap{gap:12px}.lp-logo{min-width:210px}.lp-menu{gap:16px;font-size:13px}.lp-lang-switch a{min-width:32px;padding:6px 8px}}
@media (max-width:980px){.lp-lang-switch{margin-left:auto}.lp-menu.lp-open{z-index:60}.lp-mobile-toggle{margin-left:0}}
@media (max-width:620px){.lp-lang-switch a{font-size:11px;min-width:30px;padding:6px 7px}.lp-compliance-panel{padding:30px 24px}.lp-compliance-panel h2{font-size:32px}.lp-compliance-panel p{font-size:16px}.lp-compliance-panel .lp-check-list li{padding-left:45px}.lp-logo img{max-width:75px;height:auto}.lp-logo{min-width:185px}}