/* ============================================================
   ALMONIR CAREERS — Brand stylesheet
   Purple #7B3F8C  ·  Teal #3FA88C  ·  Tajawal / Cairo · RTL
   Everything scoped under #almonir-careers so it is safe to
   drop into any WordPress theme.
   ============================================================ */

#almonir-careers {
  --purple-900: #4a1d5b;
  --purple-700: #6a2c7d;
  --purple-600: #7b3f8c;
  --purple-500: #8e4f9f;
  --purple-300: #c89cd4;
  --purple-100: #f3e9f6;
  --purple-50: #faf5fc;

  --teal-700: #2d8a72;
  --teal-600: #3fa88c;
  --teal-500: #4cb89d;
  --teal-300: #9fdcc9;
  --teal-100: #e3f5ee;
  --teal-50: #f1faf6;

  --ink-900: #1a0e21;
  --ink-700: #3a2c44;
  --ink-500: #6c5c75;
  --ink-300: #b9aebf;
  --ink-100: #ece7ee;

  --bg: #ffffff;
  --bg-soft: #fbf9fc;
  --bg-tint: #f6f1f8;

  --amber-600: #c77a17;
  --amber-100: #fdf2dc;

  --gradient-brand: linear-gradient(135deg, #7b3f8c 0%, #3fa88c 100%);
  --gradient-soft: linear-gradient(135deg, #faf5fc 0%, #f1faf6 100%);

  --shadow-sm: 0 1px 2px rgba(74, 29, 91, 0.06), 0 2px 6px rgba(74, 29, 91, 0.04);
  --shadow-md: 0 4px 16px rgba(74, 29, 91, 0.08), 0 2px 4px rgba(74, 29, 91, 0.04);
  --shadow-lg: 0 12px 32px rgba(74, 29, 91, 0.12), 0 4px 12px rgba(74, 29, 91, 0.06);
  --shadow-xl: 0 24px 56px rgba(74, 29, 91, 0.18);

  font-family: 'Tajawal', system-ui, sans-serif;
  color: var(--ink-900);
  line-height: 1.6;
  direction: rtl;
  -webkit-font-smoothing: antialiased;
}

#almonir-careers *, #almonir-careers *::before, #almonir-careers *::after { box-sizing: border-box; }
#almonir-careers h1, #almonir-careers h2, #almonir-careers h3, #almonir-careers h4, #almonir-careers p { margin: 0; }

/* ================== HEADER ================== */
#almonir-careers .ac-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(74,29,91,0.08);
}
#almonir-careers .ac-header-inner {
  max-width: 1180px; margin: 0 auto; padding: 12px 32px;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
#almonir-careers .ac-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
#almonir-careers .ac-logo-tile {
  border-radius: 12px; background: var(--gradient-brand);
  display: grid; place-items: center; box-shadow: var(--shadow-md); flex-shrink: 0;
}
#almonir-careers .ac-logo-img { display: block; object-fit: contain; }
#almonir-careers .ac-brand-name { display: flex; flex-direction: column; line-height: 1.1; }
#almonir-careers .ac-brand-name b { font-family: 'Cairo', sans-serif; font-size: 19px; font-weight: 800; color: var(--purple-700); }
#almonir-careers .ac-brand-name span { font-size: 10px; color: var(--ink-500); letter-spacing: .08em; }
#almonir-careers .ac-nav { display: flex; align-items: center; gap: 8px; }
#almonir-careers .ac-nav-link {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--ink-700); text-decoration: none; font-weight: 600; font-size: 14px;
  padding: 9px 14px; border-radius: 10px; transition: all .18s ease;
}
#almonir-careers .ac-nav-link:hover { background: var(--purple-50); color: var(--purple-700); }
#almonir-careers .ac-nav-cta { padding: 10px 22px; font-size: 14px; }

/* ================== HERO ================== */
#almonir-careers .ac-hero {
  position: relative; overflow: hidden;
  padding: 88px 32px 96px;
  background:
    radial-gradient(circle at 86% 18%, rgba(63, 168, 140, 0.12), transparent 42%),
    radial-gradient(circle at 14% 84%, rgba(123, 63, 140, 0.12), transparent 42%),
    var(--bg);
  text-align: center;
}
#almonir-careers .ac-hero-inner { max-width: 880px; margin: 0 auto; position: relative; }
#almonir-careers .ac-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--teal-50); color: var(--teal-700);
  padding: 8px 18px; border-radius: 999px;
  font-size: 13px; font-weight: 700;
  border: 1px solid var(--teal-100);
  margin-bottom: 28px;
}
#almonir-careers .ac-eyebrow .dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--teal-600);
  animation: ac-pulse 2s infinite;
}
@keyframes ac-pulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.5;transform:scale(1.3);} }

#almonir-careers .ac-hero h1 {
  font-family: 'Cairo', sans-serif; font-weight: 900;
  font-size: clamp(38px, 5.5vw, 64px); line-height: 1.12;
  color: var(--ink-900); margin-bottom: 22px;
}
#almonir-careers .ac-hero h1 .accent {
  background: var(--gradient-brand);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
#almonir-careers .ac-hero p {
  font-size: 19px; color: var(--ink-500); line-height: 1.8;
  max-width: 620px; margin: 0 auto 36px;
}
#almonir-careers .ac-hero-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

#almonir-careers .ac-btn {
  font-family: 'Tajawal', sans-serif; font-weight: 700; font-size: 16px;
  padding: 15px 30px; border-radius: 999px; border: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
  transition: all .2s ease;
}
#almonir-careers .ac-btn-primary {
  background: var(--purple-600); color: #fff;
  box-shadow: 0 8px 20px rgba(123,63,140,.28);
}
#almonir-careers .ac-btn-primary:hover { background: var(--purple-700); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(123,63,140,.36); }
#almonir-careers .ac-btn-ghost {
  background: #fff; color: var(--purple-700); border: 2px solid var(--purple-100);
}
#almonir-careers .ac-btn-ghost:hover { border-color: var(--purple-600); background: var(--purple-50); }

#almonir-careers .ac-hero-stats {
  display: flex; gap: 48px; justify-content: center; flex-wrap: wrap;
  margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--ink-100);
}
#almonir-careers .ac-hstat b {
  font-family: 'Cairo', sans-serif; font-size: 34px; font-weight: 800;
  color: var(--purple-700); display: block; line-height: 1;
}
#almonir-careers .ac-hstat span { font-size: 14px; color: var(--ink-500); margin-top: 8px; display: block; }

/* ================== SECTION SHELL ================== */
#almonir-careers .ac-section { padding: 88px 32px; }
#almonir-careers .ac-section.alt { background: var(--bg-soft); }
#almonir-careers .ac-inner { max-width: 1180px; margin: 0 auto; }
#almonir-careers .ac-head { text-align: center; max-width: 680px; margin: 0 auto 56px; }
#almonir-careers .ac-tag {
  display: inline-block; padding: 6px 14px; border-radius: 999px;
  background: var(--purple-50); color: var(--purple-700);
  font-size: 13px; font-weight: 700; letter-spacing: .04em; margin-bottom: 16px;
}
#almonir-careers .ac-tag.teal { background: var(--teal-50); color: var(--teal-700); }
#almonir-careers .ac-head h2 {
  font-family: 'Cairo', sans-serif; font-size: clamp(28px, 4vw, 44px);
  font-weight: 800; line-height: 1.2; color: var(--ink-900); margin-bottom: 14px;
}
#almonir-careers .ac-head p { font-size: 17px; color: var(--ink-500); line-height: 1.7; }

/* ================== BENEFITS ================== */
#almonir-careers .ac-benefits {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
#almonir-careers .ac-benefit {
  background: #fff; padding: 30px 26px; border-radius: 20px;
  border: 1px solid var(--ink-100); transition: all .25s ease;
}
#almonir-careers .ac-benefit:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--purple-100); }
#almonir-careers .ac-benefit .ic {
  width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center;
  background: var(--purple-50); color: var(--purple-600); margin-bottom: 18px;
}
#almonir-careers .ac-benefit:nth-child(even) .ic { background: var(--teal-50); color: var(--teal-700); }
#almonir-careers .ac-benefit h3 { font-family: 'Cairo', sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 8px; }
#almonir-careers .ac-benefit p { font-size: 14px; color: var(--ink-500); line-height: 1.7; }

/* ================== POSITIONS ================== */
#almonir-careers .ac-filters {
  display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 40px;
}
#almonir-careers .ac-filter {
  padding: 9px 18px; border-radius: 999px; cursor: pointer;
  background: #fff; border: 1.5px solid var(--ink-100);
  font-family: 'Tajawal', sans-serif; font-size: 14px; font-weight: 600; color: var(--ink-700);
  transition: all .18s ease;
}
#almonir-careers .ac-filter:hover { border-color: var(--purple-300); }
#almonir-careers .ac-filter.active { background: var(--purple-600); color: #fff; border-color: var(--purple-600); }

#almonir-careers .ac-jobs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
#almonir-careers .ac-jobchip {
  display: flex; align-items: center; gap: 14px; text-align: right;
  background: #fff; border: 1px solid var(--ink-100); border-radius: 14px;
  padding: 16px 18px; cursor: pointer; width: 100%;
  font-family: 'Tajawal', sans-serif; transition: all .2s ease; position: relative;
}
#almonir-careers .ac-jobchip:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--purple-300); }
#almonir-careers .ac-jobchip-ic {
  width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex-shrink: 0;
  background: var(--purple-50); color: var(--purple-600);
}
#almonir-careers .ac-jobchip:hover .ac-jobchip-ic { background: var(--purple-100); }
#almonir-careers .ac-jobchip-body { flex: 1; min-width: 0; }
#almonir-careers .ac-jobchip-body b { font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; color: var(--ink-900); display: block; line-height: 1.3; }
#almonir-careers .ac-jobchip-body span { font-size: 12px; color: var(--ink-500); display: block; margin-top: 2px; }
#almonir-careers .ac-jobchip-arrow { color: var(--ink-300); flex-shrink: 0; transition: transform .2s ease; }
#almonir-careers .ac-jobchip:hover .ac-jobchip-arrow { transform: translateX(-4px); color: var(--purple-600); }

#almonir-careers .ac-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700;
  white-space: nowrap; flex-shrink: 0;
}
#almonir-careers .ac-badge.open { background: var(--teal-50); color: var(--teal-700); }
#almonir-careers .ac-badge.filled { background: var(--amber-100); color: var(--amber-600); }
#almonir-careers .ac-badge .bdot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

#almonir-careers .ac-empty { text-align: center; color: var(--ink-500); padding: 60px 0; grid-column: 1 / -1; }

/* ================== APPLICATION FORM ================== */
#almonir-careers .ac-apply-section {
  padding: 88px 32px; background: var(--gradient-soft); position: relative; overflow: hidden;
}
#almonir-careers .ac-apply-section::before { content:''; position:absolute; top:-120px; right:-120px; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle, rgba(123,63,140,.07), transparent); }
#almonir-careers .ac-apply-section::after { content:''; position:absolute; bottom:-120px; left:-120px; width:420px; height:420px; border-radius:50%; background: radial-gradient(circle, rgba(63,168,140,.07), transparent); }
#almonir-careers .ac-apply-grid { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; gap: 52px; position: relative; }

#almonir-careers .ac-apply-info h2 { font-family: 'Cairo', sans-serif; font-size: clamp(26px, 3.5vw, 38px); font-weight: 800; line-height: 1.2; margin-bottom: 14px; }
#almonir-careers .ac-apply-info p { font-size: 16px; color: var(--ink-500); line-height: 1.8; margin-bottom: 28px; }
#almonir-careers .ac-points { display: flex; flex-direction: column; gap: 14px; }
#almonir-careers .ac-point { display: flex; gap: 13px; align-items: flex-start; }
#almonir-careers .ac-point .pic { width: 32px; height: 32px; border-radius: 9px; background: #fff; color: var(--teal-700); display: grid; place-items: center; flex-shrink: 0; box-shadow: var(--shadow-sm); }
#almonir-careers .ac-point b { font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; display: block; margin-bottom: 2px; }
#almonir-careers .ac-point span { font-size: 13px; color: var(--ink-500); }

/* the card */
#almonir-careers .ac-form-card { background: #fff; border-radius: 24px; padding: 38px; box-shadow: var(--shadow-lg); border: 1px solid var(--ink-100); }
#almonir-careers .ac-form-card h3 { font-family: 'Cairo', sans-serif; font-size: 23px; font-weight: 800; margin-bottom: 6px; }
#almonir-careers .ac-form-card .ac-form-sub { font-size: 13px; color: var(--ink-500); margin-bottom: 22px; }

#almonir-careers .ac-notice {
  display: none; align-items: flex-start; gap: 12px;
  background: var(--amber-100); border: 1px solid #f5dca5; color: #8a5a12;
  padding: 14px 16px; border-radius: 12px; margin-bottom: 20px; font-size: 13px; line-height: 1.6;
}
#almonir-careers .ac-notice.show { display: flex; }
#almonir-careers .ac-notice svg { flex-shrink: 0; margin-top: 2px; }

#almonir-careers .ac-frow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#almonir-careers .ac-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
#almonir-careers .ac-field label { font-family: 'Cairo', sans-serif; font-size: 13px; font-weight: 700; color: var(--ink-700); }
#almonir-careers .ac-field input,
#almonir-careers .ac-field select,
#almonir-careers .ac-field textarea {
  padding: 13px 14px; border: 1.5px solid var(--ink-100); border-radius: 10px;
  font-family: 'Tajawal', sans-serif; font-size: 14px; color: var(--ink-900);
  background: var(--bg-soft); width: 100%; transition: all .18s ease;
}
#almonir-careers .ac-field input:focus,
#almonir-careers .ac-field select:focus,
#almonir-careers .ac-field textarea:focus {
  outline: none; border-color: var(--purple-600); background: #fff;
  box-shadow: 0 0 0 3px rgba(123,63,140,.10);
}
#almonir-careers .ac-field textarea { resize: vertical; min-height: 84px; }
#almonir-careers .ac-field-pos select { border-color: var(--purple-300); background: var(--purple-50); font-weight: 600; }

/* file upload */
#almonir-careers .ac-file {
  border: 2px dashed var(--purple-300); border-radius: 12px; padding: 22px;
  text-align: center; cursor: pointer; background: var(--purple-50);
  transition: all .2s ease;
}
#almonir-careers .ac-file:hover { border-color: var(--purple-600); background: var(--purple-100); }
#almonir-careers .ac-file.has-file { border-style: solid; border-color: var(--teal-600); background: var(--teal-50); }
#almonir-careers .ac-file .fic { width: 44px; height: 44px; margin: 0 auto 10px; border-radius: 12px; background: #fff; display: grid; place-items: center; color: var(--purple-600); box-shadow: var(--shadow-sm); }
#almonir-careers .ac-file.has-file .fic { color: var(--teal-700); }
#almonir-careers .ac-file b { font-family: 'Cairo', sans-serif; font-size: 14px; color: var(--ink-900); display: block; }
#almonir-careers .ac-file span { font-size: 12px; color: var(--ink-500); display: block; margin-top: 4px; }
#almonir-careers .ac-file input { display: none; }

#almonir-careers .ac-submit {
  width: 100%; background: var(--gradient-brand); color: #fff;
  padding: 16px; border-radius: 12px; border: none; cursor: pointer;
  font-family: 'Tajawal', sans-serif; font-weight: 700; font-size: 16px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  margin-top: 8px; transition: all .2s ease; box-shadow: 0 8px 20px rgba(123,63,140,.28);
}
#almonir-careers .ac-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(123,63,140,.36); }
#almonir-careers .ac-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }

#almonir-careers .ac-form-note { margin-top: 14px; font-size: 12px; color: var(--ink-500); display: flex; align-items: center; gap: 8px; justify-content: center; text-align: center; }
#almonir-careers .ac-form-err { background:#fff1f2; border:1px solid #fecdd3; color:#be123c; padding:12px 16px; border-radius:10px; font-size:13px; margin-top:12px; display:none; }
#almonir-careers .ac-form-err.show { display:block; }

/* success */
#almonir-careers .ac-success { text-align: center; padding: 30px 0; }
#almonir-careers .ac-success .sic { width: 84px; height: 84px; margin: 0 auto 20px; border-radius: 50%; background: var(--teal-50); color: var(--teal-700); display: grid; place-items: center; }
#almonir-careers .ac-success h3 { font-family: 'Cairo', sans-serif; font-size: 24px; font-weight: 800; margin-bottom: 10px; }
#almonir-careers .ac-success p { font-size: 15px; color: var(--ink-500); line-height: 1.7; max-width: 360px; margin: 0 auto 24px; }

/* ================== FOOTER ================== */
#almonir-careers .ac-foot {
  background: var(--ink-900); color: #fff; padding: 56px 32px; text-align: center;
}
#almonir-careers .ac-foot-inner { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
#almonir-careers .ac-foot-logo { margin-bottom: 18px; }
#almonir-careers .ac-foot-logo .ac-logo-tile { border-radius: 16px; background: var(--gradient-brand); display: grid; place-items: center; }
#almonir-careers .ac-foot-brand { font-family: 'Cairo', sans-serif; font-size: 24px; font-weight: 800; margin-bottom: 10px; }
#almonir-careers .ac-foot-tag { color: rgba(255,255,255,.6); font-size: 14px; line-height: 1.8; margin-bottom: 6px; }
#almonir-careers .ac-foot-addr {
  display: inline-flex; align-items: center; gap: 7px;
  color: var(--teal-300); font-size: 14px; text-decoration: none; margin: 10px 0 22px;
  transition: color .2s ease;
}
#almonir-careers .ac-foot-addr:hover { color: #fff; }
#almonir-careers .ac-foot-home {
  display: inline-flex; align-items: center; gap: 7px;
  color: rgba(255,255,255,.85); font-size: 13px; font-weight: 600; text-decoration: none;
  padding: 10px 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px;
  transition: all .2s ease;
}
#almonir-careers .ac-foot-home:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.4); }

/* modal */
#almonir-careers .ac-modal-bg {
  position: fixed; inset: 0; background: rgba(26,14,33,.6); backdrop-filter: blur(4px);
  z-index: 9998; display: none; align-items: center; justify-content: center; padding: 20px;
}
#almonir-careers .ac-modal-bg.show { display: flex; }

/* ================== RESPONSIVE ================== */
@media (max-width: 960px) {
  #almonir-careers .ac-benefits { grid-template-columns: repeat(2, 1fr); }
  #almonir-careers .ac-jobs { grid-template-columns: repeat(2, 1fr); }
  #almonir-careers .ac-apply-grid { grid-template-columns: 1fr; gap: 40px; }
  #almonir-careers .ac-section { padding: 64px 22px; }
  #almonir-careers .ac-hero { padding: 64px 22px 72px; }
  #almonir-careers .ac-apply-section { padding: 64px 22px; }
  #almonir-careers .ac-header-inner { padding: 12px 22px; }
  #almonir-careers .ac-nav-link { display: none; }
}
@media (max-width: 560px) {
  #almonir-careers .ac-benefits { grid-template-columns: 1fr; }
  #almonir-careers .ac-jobs { grid-template-columns: 1fr; }
  #almonir-careers .ac-hero-stats { gap: 28px; }
  #almonir-careers .ac-frow { grid-template-columns: 1fr; gap: 0; }
  #almonir-careers .ac-form-card { padding: 26px 20px; }
  #almonir-careers .ac-hero-ctas { flex-direction: column; }
  #almonir-careers .ac-hero-ctas .ac-btn { justify-content: center; }
  #almonir-careers .ac-brand-name span { display: none; }
}