/* draljasir.com - design tokens + single-font rule. Loaded on every page before the other aj-*.css files. */
:root {
  --aj-font: 'Noto Kufi Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
  --aj-gold: #D2B58E;
  --aj-gold-dark: #A89071;
  --aj-gold-deep: #8E7657;
  --aj-beige: #E8DAC6;
  --aj-cream: #F7F2EA;
  --aj-ink: #2B2B2B;
  --aj-text: #3A3A3A;
  --aj-muted: #6F6F6F;
  --aj-line: #E6E0D6;
  --aj-bg: #FFFFFF;
  --aj-whatsapp: #25D366;
  --aj-whatsapp-dark: #1DA851;
  --aj-radius: 14px;
  --aj-radius-sm: 10px;
  --aj-shadow: 0 10px 30px rgba(43, 43, 43, 0.08);
  --aj-shadow-sm: 0 4px 14px rgba(43, 43, 43, 0.06);
  --aj-container: 1200px;
  --aj-header-h: 84px;
}

/* ONE font everywhere (overrides Astra, Elementor kit, Fluent Forms, Trustindex widget). */
html, body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.elementor *, .elementor-widget-container *, .ast-container *, .fluentform *, .ti-widget * {
  font-family: var(--aj-font) !important;
}
:root {
  --e-global-typography-primary-font-family: var(--aj-font);
  --e-global-typography-secondary-font-family: var(--aj-font);
  --e-global-typography-text-font-family: var(--aj-font);
  --e-global-typography-accent-font-family: var(--aj-font);
  --wp--preset--font-family--sf: var(--aj-font);
}
body { color: var(--aj-text); background: var(--aj-bg); -webkit-font-smoothing: antialiased; }
html { overflow-x: hidden; }
body { overflow-x: hidden; }

.aj-container { max-width: var(--aj-container); margin-inline: auto; padding-inline: 20px; }
.aj-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: 999px; font-weight: 600; font-size: 15px; line-height: 1; text-decoration: none !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; border: 0; cursor: pointer; }
.aj-btn:hover { transform: translateY(-1px); box-shadow: var(--aj-shadow-sm); }
.aj-btn svg { width: 18px; height: 18px; flex: 0 0 18px; }
.aj-btn--gold { background: var(--aj-gold); color: #fff !important; }
.aj-btn--gold:hover { background: var(--aj-gold-dark); color: #fff !important; }
.aj-btn--outline { background: transparent; color: var(--aj-gold-dark) !important; box-shadow: inset 0 0 0 2px var(--aj-gold); }
.aj-btn--outline:hover { background: var(--aj-gold); color: #fff !important; }
.aj-btn--whatsapp { background: var(--aj-whatsapp); color: #fff !important; }
.aj-btn--whatsapp:hover { background: var(--aj-whatsapp-dark); color: #fff !important; }
.aj-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }