/* === Nova Dynamic CSS (Redux + Elementor) === */
:root{
  --kh-primary: #0d6efd;
  --kh-secondary: #6c757d;
  --kh-accent: #14b6e8;
  --kh-text: ;
  --kh-bg: #ffffff;
  --kh-font-body: Expo Arabic;
  --kh-font-heading: Expo Arabic;
  --kh-body-fs: 16px;
  --kh-body-lh: 25px;
  --kh-radius-sm: 6px;
  --kh-radius-md: 10px;
  --kh-radius-lg: 14px;
  --kh-container: 1200px;

  --kh-footer-bg: #0f172a;
  --kh-footer-text: #e2e8f0;
  --kh-footer-link: #93c5fd;
  --kh-footer-radius: 12px;
}

/* ربط متغيرات Elementor العالمية (اختياري) */

:root{
  --e-global-color-primary: var(--kh-primary);
  --e-global-color-secondary: var(--kh-secondary);
  --e-global-color-text: var(--kh-text);
  --e-global-color-accent: var(--kh-accent);

  --e-global-typography-primary-font-family: var(--kh-font-heading);
  --e-global-typography-secondary-font-family: var(--kh-font-body);
  --e-global-typography-text-font-family: var(--kh-font-body);
  --e-global-typography-accent-font-family: var(--kh-font-heading);
  --bs-body-font-family: var(--kh-font-body);
}


/* قواعد عامة */
html, body{direction: rtl;}
body{
  color: var(--kh-text);
  font-family: var(--kh-font-body);
  font-size: var(--kh-body-fs);
  line-height: var(--kh-body-lh);
}
.container, .container-lg, .container-xl, .container-xxl { max-width: var(--kh-container); }

/* عناوين */
h1,h2,h3,h4,h5,h6{
  font-family: var(--kh-font-heading);
  color: var(--kh-text);
  margin-top: .6em; margin-bottom:.4em;
}

/* روابط */
a{ color: var(--kh-primary); }
a:hover, a:focus{ color: var(--kh-accent); }

/* أزرار عامة + Elementor */
.button-theme{
  border-radius: var(--kh-radius-md) !important;
  background-color: var(--kh-primary) !important;
  border-color: var(--kh-primary) !important;
  color:#fff !important;
  font-weight: 600 !important;
}
.button-theme:hover{
  background-color: var(--kh-accent) !important;
  border-color: var(--kh-accent) !important;
  color:#fff !important;
}

/* حقول (Bootstrap/Elementor/Formidable) */

input[type=text], input[type=email], input[type=number], input[type=password],
select, textarea, .form-control, .elementor-field{
  height: 44px;
  border-radius: var(--kh-radius-sm);
  border: 1px solid rgba(0,0,0,.12);
  background-color: var(--bs-body-bg);
  color: var(--bs-gray-700);
  padding-inline: 12px;
}
textarea, .elementor-field-textual.elementor-field{ height:auto; min-height: 44px; }

/* بطاقات عامة + بطاقات المدونة */
.card, .panel, .widget, .elementor-widget-container{
  border-radius: var(--kh-radius-lg);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.blog-card, .post-card{
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.07);
}

/* فوتر */
.site-footer{
  background: var(--kh-footer-bg);
  color: var(--kh-footer-text);
}
.site-footer a{ color: var(--kh-footer-link); }

/* RTL محاذاة داخل Elementor */
[data-elementor-type] *{ text-align: right; }

/* ————— الوضع الداكن ————— */

@media (prefers-color-scheme: dark){
  :root{
    --kh-bg: #ffffff;
    --kh-text: ;
    --kh-primary: #60a5fa;
    --kh-accent: #1e73be;
  }
  
}




/* مساحة لإضافات المستخدم من لوحة التحكم */