/*
Theme Name: Jawwal Alwzaif
Theme URI: https://jobs.jawwalwzaif.com/
Author: Khidmati
Description: قالب عربي متجاوب لمواقع الوظائف والتوظيف، يركز على البحث السريع وسهولة تصفح أحدث الفرص.
Version: 1.2.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: jawwalwzaif
*/
:root{--jw-blue:#1757c2;--jw-blue-dark:#123c83;--jw-ink:#17243a;--jw-muted:#65738a;--jw-line:#e6ebf2;--jw-bg:#f5f7fb;--jw-card:#fff;--jw-green:#138a5b;--jw-yellow:#f6c94a;--jw-radius:18px;--jw-shadow:0 12px 35px rgba(28,52,89,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--jw-bg);color:var(--jw-ink);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8}a{color:var(--jw-blue);text-decoration:none}a:hover{color:var(--jw-blue-dark)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.topline{background:#102a55;color:#dce7fa;font-size:13px}.topline-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topline a{color:#fff}.site-header{background:#fff;border-bottom:1px solid var(--jw-line);position:relative;z-index:20}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;min-width:190px}.brand img{max-height:54px;width:auto}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;color:#fff;background:linear-gradient(140deg,var(--jw-blue),#3989f1);font-size:25px;font-weight:900;box-shadow:0 8px 18px #1757c233}.brand-name{display:block;font-size:20px;font-weight:900;color:var(--jw-ink);line-height:1.25}.brand-tagline{display:block;color:var(--jw-muted);font-size:11px;margin-top:4px}.main-nav{display:flex;align-items:center;gap:6px}.main-nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0}.main-nav a{display:block;color:#35445a;padding:10px 13px;border-radius:10px;font-size:14px;font-weight:700}.main-nav a:hover,.main-nav .current-menu-item>a{background:#eef4ff;color:var(--jw-blue)}.header-actions{display:flex;align-items:center;gap:10px}.search-toggle,.menu-toggle{border:0;background:#f0f4fa;color:#253854;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 17px;background:var(--jw-blue);color:white!important;font-size:14px;font-weight:800;transition:.2s}.btn:hover{background:var(--jw-blue-dark);transform:translateY(-1px)}.btn-green{background:var(--jw-green)}.btn-light{color:var(--jw-blue)!important;background:#eef4ff}.search-panel{display:none;padding:0 0 18px}.search-panel.is-open{display:block}.search-form{display:flex;gap:8px}.search-form input[type=search]{width:100%;min-width:0;border:1px solid #dfe6f0;border-radius:12px;padding:12px 15px;background:#fff;color:var(--jw-ink)}.search-form button{border:0;border-radius:12px;padding:0 22px;background:var(--jw-blue);color:#fff;font-weight:800;cursor:pointer}.hero{margin:24px auto 28px;background:linear-gradient(120deg,#102e62 0%,#1857b8 62%,#3988e6 100%);border-radius:26px;padding:clamp(26px,5vw,52px);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff25;border-radius:50%;left:-95px;top:-165px;box-shadow:0 0 0 35px #ffffff09,0 0 0 75px #ffffff07}.hero-content{position:relative;z-index:1;max-width:750px}.hero-label{display:inline-flex;align-items:center;gap:8px;background:#ffffff20;border:1px solid #ffffff2c;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(28px,4.5vw,46px);line-height:1.3;margin:17px 0 10px;color:#fff}.hero p{max-width:660px;color:#e3edff;margin:0 0 23px;font-size:17px}.hero-search{display:flex;max-width:680px;gap:9px;background:white;padding:7px;border-radius:14px;box-shadow:0 15px 35px #071f4b40}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:10px 13px;background:transparent;color:var(--jw-ink)}.hero-search button{border:0;border-radius:10px;padding:10px 20px;background:var(--jw-yellow);color:#17243a;font-weight:900;cursor:pointer}.hero-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:19px;color:#e3edff;font-size:13px}.hero-meta strong{color:#fff}.section{margin:30px auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.section-title{font-size:24px;line-height:1.35;color:var(--jw-ink);margin:0;font-weight:900}.section-subtitle{margin:5px 0 0;color:var(--jw-muted);font-size:14px}.text-link{font-size:14px;font-weight:800;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-tile{display:flex;align-items:center;gap:11px;min-height:73px;padding:13px;background:#fff;border:1px solid var(--jw-line);border-radius:15px;color:var(--jw-ink);transition:.18s}.category-tile:hover{transform:translateY(-3px);border-color:#bfd1ef;box-shadow:var(--jw-shadow);color:var(--jw-blue)}.category-icon{width:40px;height:40px;display:grid;place-items:center;background:#eef4ff;color:var(--jw-blue);border-radius:12px;font-size:18px;flex:none}.category-name{font-weight:800;font-size:14px;line-height:1.35}.category-count{display:block;font-size:11px;color:var(--jw-muted);font-weight:400;margin-top:3px}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.feature-card,.post-card,.sidebar-card,.content-card,.empty-card{background:var(--jw-card);border:1px solid var(--jw-line);border-radius:var(--jw-radius);box-shadow:0 5px 20px rgba(28,52,89,.035);overflow:hidden}.feature-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:270px}.feature-image{min-height:230px;background:linear-gradient(140deg,#dce9fc,#f4f7fc);position:relative}.feature-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-placeholder{height:100%;min-height:180px;display:grid;place-items:center;color:#8aa5cf;font-size:44px}.feature-body{padding:24px;display:flex;flex-direction:column;justify-content:center}.post-kicker{font-size:12px;font-weight:800;color:var(--jw-blue);display:flex;align-items:center;gap:7px}.post-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jw-yellow)}.feature-title{font-size:22px;line-height:1.5;margin:9px 0;color:var(--jw-ink);font-weight:900}.feature-title a,.post-title a{color:inherit}.feature-title a:hover,.post-title a:hover{color:var(--jw-blue)}.post-excerpt{font-size:14px;color:var(--jw-muted);margin:0 0 13px}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--jw-muted);font-size:12px}.post-meta span{display:inline-flex;align-items:center;gap:5px}.feature-list{display:grid;gap:12px}.mini-card{background:#fff;border:1px solid var(--jw-line);border-radius:15px;padding:17px 18px;display:flex;gap:14px;align-items:flex-start;transition:.18s}.mini-card:hover{transform:translateX(-3px);border-color:#c7d7f0}.mini-number{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f0f4fa;color:var(--jw-blue);font-weight:900;flex:none}.mini-card h3{font-size:15px;line-height:1.5;margin:0 0 7px}.mini-card h3 a{color:var(--jw-ink)}.mini-card h3 a:hover{color:var(--jw-blue)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{transition:.2s}.post-card:hover{transform:translateY(-4px);box-shadow:var(--jw-shadow)}.post-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(140deg,#e6eefb,#f8faff);position:relative;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-card:hover .post-thumb img{transform:scale(1.035)}.post-thumb .image-placeholder{min-height:100%;font-size:36px}.post-body{padding:17px 18px 19px}.post-title{font-size:17px;line-height:1.55;margin:8px 0 10px;font-weight:900}.post-excerpt.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.job-chip{display:inline-flex;align-items:center;border-radius:999px;background:#edf4ff;color:#285ca4;padding:4px 9px;font-size:11px;font-weight:800}.cta-band{margin:32px auto;background:#eaf2ff;border:1px solid #d8e6fc;border-radius:20px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cta-band h2{font-size:19px;margin:0;color:var(--jw-ink)}.cta-band p{font-size:14px;color:var(--jw-muted);margin:4px 0 0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.content-card{padding:clamp(20px,4vw,38px)}.page-heading{margin:26px 0 18px}.page-heading h1{font-size:30px;margin:0;color:var(--jw-ink);line-height:1.4}.page-heading p{color:var(--jw-muted);margin:5px 0 0}.article-head{margin-bottom:22px}.article-head .post-kicker{margin-bottom:9px}.article-title{font-size:clamp(27px,4.2vw,39px);line-height:1.45;margin:0 0 14px;color:#142541;font-weight:900}.article-featured{margin:21px 0 25px;border-radius:16px;overflow:hidden;background:#edf2f9}.article-featured img{display:block;width:100%;max-height:480px;object-fit:cover}.article-body{font-size:17px;color:#28364b;line-height:2}.article-body h2{font-size:25px;line-height:1.5;color:#152743;margin:1.6em 0 .6em;padding-right:13px;border-right:4px solid var(--jw-blue)}.article-body h3{font-size:21px;color:#1e3659;margin:1.4em 0 .5em}.article-body p{margin:0 0 1.2em}.article-body ul,.article-body ol{padding-right:25px;margin:0 0 1.25em}.article-body li{padding-right:4px;margin-bottom:7px}.article-body a{text-decoration:underline;text-underline-offset:3px}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:20px 0}.article-body th,.article-body td{border:1px solid var(--jw-line);padding:10px 13px;text-align:right}.article-body th{background:#f2f6fc}.article-body blockquote{margin:22px 0;padding:13px 20px;border-right:4px solid var(--jw-yellow);background:#fff9e8;border-radius:8px;color:#42506a}.article-toc{display:none;margin:20px 0;padding:17px 20px;border:1px solid var(--jw-line);border-radius:14px;background:#f8faff}.article-toc.is-visible{display:block}.article-toc-title{font-weight:900;margin-bottom:8px}.article-toc ul{margin:0;padding-right:20px}.article-toc a{text-decoration:none}.share-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.share-row a{border-radius:10px;padding:8px 12px;background:#f0f4fa;color:#33435b;font-size:13px;font-weight:800}.share-row a:hover{background:#e5efff;color:var(--jw-blue)}.article-footer{border-top:1px solid var(--jw-line);padding-top:17px;margin-top:24px}.tag-list{display:flex;gap:7px;flex-wrap:wrap}.tag-list a{padding:4px 10px;border-radius:999px;background:#f0f4fa;font-size:12px;color:#53627b}.sidebar{display:grid;gap:15px}.sidebar-card{padding:19px}.sidebar-title{font-size:17px;margin:0 0 13px;color:var(--jw-ink)}.sidebar-list{display:grid;gap:12px}.sidebar-link{font-size:14px;font-weight:700;line-height:1.5;color:#30415a}.sidebar-link:hover{color:var(--jw-blue)}.telegram-card{background:#102f66;color:#fff;border:0}.telegram-card h3{color:#fff;margin:0 0 7px}.telegram-card p{color:#d8e6ff;font-size:13px;margin:0 0 14px}.telegram-card .btn{background:#fff;color:#154990!important}.pagination{display:flex;justify-content:center;gap:7px;margin:27px 0}.page-numbers{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--jw-line);font-weight:800}.page-numbers.current{background:var(--jw-blue);border-color:var(--jw-blue);color:#fff}.site-footer{margin-top:44px;background:#10213e;color:#cbd7e9}.footer-main{padding:38px 0 27px;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer-main h3{font-size:16px;color:white;margin:0 0 12px}.footer-main p{font-size:13px;color:#b8c6da;margin:0;max-width:420px}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13px}.footer-links a{color:#cbd7e9}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff18;padding:13px 0;font-size:12px;color:#a9b8ce}.footer-bottom .container{display:flex;justify-content:space-between;gap:12px}.breadcrumb{font-size:12px;color:var(--jw-muted);margin:18px 0}.breadcrumb a{color:var(--jw-muted)}.breadcrumb span{margin:0 5px}.no-results{padding:35px;text-align:center}.no-results h2{margin:0 0 8px}.reading-progress{position:fixed;top:0;right:0;width:0;height:3px;background:var(--jw-yellow);z-index:100;transition:width .1s}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:minmax(0,1fr) 270px}.header-inner{gap:13px}.brand{min-width:auto}.main-nav a{padding:9px 8px;font-size:13px}.header-actions>.btn{display:none}}
@media(max-width:760px){.container{width:min(100% - 26px,640px)}.topline-inner{justify-content:center}.topline-inner>span:first-child{display:none}.header-inner{min-height:70px}.brand-mark{width:42px;height:42px}.brand-name{font-size:18px}.brand-tagline{font-size:10px}.menu-toggle{display:grid}.main-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid var(--jw-line);padding:8px 13px 15px;box-shadow:0 14px 22px #152a4712}.main-nav.is-open{display:block}.main-nav ul{display:grid;grid-template-columns:repeat(2,1fr)}.main-nav a{padding:10px}.header-actions{gap:6px}.hero{margin-top:14px;border-radius:20px;padding:27px 21px}.hero p{font-size:15px}.hero-search button{padding:9px 14px}.hero-meta{gap:9px 14px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{min-height:65px;padding:10px}.category-icon{width:36px;height:36px}.section{margin:25px auto}.section-title{font-size:21px}.feature-grid{grid-template-columns:1fr}.feature-card{grid-template-columns:1fr}.feature-image{min-height:190px}.feature-body{padding:20px}.feature-title{font-size:20px}.feature-list{grid-template-columns:1fr 1fr}.mini-card{padding:13px;gap:10px}.mini-card h3{font-size:13px}.mini-number{width:30px;height:30px}.post-grid{grid-template-columns:repeat(2,1fr);gap:10px}.post-body{padding:13px}.post-title{font-size:15px}.post-excerpt{font-size:12px}.post-meta{gap:8px;font-size:11px}.content-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.article-body{font-size:16px}.article-body h2{font-size:22px}.content-card{padding:20px}.page-heading h1{font-size:26px}.cta-band{align-items:flex-start;flex-direction:column}.cta-band .btn{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:440px){.post-grid{grid-template-columns:1fr}.post-thumb{aspect-ratio:16/8}.feature-list{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.footer-bottom .container{display:block;text-align:center}.footer-bottom .container span{display:block}}

/* Job discovery and application details */
.hero-search{display:block;max-width:900px;background:transparent;padding:0;box-shadow:none}
.job-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:9px;background:#fff;padding:11px;border-radius:15px;box-shadow:0 15px 35px #071f4b40}
.hero-search .job-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-search .job-filters button{grid-column:1/-1}
.job-filters label{display:block;min-width:0;margin:0;color:#40516a;font-size:12px;font-weight:800}
.job-filters label span{display:block;margin:0 0 3px;padding:0 5px;color:#53647c;font-size:11px}
.job-filters input,.job-filters select{width:100%;height:43px;min-width:0;border:1px solid #e1e7f0;border-radius:10px;padding:8px 10px;background:#fff;color:var(--jw-ink);font-size:13px}
.job-filters button{min-height:43px;border:0;border-radius:10px;padding:8px 17px;background:var(--jw-blue);color:#fff;font-weight:900;white-space:nowrap;cursor:pointer}
.page-heading .job-filters{margin-top:17px;border:1px solid var(--jw-line);box-shadow:var(--jw-shadow)}
.cta-actions{display:flex;gap:9px;flex-wrap:wrap}
.job-facts{display:flex;flex-wrap:wrap;gap:7px 13px;margin:10px 0 12px;color:#50627a;font-size:12px}
.job-facts span{display:inline-flex;align-items:center;gap:4px}
.card-details{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid var(--jw-line);font-size:13px;font-weight:900}
.job-summary{margin:20px 0;padding:18px;border:1px solid #dce6f4;border-radius:16px;background:#f7faff}
.job-summary h2{margin:0 0 12px;font-size:18px;color:var(--jw-ink)}
.job-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.job-summary-grid>div{padding:10px 12px;border-radius:11px;background:#fff;border:1px solid #e7edf5}
.job-summary-grid span,.job-summary-grid strong{display:block}
.job-summary-grid span{color:var(--jw-muted);font-size:12px}
.job-summary-grid strong{margin-top:3px;color:#243a5a;font-size:14px}
.apply-box{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:17px;border:1px solid #d4e4fc;border-radius:15px;background:#eff6ff}
.apply-box strong{font-size:16px;color:var(--jw-ink)}
.apply-box p{margin:3px 0 0;color:var(--jw-muted);font-size:13px}
.apply-box-bottom{margin-top:25px}
@media(max-width:760px){.job-filters,.hero-search .job-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.job-filters button,.hero-search .job-filters button{grid-column:1/-1}.job-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apply-box{align-items:stretch;flex-direction:column}.apply-box .btn{width:100%}.cta-actions{width:100%}.cta-actions .btn{flex:1}}
@media(max-width:440px){.job-filters,.hero-search .job-filters{grid-template-columns:1fr}.job-filters button,.hero-search .job-filters button{grid-column:auto}.job-summary-grid{grid-template-columns:1fr}}

/* Theme controls and job expiry */
.footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.footer-social .btn{padding:8px 12px;font-size:12px}
.single-job-card{width:100%;max-width:none}
.job-expired-notice{margin:18px 0;padding:18px 20px;border:1px solid #f2d2ce;border-radius:15px;background:#fff4f2;color:#812d25}
.job-expired-notice strong{font-size:17px}
.job-expired-notice p{margin:4px 0 12px;color:#754740}
@media(min-width:761px){.single-job-card .job-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}