/*
Theme Name: MeoDiLam JobHub
Theme URI: https://www.meodilam.com/
Author: MeoDiLam Editorial
Description: Giao diện sàn giao dịch việc làm hiện đại, tích hợp WP Job Manager và GTranslate. Dữ liệu tuyển dụng do plugin quản lý.
Version: 1.3.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mdl-jobhub
*/
:root{--navy:#10264c;--ink:#182c42;--muted:#62738a;--teal:#087b75;--mint:#e6f7f1;--cream:#f8fafc;--line:#e4ecf2;--white:#fff;--gold:#f8c66a;--shadow:0 14px 45px rgba(16,38,76,.08)}*{box-sizing:border-box}body{margin:0;background:#f7fafc;color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,input[type=submit]{cursor:pointer}.container{max-width:1180px;margin:auto;padding:0 24px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:999}header.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:3}.header-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:850;letter-spacing:-.8px;color:var(--navy)}.brand-mark{background:var(--navy);color:#fff;padding:9px 13px;border-radius:12px;font-size:19px}.brand small{display:block;font-size:11px;letter-spacing:.6px;font-weight:600;color:var(--muted);line-height:1.2}.primary-menu{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}.primary-menu li{list-style:none}.primary-menu a{font-size:14px;font-weight:650;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:12px}.btn{border:1px solid transparent;border-radius:12px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;line-height:1.25;transition:.18s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--teal);color:white}.btn-dark{background:var(--navy);color:white}.btn-outline{color:var(--navy);background:#fff;border-color:#cfdde7}.lang-switch{font-size:13px}.hero{background:linear-gradient(115deg,#e8f7f0 0%,#f6f9fb 60%,#e5f1ff 100%);overflow:hidden}.hero-inner{padding-top:72px;padding-bottom:66px;display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#d4f1e8;border-radius:99px;padding:7px 15px;color:#087667;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.hero h1{font-size:clamp(34px,4.5vw,60px);line-height:1.15;letter-spacing:-2px;color:var(--navy);margin:18px 0}.hero h1 span{color:var(--teal)}.hero p{font-size:17px;color:#506579;max-width:600px}.hero-search{margin-top:30px;background:white;border:1px solid #dce9e7;padding:10px;display:flex;gap:10px;border-radius:17px;box-shadow:var(--shadow)}.hero-search input{border:0;flex:1;min-width:0;padding:11px;outline:0}.hero-search button{white-space:nowrap}.popular{color:var(--muted);margin-top:17px;font-size:13px}.popular a{display:inline-block;background:#ffffffb8;border:1px solid #dfece9;border-radius:100px;padding:4px 12px;margin:4px;color:#486378}.hero-art{min-height:365px;position:relative}.art-panel{position:absolute;inset:12px 20px 12px 10px;background:white;border:1px solid #d9e8e6;border-radius:27px;box-shadow:0 28px 80px #0d575e1a;padding:28px;transform:rotate(-2deg)}.art-top{display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-weight:850}.art-pill{font-size:12px;background:var(--mint);padding:6px 12px;border-radius:30px;color:var(--teal)}.art-bar{margin:28px 0 15px;background:#edf4f7;border-radius:10px;height:16px;width:72%}.art-job{padding:17px;border:1px solid var(--line);border-radius:14px;margin:12px 0;display:flex;align-items:center;gap:13px}.art-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e3f1fd;color:#234f86;font-weight:900}.art-lines{flex:1}.art-lines b{display:block;font-size:14px;color:var(--navy)}.art-lines small{display:block;color:#7990a3;font-size:12px}.art-tags{display:flex;gap:8px;margin-top:26px}.art-tags span{border-radius:9px;background:#f1f6f8;padding:8px 12px;font-size:12px;color:#44627d}.section{padding:64px 0}.section.soft{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:26px}.section h2{font-size:30px;color:var(--navy);letter-spacing:-.8px;line-height:1.3;margin:0}.section-intro{color:var(--muted);margin-top:6px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;display:flex;align-items:center;gap:16px;color:var(--navy);transition:.2s}.cat-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow)}.cat-icon{width:48px;height:48px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--mint);font-size:24px}.cat-card strong{display:block;font-size:16px}.cat-card small{display:block;font-size:12px;color:var(--muted)}.content-wrap{background:#fff;padding:28px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.content-wrap h1{color:var(--navy)}.job-manager-application-wrapper,.job_listings{font-size:15px}.job_listings ul.job_listings,.job_listings ul.job_listings li{border-color:var(--line)}ul.job_listings li.job_listing a{padding:22px 14px!important}.job_filters{background:#f0f6f7!important;border-radius:15px;padding:14px}.job_filters .search_jobs{display:flex;flex-wrap:wrap;gap:12px}.job_filters .search_jobs>div{float:none!important;width:auto!important;flex:1;min-width:160px}.job_filters input,.job_filters select{border:1px solid #d2e1e7!important;border-radius:10px;padding:12px!important;background:white;width:100%}.cta{background:var(--navy);color:#fff;padding:50px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{color:white}.cta p{color:#c6d6e4}.site-footer{background:#10243f;color:#c1d0df;padding:46px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.site-footer h3{color:#fff}.site-footer a{color:#c1d0df}.site-footer ul{padding:0;list-style:none}.site-footer li{margin:8px 0}.footer-bottom{padding-top:26px;margin-top:28px;border-top:1px solid #31435d;font-size:13px}.no-jobs{background:#fff;border:1px dashed #bccdd5;padding:30px;border-radius:15px;text-align:center;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.article-card h3{margin:7px 0;font-size:17px}.article-card p{color:var(--muted);font-size:14px}.site-main{min-height:55vh;padding-top:40px;padding-bottom:60px}.pagination{margin-top:25px}.navigation.pagination .nav-links{display:flex;gap:8px}.navigation.pagination .page-numbers{padding:7px 12px;background:#e7f0f2;border-radius:9px}.menu-toggle{display:none}@media(max-width:950px){.primary-menu{gap:12px}.header-actions .btn-outline{display:none}.hero-inner{grid-template-columns:1fr}.hero-art{max-width:600px;width:100%}.category-grid,.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{padding:0 18px}.header-inner{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.menu-toggle{display:block;background:#edf5f6;border:0;border-radius:9px;padding:9px}.main-navigation{order:5;width:100%;display:none}.main-navigation.open{display:block}.primary-menu{flex-direction:column;align-items:flex-start;padding:15px 0}.header-actions{margin-left:auto}.header-actions .btn{padding:9px 11px;font-size:13px}.hero-inner{padding:49px 0;gap:20px}.hero-art{min-height:335px}.hero-search{flex-wrap:wrap}.hero-search input{flex:1 0 100%}.hero-search button{width:100%}.category-grid,.article-grid,.footer-grid{grid-template-columns:1fr}.section{padding:44px 0}.cta{padding:30px;flex-direction:column;align-items:start}.section-head{align-items:start;flex-direction:column}.content-wrap{padding:18px}}

/* JobHub v1.2 – visual assets and WP Job Manager presentation */
.brand{flex:0 0 auto;max-width:275px}.brand-logo{display:block;width:265px;max-height:80px;object-fit:contain;object-position:left center}.header-inner{gap:16px}.primary-menu{gap:18px}.primary-menu a{font-size:13px}.header-actions .btn{padding:10px 14px}.hero-inner{grid-template-columns:1.05fr .95fr;gap:40px}.hero-photo-wrap{min-height:395px;border-radius:26px;overflow:hidden;box-shadow:0 24px 60px rgba(13,47,70,.17);position:relative}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-photo-note{position:absolute;bottom:20px;left:20px;right:20px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.94);backdrop-filter:blur(9px);border-radius:16px;padding:16px 19px;display:flex;flex-direction:column;box-shadow:0 12px 25px rgba(0,0,0,.1)}.hero-photo-note strong{font-size:15px;color:var(--navy)}.hero-photo-note small{font-size:12px;color:var(--muted)}.note-dot{position:absolute;right:18px;top:20px;background:#19aa7a;width:9px;height:9px;border-radius:50%}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{background:#fff;border:1px solid var(--line);overflow:hidden;border-radius:20px;box-shadow:var(--shadow)}.story-card img{width:100%;height:195px;display:block;object-fit:cover}.story-card>div{padding:19px}.story-card small{font-weight:800;color:var(--teal);letter-spacing:.5px}.story-card h3{font-size:19px;margin:7px 0}.story-card p{font-size:14px;color:var(--muted);margin-bottom:0}.feature-stories{background:#f4f8fb}ul.job_listings li.job_listing{background:#fff;border-radius:12px;border:1px solid var(--line);margin-bottom:9px;overflow:hidden}ul.job_listings li.job_listing:hover{box-shadow:var(--shadow)}.job-manager-form fieldset{border-color:var(--line)}.job-manager-form input,.job-manager-form select,.job-manager-form textarea{max-width:100%}
@media(max-width:1050px){.header-inner{flex-wrap:wrap}.brand-logo{width:220px}.header-actions{gap:6px}.primary-menu{gap:11px}}
@media(max-width:950px){.story-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr}.hero-photo-wrap{max-width:700px;width:100%}}
@media(max-width:700px){.brand-logo{width:174px;max-height:58px}.story-grid{grid-template-columns:1fr}.hero-photo-wrap{min-height:270px}.header-actions .btn-outline{display:none}.lang-switch{max-width:100px;overflow:hidden}}

/* JobHub Workflows dashboard & accessible ad slots */
.mdl-jhw-wrap{max-width:1150px;margin:28px auto;padding:0 16px}.mdl-jhw-hero{border-radius:20px;background:#eff8f7;padding:24px;margin-bottom:24px}.mdl-jhw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.mdl-jhw-card{background:#fff;border:1px solid #dce5e7;border-radius:16px;padding:20px}.mdl-jhw-card h3{margin:0 0 12px}.mdl-jhw-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.mdl-jhw-actions a{display:inline-flex;padding:10px 15px;border-radius:9px;background:#087b75;color:#fff;text-decoration:none}.mdl-jhw-actions a:hover{background:#075d58;color:#fff}.mdl-jhw-ad{margin:32px auto;max-width:1180px;padding:10px 16px;text-align:center;clear:both}.mdl-jhw-ad-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#72838c;margin-bottom:8px}.mdl-jhw-ad iframe{max-width:100%}@media(max-width:750px){.mdl-jhw-grid{grid-template-columns:1fr}}