/*
Theme Name: SJA Job Portal Exact
Theme URI: https://studyjobalert.local/
Author: Study Job Alert
Author URI: https://studyjobalert.local/
Description: Offline job portal theme crafted by Study Job Alert. Dynamic site title/logo, drawer menu, job tables, updates sidebar and responsive layout.
Version: 2.0
License: GPLv2 or later
Text Domain: sja-exact
*/

:root{
  --sja-bg:#eef3f7;
  --sja-white:#ffffff;
  --sja-text:#071b35;
  --sja-muted:#45556b;
  --sja-blue:#003c7c;
  --sja-blue2:#002f67;
  --sja-navy:#112a69;
  --sja-teal:#285f61;
  --sja-red:#c92323;
  --sja-btn:#4f63c6;
  --sja-border:#d7dce3;
  --sja-purple:#cdbce9;
  --sja-peach:#ffc9b9;
  --sja-green:#20cd66;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--sja-bg);font-family:Arial,Helvetica,sans-serif;color:var(--sja-text);font-size:14px;line-height:1.45}
a{color:#003c7c;text-decoration:none}a:hover{text-decoration:underline}
.sja-topbar{height:58px;background:#fff;border-bottom:1px solid #dfe4ea;box-shadow:0 1px 5px rgba(0,0,0,.06);position:sticky;top:0;z-index:9999}
.sja-top-inner{max-width:1210px;margin:auto;height:58px;display:flex;align-items:center;gap:18px;padding:0 16px}
.sja-menu-open{border:0;background:transparent;color:#111;font-size:25px;line-height:1;cursor:pointer;padding:8px 10px;border-radius:4px}
.sja-menu-open:hover{background:#f3f5f8}
.sja-brand{display:flex;align-items:center;font-weight:800;color:#333;text-decoration:none;font-size:24px;white-space:nowrap;line-height:1}
.sja-brand:hover{text-decoration:none}.sja-brand img{max-height:36px;width:auto;display:block}.sja-brand-text{letter-spacing:-.7px}.sja-brand-mini{display:inline-flex;align-items:center;justify-content:center;margin-left:3px;border:2px solid #2d5d79;color:#e1762a;border-radius:4px;font-size:15px;font-weight:800;width:30px;height:23px;line-height:1;background:#fff}
.sja-header-search{margin-left:auto;display:flex;align-items:center;height:33px;width:330px;max-width:45%}.sja-header-search input{height:33px;flex:1;border:1px solid #d4d7dc;border-right:0;border-radius:4px 0 0 4px;padding:0 15px;font-size:14px;background:#fff}.sja-header-search button{height:33px;border:0;background:var(--sja-teal);color:#fff;padding:0 18px;border-radius:0 4px 4px 0;font-size:13px;font-weight:700;text-transform:uppercase;cursor:pointer}
.sja-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:10000;opacity:0;visibility:hidden;transition:.25s}.sja-drawer-overlay.is-active{opacity:1;visibility:visible}.sja-drawer{position:fixed;left:-320px;top:0;width:292px;max-width:86%;height:100vh;background:#fff;z-index:10001;box-shadow:3px 0 18px rgba(0,0,0,.15);transition:.25s;overflow:auto}.sja-drawer.is-open{left:0}.sja-drawer-head{height:88px;background:var(--sja-teal);display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 20px;font-size:18px;font-weight:700}.sja-menu-close{background:#494955;color:#fff;border:0;width:60px;height:58px;font-size:30px;cursor:pointer}.sja-drawer-menu{list-style:none;margin:0;padding:0}.sja-drawer-menu li{border-bottom:1px solid #ececec}.sja-drawer-menu a{display:block;color:#2a2a2a;text-decoration:none;padding:16px 20px;font-size:18px;line-height:1.28}.sja-drawer-menu a:hover{background:#f5f7fb;color:#003c7c}
.sja-site{max-width:1210px;margin:8px auto 0;background:#fff;min-height:800px}.sja-hero{background:var(--sja-blue);border-radius:0 0 0 0;margin:0 auto;color:#fff;padding:23px 20px 30px;text-align:center}.home .sja-hero{border-radius:8px 8px 0 0}.sja-hero h1{margin:0 0 18px;font-size:24px;font-weight:800;color:#fff}.sja-hero-search{display:flex;max-width:760px;margin:auto;height:48px}.sja-hero-search input{flex:1;border:0;border-radius:26px 0 0 26px;padding:0 22px;font-size:15px;color:#333;outline:none}.sja-hero-search button{width:86px;border:0;background:#a2211e;color:#fff;border-radius:0 26px 26px 0;font-size:22px;cursor:pointer}
.sja-flash{height:44px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;overflow:hidden}.sja-flash-label{background:#c92323;color:#fff;font-size:12px;font-weight:800;padding:5px 8px;border-radius:2px;margin-left:0;margin-right:10px;white-space:nowrap}.sja-flash marquee{font-size:15px;color:#222}.sja-flash a,.sja-flash span.text{margin-right:28px;color:#222;text-decoration:none;white-space:nowrap}.sja-flash .bolt{color:#e2a600;margin-right:5px}
.sja-quick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;padding:18px;background:#fafafa;border-bottom:1px solid #eee}.sja-quick-box{background:#fff;border:1px solid #e4e4e4;border-radius:7px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111;text-decoration:none;transition:.18s}.sja-quick-box:hover{border-color:#003c7c;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,60,124,.11);text-decoration:none}.sja-quick-icon{font-size:23px;color:#003c7c;line-height:1;margin-bottom:6px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.18))}.sja-quick-box b{font-size:12px;color:#111;font-weight:700}
.sja-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:18px}.sja-section{border:1px solid #cfd5df;background:#fff;margin-bottom:18px}.sja-section-title{margin:0;padding:12px 10px;text-align:center;font-size:14px;font-weight:800;text-transform:uppercase;color:#000;border-bottom:1px solid #cfd5df;letter-spacing:.2px}.sja-title-blue{background:var(--sja-navy);color:#fff;text-align:left;font-size:16px}.sja-title-purple{background:var(--sja-purple)}.sja-title-peach{background:var(--sja-peach)}
.sja-table{width:100%;border-collapse:collapse;table-layout:fixed}.sja-table th{background:#f3f5f7;color:#344050;text-align:left;font-size:12px;text-transform:uppercase;padding:10px;border:1px solid #d7dce3}.sja-table td{border:1px solid #d7dce3;padding:10px;vertical-align:middle;font-size:13px}.sja-table .date{width:82px;color:#111;font-weight:700;font-size:12px}.sja-table .details{width:230px}.sja-table .link{width:92px;text-align:center}.sja-post-title{font-weight:800;color:#071b35;font-size:14px;line-height:1.35}.sja-detail-posts{display:block;color:#00815b;font-weight:800;margin-bottom:4px}.sja-detail-last{display:block;color:#be0000;font-weight:700}.sja-view{display:inline-block;background:#112a69;color:#fff!important;text-decoration:none;border-radius:4px;padding:7px 12px;font-size:12px;font-weight:700}.sja-check{background:#4f63c6}.sja-view:hover{text-decoration:none;opacity:.9}
.sja-sidebar .sja-section{margin-bottom:14px}.sja-sidebar-title{background:#003c7c;color:#fff;margin:0;padding:12px 13px;font-size:18px;font-weight:800}.sja-side-list{list-style:none;padding:0;margin:0}.sja-side-list li{border-bottom:1px solid #dfe4ea;padding:12px 12px 12px 28px;position:relative;font-size:13px;line-height:1.45}.sja-side-list li:before{content:'›';position:absolute;left:13px;top:12px;color:#003c7c;font-size:24px;line-height:16px}.sja-side-list a{color:#192333}.sja-new{color:red;font-size:10px;font-weight:800;margin-left:6px}.sja-whatsapp{border:1px solid #ddd;border-radius:3px;text-align:center;padding-bottom:18px;background:#fff;overflow:hidden}.sja-whatsapp h3{background:var(--sja-green);color:#fff;text-align:left;margin:0 0 18px;padding:10px 12px;font-size:15px}.sja-whatsapp p{font-size:12px;color:#333}.sja-join{display:inline-block;background:#20cd66;color:#fff!important;border-radius:22px;padding:10px 22px;font-weight:800;text-decoration:none}.sja-join:hover{text-decoration:none}
.sja-footer{max-width:1210px;margin:0 auto 20px;background:#fff;border-top:1px solid #dfe4ea;padding:18px;text-align:center;color:#444;font-size:13px}.sja-single{max-width:850px;margin:16px auto;background:#fff;border:1px solid #d8dde5;padding:20px}.sja-single h1{font-size:28px;line-height:1.25}.sja-entry{font-size:16px;line-height:1.75}.sja-entry h2{background:#003c7c;color:#fff;text-align:center;padding:10px;font-size:19px}.sja-entry table{width:100%;border-collapse:collapse}.sja-entry td,.sja-entry th{border:1px solid #333;padding:8px}
@media(max-width:900px){.sja-main-layout{grid-template-columns:1fr}.sja-sidebar{order:2}.sja-header-search{width:260px}.sja-quick-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){body{font-size:13px}.sja-topbar{height:58px}.sja-top-inner{padding:0 10px;gap:10px}.sja-brand{font-size:21px}.sja-brand-mini{font-size:12px;width:26px;height:20px}.sja-header-search{width:46%;max-width:none}.sja-header-search input{font-size:12px;padding:0 9px}.sja-header-search button{padding:0 10px;font-size:11px}.sja-site{margin-top:0}.sja-hero{border-radius:0;padding:20px 12px 26px}.sja-hero h1{font-size:20px}.sja-hero-search{height:46px}.sja-hero-search button{width:70px}.sja-quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:12px}.sja-quick-box{height:76px}.sja-main-layout{padding:12px;gap:12px}.sja-table th,.sja-table td{padding:8px 5px;font-size:11px}.sja-table .date{width:56px;font-size:10px}.sja-table .details{width:105px}.sja-table .link{width:58px}.sja-post-title{font-size:12px}.sja-view{padding:6px 8px;font-size:11px}.sja-drawer{width:292px}.sja-drawer-menu a{font-size:18px}.sja-flash{height:40px}.sja-flash marquee{font-size:14px}}

/* ===== SJA v4 repair: exact mobile responsive + post/footer layout ===== */
.sja-brand-mini{display:none!important}
.sja-topbar{width:100%}
.sja-brand .custom-logo-link{display:flex;align-items:center}
.sja-brand .custom-logo{max-height:36px;width:auto}
.sja-brand-text{font-size:24px;font-weight:800;color:#333;letter-spacing:-.7px}

.sja-single-page{max-width:1210px;margin:8px auto 0;background:#fff;min-height:600px}
.sja-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;padding:18px}
.sja-single-card{background:#fff;padding:0 0 20px;min-width:0}
.sja-breadcrumb{font-size:12px;color:#666;margin:0 0 8px;border-bottom:1px solid #eee;padding-bottom:8px}
.sja-single-card h1{font-size:22px;line-height:1.3;margin:0 0 6px;color:#000;font-weight:800}
.sja-single-meta{font-size:12px;color:#777;margin-bottom:16px}
.sja-channel-box{border:1px solid #21bf5b;background:#effff4;color:#07551f;padding:8px 10px;margin:10px 0;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sja-channel-box.light{background:#f6fff8}
.sja-channel-box a{background:#20cd66;color:#fff!important;border-radius:3px;padding:4px 12px;font-size:12px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.sja-featured img{max-width:100%;height:auto;display:block;margin:14px 0}
.sja-entry{font-size:15px;line-height:1.72;color:#222}
.sja-entry p{margin:0 0 14px}
.sja-entry h2{background:transparent;color:#000;text-align:left;padding:0;font-size:18px;margin:22px 0 9px;border:0}
.sja-entry h3{font-size:16px;margin:18px 0 8px;color:#000}
.sja-entry table{width:100%;border-collapse:collapse;margin:12px 0 18px}
.sja-entry td,.sja-entry th{border:1px solid #d9d9d9;padding:9px;font-size:13px;text-align:left}
.sja-entry th{background:#f7f7f7}
.sja-entry ul,.sja-entry ol{padding-left:20px;margin:0 0 16px}.sja-entry li{margin:5px 0}

.sja-footer{display:none!important}
.sja-footer-main{max-width:1210px;margin:36px auto 0;background:#286463;color:#fff}
.sja-footer-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:42px 40px}
.sja-footer-col h3{margin:0 0 22px;font-size:18px;font-weight:500;color:#fff;text-transform:uppercase;position:relative}.sja-footer-col h3:after{content:'';display:block;width:82px;height:2px;background:#ffb12f;margin-top:8px}
.sja-footer-col p,.sja-footer-col li,.sja-footer-col a{font-size:16px;line-height:1.65;color:#fff}.sja-footer-col ul{list-style:none;margin:0;padding:0}.sja-footer-col li{border-bottom:1px solid rgba(255,255,255,.12);padding:8px 0}.sja-footer-editable{min-height:90px}
.sja-footer-copy{background:#1e5050;text-align:center;padding:19px;color:#e8f3f3;font-size:14px}.sja-owner{display:none}

/* column balance exactly: title large, details small, link smallest */
.sja-table{table-layout:fixed}.sja-table th:nth-child(1),.sja-table td:nth-child(1){width:auto}.sja-table th.details,.sja-table td.details{width:160px}.sja-table th.link,.sja-table td.link{width:76px}.sja-table th.date,.sja-table td.date{width:78px}
.sja-section:first-child .sja-table th:nth-child(1),.sja-section:first-child .sja-table td:nth-child(1){width:auto}.sja-section:first-child .sja-table th:nth-child(2),.sja-section:first-child .sja-table td:nth-child(2){width:160px}.sja-section:first-child .sja-table th:nth-child(3),.sja-section:first-child .sja-table td:nth-child(3){width:76px;text-align:center}

@media(max-width:900px){
  .sja-single-layout{grid-template-columns:1fr}.sja-single-page{margin-top:0}.sja-footer-inner{grid-template-columns:1fr;gap:24px;padding:32px 22px}.sja-footer-main{margin-top:24px}
}
@media(max-width:640px){
  html,body{width:100%;overflow-x:hidden;background:#eef3f7}
  .sja-topbar{height:44px;position:sticky;top:0}.sja-top-inner{height:44px;padding:0 8px;gap:6px;max-width:100%}.sja-menu-open{font-size:18px;padding:5px 6px}.sja-brand-text{font-size:14px;letter-spacing:0}.sja-brand img,.sja-brand .custom-logo{max-height:22px}.sja-header-search{height:26px;width:120px;max-width:42%;margin-left:auto}.sja-header-search input{height:26px;font-size:10px;padding:0 7px}.sja-header-search button{height:26px;width:48px;padding:0;font-size:9px}
  .sja-drawer{width:292px;max-width:86%}.sja-drawer-head{height:78px}.sja-menu-close{width:58px;height:58px}.sja-drawer-menu a{font-size:18px;padding:13px 20px}
  .sja-site{width:100%;max-width:100%;margin:0;background:#fff;min-height:auto}.sja-hero{padding:16px 10px 17px;border-radius:0!important}.sja-hero h1{font-size:17px;margin-bottom:10px}.sja-hero-search{height:38px;max-width:100%}.sja-hero-search input{font-size:12px;padding:0 15px}.sja-hero-search button{width:54px;font-size:16px}
  .sja-flash{height:31px}.sja-flash-label{font-size:9px;padding:4px 6px}.sja-flash marquee{font-size:11px}.sja-quick-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;background:#fff}.sja-quick-box{height:61px;border-radius:5px}.sja-quick-icon{font-size:18px;margin-bottom:3px}.sja-quick-box b{font-size:10px}
  .sja-main-layout{display:block;padding:8px}.sja-section{margin-bottom:12px}.sja-section-title{font-size:11px;padding:9px 7px}.sja-title-blue{text-align:left;font-size:12px}.sja-table th{font-size:9px;padding:6px 4px}.sja-table td{font-size:10px;padding:6px 4px}.sja-post-title{font-size:10.5px;line-height:1.35}.sja-detail-posts,.sja-detail-last{font-size:9px;line-height:1.25}.sja-view{font-size:9px;padding:5px 7px;border-radius:3px}.sja-section:first-child .sja-table th:nth-child(2),.sja-section:first-child .sja-table td:nth-child(2){width:86px}.sja-section:first-child .sja-table th:nth-child(3),.sja-section:first-child .sja-table td:nth-child(3){width:48px}.sja-table th.date,.sja-table td.date{width:51px;font-size:9px}.sja-table th.link,.sja-table td.link{width:48px}.sja-sidebar-title{font-size:13px;padding:9px 10px}.sja-side-list li{font-size:10.5px;padding:8px 8px 8px 22px}.sja-side-list li:before{left:9px;top:7px}.sja-whatsapp h3{font-size:12px;padding:9px 10px}.sja-whatsapp p{font-size:11px}.sja-join{font-size:11px;padding:8px 18px}
  .sja-single-page{width:100%;max-width:100%;margin:0;background:#fff}.sja-single-layout{display:block;padding:12px}.sja-single-card h1{font-size:18px}.sja-breadcrumb,.sja-single-meta{font-size:10px}.sja-channel-box{font-size:11px;padding:7px;align-items:flex-start}.sja-channel-box a{font-size:10px;padding:4px 8px}.sja-entry{font-size:13px;line-height:1.65}.sja-entry h2{font-size:15px}.sja-entry td,.sja-entry th{font-size:11px;padding:7px 5px}.sja-footer-main{width:100%;margin-top:22px}.sja-footer-inner{padding:28px 18px;gap:22px}.sja-footer-col h3{font-size:16px}.sja-footer-col p,.sja-footer-col li,.sja-footer-col a{font-size:14px}.sja-footer-copy{font-size:12px;padding:15px 8px}
}