/*
Theme Name: Taqdimat Pro
Theme URI: https://taqdimat.blog
Author: Taqdimat
Description: قالب تقديمات احترافي — تحكم كامل في كل عنصر من لوحة التخصيص
Version: 4.0.0
Text Domain: taqdimat
*/

/* ══════════════════════════════════
   CSS VARIABLES — تُضبط من التخصيص
══════════════════════════════════ */
:root {
  /* الألوان */
  --clr-primary:      #1a6b3c;
  --clr-primary-dark: #145530;
  --clr-primary-bg:   #eaf4ee;
  --clr-gold:         #b8860b;
  --clr-text:         #1a1a1a;
  --clr-text-muted:   #666666;
  --clr-text-light:   #999999;
  --clr-bg:           #f0f0f0;
  --clr-white:        #ffffff;
  --clr-border:       #e3e3e3;
  --clr-border-dash:  #cccccc;

  /* الهيدر */
  --hdr-bg:           #ffffff;
  --hdr-height:       60px;
  --hdr-border:       #e3e3e3;
  --hdr-logo-size:    17px;
  --hdr-logo-badge-size: 16px;
  --hdr-logo-badge-radius: 10px;

  /* عنوان الهيرو */
  --hero-bg:          #ffffff;
  --hero-title-color: #1a1a1a;
  --hero-title-size:  22px;
  --hero-padding:     22px;

  /* تبويبات التصنيفات */
  --tabs-bg:          #ffffff;
  --tab-active-bg:    #1a6b3c;
  --tab-active-color: #ffffff;
  --tab-bg:           #ffffff;
  --tab-color:        #444444;
  --tab-border:       #dddddd;
  --tab-font-size:    13px;
  --tab-radius:       999px;
  --tab-padding-v:    7px;
  --tab-padding-h:    14px;

  /* البطاقات */
  --card-bg:          #ffffff;
  --card-border:      #e3e3e3;
  --card-radius:      14px;
  --card-padding:     14px;
  --card-gap:         8px;
  --card-shadow:      0 1px 4px rgba(0,0,0,0.06);
  --card-shadow-hover:0 4px 16px rgba(0,0,0,0.09);

  /* صورة الجهة */
  --logo-size:        82px;
  --logo-radius:      10px;
  --logo-border:      #cccccc;
  --logo-bg:          #f8f8f8;
  --logo-letter-size: 22px;
  --logo-letter-color:#bbbbbb;

  /* عنوان البطاقة */
  --card-title-size:    15px;
  --card-title-color:   #1a1a1a;
  --card-title-hover:   #1a6b3c;
  --card-title-weight:  700;

  /* النص الثانوي */
  --card-meta-size:   12.5px;
  --card-org-color:   #666666;
  --card-time-color:  #999999;

  /* زر التقديم (في صفحة المنشور) */
  --btn-bg:           #1a6b3c;
  --btn-color:        #ffffff;
  --btn-radius:       12px;
  --btn-size:         15px;
  --btn-padding-v:    12px;
  --btn-padding-h:    32px;

  /* الفوتر */
  --footer-bg:        #1a1a1a;
  --footer-color:     rgba(255,255,255,0.6);
  --footer-domain-color: rgba(255,255,255,0.9);
  --footer-font-size: 13px;

  /* عام */
  --container-width:  700px;
  --font-family:      'Cairo', 'Tajawal', sans-serif;
}

/* ══════════════════════════════════
   RESET
══════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-family);
  background:var(--clr-bg);
  color:var(--clr-text);
  direction:rtl;
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
button{cursor:pointer;font-family:var(--font-family)}
.container{max-width:var(--container-width);margin:0 auto;padding:0 16px}

/* ══════════════════════════════════
   HEADER
══════════════════════════════════ */
#site-header{
  background:var(--hdr-bg);
  border-bottom:1px solid var(--hdr-border);
  /* NOT sticky */
}
.header-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:var(--hdr-height);
  gap:12px;
}
.hdr-menu-btn{
  background:none;border:none;
  color:var(--clr-text);
  font-size:22px;padding:6px;
  display:flex;align-items:center;flex-shrink:0;
}
.site-logo{display:flex;align-items:center;gap:6px;flex-shrink:0}
.logo-badge{
  width:36px;height:36px;
  background:var(--clr-primary);
  border-radius:var(--hdr-logo-badge-radius);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  font-size:var(--hdr-logo-badge-size);
  font-weight:900;
}
.logo-name{
  font-size:var(--hdr-logo-size);
  font-weight:800;
  color:var(--clr-text);
  line-height:1;
}
.logo-name .gold{color:var(--clr-gold)}
.hdr-spacer{width:34px;flex-shrink:0}

/* درج التنقل */
.hdr-nav{display:none;position:fixed;inset:0;z-index:9999}
.hdr-nav.open{display:block}
.nav-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4)}
.nav-drawer{
  position:absolute;top:0;right:0;
  width:260px;height:100%;
  background:var(--clr-white);
  padding:20px 0;overflow-y:auto;
  box-shadow:-4px 0 20px rgba(0,0,0,0.15);
}
.nav-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 20px 16px;border-bottom:1px solid var(--clr-border);margin-bottom:8px;
}
.nav-close{background:none;border:none;font-size:22px;color:var(--clr-text-muted)}
.nav-drawer a{
  display:block;padding:12px 20px;
  font-size:14px;font-weight:600;
  color:var(--clr-text);border-bottom:1px solid #f5f5f5;
  transition:background .2s;
}
.nav-drawer a:hover,.nav-drawer a.active{background:var(--clr-primary-bg);color:var(--clr-primary)}

/* ══════════════════════════════════
   APP BANNER
══════════════════════════════════ */
.app-promo-banner{
  background:var(--clr-primary);
  text-align:center;padding:10px 16px;
}
.app-promo-banner a{color:#fff;font-size:14px;font-weight:700}

/* ══════════════════════════════════
   HERO TITLE
══════════════════════════════════ */
.hero-title-bar{
  background:var(--hero-bg);
  padding:var(--hero-padding) 16px;
  text-align:center;
  border-bottom:1px solid var(--clr-border);
}
.hero-title-bar h1{
  font-size:var(--hero-title-size);
  font-weight:800;
  color:var(--hero-title-color);
  line-height:1.4;
}

/* ══════════════════════════════════
   CATEGORY TABS
══════════════════════════════════ */
.cat-tabs-bar{
  background:var(--tabs-bg);
  border-bottom:1px solid var(--clr-border);
  overflow-x:auto;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.cat-tabs-bar::-webkit-scrollbar{display:none}
.cat-tabs-inner{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;min-width:max-content;
}
.cat-tab{
  display:inline-flex;align-items:center;gap:6px;
  padding:var(--tab-padding-v) var(--tab-padding-h);
  border-radius:var(--tab-radius);
  font-size:var(--tab-font-size);
  font-weight:600;
  border:1px solid var(--tab-border);
  background:var(--tab-bg);
  color:var(--tab-color);
  white-space:nowrap;
  transition:all .2s;
  text-decoration:none;
}
.cat-tab:hover{border-color:var(--clr-primary);color:var(--clr-primary)}
.cat-tab.active{background:var(--tab-active-bg);color:var(--tab-active-color);border-color:var(--tab-active-bg)}
.cat-tab .tab-count{
  font-size:11px;font-weight:700;
  background:rgba(0,0,0,0.08);
  border-radius:999px;padding:1px 7px;
}
.cat-tab.active .tab-count{background:rgba(255,255,255,0.25)}

/* ══════════════════════════════════
   MAIN
══════════════════════════════════ */
.main-wrap{padding:12px 0 60px}
.section-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;padding:0 2px;
}
.section-head h2{font-size:17px;font-weight:800;color:var(--clr-text)}
.see-all{font-size:13px;color:var(--clr-primary);font-weight:600}

/* ══════════════════════════════════
   JOB CARDS
══════════════════════════════════ */
.jobs-list{display:flex;flex-direction:column;gap:var(--card-gap)}

.job-card{
  display:flex;flex-direction:row;
  align-items:flex-start;
  gap:12px;
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:var(--card-radius);
  padding:var(--card-padding);
  box-shadow:var(--card-shadow);
  transition:box-shadow .2s;
  cursor:pointer;position:relative;overflow:hidden;
}
.job-card:hover{box-shadow:var(--card-shadow-hover)}
.job-card::before{display:none!important}

/* صورة الجهة — يسار */
.job-logo,
.job-logo-placeholder{
  order:1;flex-shrink:0;
  width:var(--logo-size);height:var(--logo-size);min-width:var(--logo-size);
  border-radius:var(--logo-radius);
  border:1.5px dashed var(--logo-border);
  background:var(--logo-bg);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.job-logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.job-logo-placeholder{
  font-size:var(--logo-letter-size);
  font-weight:800;color:var(--logo-letter-color);
}

/* المحتوى — يمين */
.job-content{
  order:2;flex:1;min-width:0;
  display:flex;flex-direction:column;
}

/* إخفاء عناصر قديمة */
.job-tags,.job-action,.apply-btn,.job-meta,.featured-badge{display:none!important}

/* العنوان */
.job-title{
  font-size:var(--card-title-size);
  font-weight:var(--card-title-weight);
  color:var(--card-title-color);
  line-height:1.55;
  margin-bottom:9px;
  padding-bottom:9px;
  border-bottom:1px solid #f0f0f0;
  text-align:right;
}
.job-title a{color:inherit}
.job-card:hover .job-title a{color:var(--card-title-hover)}

/* صف النص الثانوي */
.job-meta-row{
  display:flex;align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;gap:4px;margin-top:6px;
}
.job-org{
  display:flex;align-items:center;gap:5px;
  font-size:var(--card-meta-size);
  color:var(--card-org-color);font-weight:500;
  flex-direction:row-reverse;justify-content:flex-end;
}
.job-org::after{content:'⊞';font-size:13px;color:var(--clr-text-light)}
.time-ago{
  display:flex;align-items:center;gap:4px;
  font-size:var(--card-meta-size);
  color:var(--card-time-color);white-space:nowrap;
  flex-direction:row-reverse;
}
.time-ago::after{content:'🕐';font-size:12px}

/* ══════════════════════════════════
   PAGINATION
══════════════════════════════════ */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:24px;flex-wrap:wrap}
.page-btn{
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;font-size:14px;font-weight:700;
  border:1.5px solid var(--clr-border);background:var(--clr-white);
  color:var(--clr-text-muted);transition:all .2s;
}
.page-btn:hover,.page-btn.current{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}

/* ══════════════════════════════════
   SINGLE POST
══════════════════════════════════ */
.single-header{
  background:var(--clr-white);
  border-bottom:1px solid var(--clr-border);
  padding:18px 16px 16px;
}
.single-cat-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--clr-primary-bg);color:var(--clr-primary);
  font-size:12px;font-weight:700;
  padding:4px 12px;border-radius:999px;margin-bottom:12px;
}
.single-title{
  font-size:var(--hero-title-size);
  font-weight:800;color:var(--clr-text);
  line-height:1.4;margin-bottom:14px;
}
.single-org-row{display:flex;align-items:center;gap:10px}
.single-org-logo{
  width:48px;height:48px;border-radius:10px;
  border:1px dashed var(--logo-border);background:var(--logo-bg);
  overflow:hidden;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.single-org-logo img{width:100%;height:100%;object-fit:contain;padding:4px}
.single-org-name{font-size:13px;font-weight:600;color:var(--clr-text-muted)}
.single-time{font-size:12px;color:var(--clr-text-light);margin-top:2px;display:flex;align-items:center;gap:4px}
.single-time::before{content:'🗓️';font-size:12px}
.single-body{
  background:var(--clr-white);
  padding:20px 16px;margin-top:8px;
  border-radius:var(--card-radius);
}
.single-body p{margin-bottom:14px;line-height:1.85}
.single-body h2{font-size:17px;font-weight:800;margin:20px 0 10px}
.single-body h3{font-size:15px;font-weight:700;margin:16px 0 8px}
.single-body ul{margin:8px 0 14px 20px;list-style:disc}
.single-body li{margin-bottom:6px}
.single-body strong{font-weight:700}
.single-body a{color:var(--clr-primary);text-decoration:underline}
.single-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.single-body th{background:var(--clr-primary);color:#fff;padding:10px 12px;text-align:right}
.single-body td{padding:9px 12px;border-bottom:1px solid var(--clr-border)}
.apply-section{
  margin-top:20px;padding:20px 16px;
  background:var(--clr-primary-bg);
  border-radius:var(--card-radius);
  border:1px solid rgba(26,107,60,0.15);
  text-align:center;
}
.apply-section p{font-size:14px;color:var(--clr-text-muted);margin-bottom:12px}
.apply-link{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--btn-bg);color:var(--btn-color);
  font-size:var(--btn-size);font-weight:700;
  padding:var(--btn-padding-v) var(--btn-padding-h);
  border-radius:var(--btn-radius);transition:background .2s;
}
.apply-link:hover{background:var(--clr-primary-dark)}

/* ══════════════════════════════════
   BACK TO TOP
══════════════════════════════════ */
.back-to-top{
  position:fixed;bottom:24px;left:20px;
  width:40px;height:40px;
  background:var(--clr-primary);color:#fff;
  border:none;border-radius:12px;font-size:17px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(26,107,60,0.35);
  opacity:0;pointer-events:none;
  transition:opacity .25s,transform .25s;z-index:800;
}
.back-to-top.show{opacity:1;pointer-events:auto}
.back-to-top:hover{transform:translateY(-3px)}

/* ══════════════════════════════════
   FOOTER
══════════════════════════════════ */
#site-footer{
  background:var(--footer-bg);color:var(--footer-color);
  text-align:center;padding:20px 16px;
  font-size:var(--footer-font-size);
}
.footer-domain{font-size:14px;font-weight:700;color:var(--footer-domain-color);margin-bottom:6px}

/* ══════════════════════════════════
   EMPTY STATE
══════════════════════════════════ */
.empty-state{background:var(--clr-white);border-radius:var(--card-radius);padding:50px 20px;text-align:center}
.empty-state-icon{font-size:44px;margin-bottom:12px}
.empty-state h3{font-size:17px;font-weight:700;margin-bottom:8px}
.empty-state p{font-size:14px;color:var(--clr-text-muted)}

/* ══════════════════════════════════
   MISC
══════════════════════════════════ */
.admin-bar #site-header{margin-top:32px}
:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px;border-radius:4px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}