/** This file is auto-generated by the Clean Theme configuration. Do not edit the file directly. */

:root {
    --hh-ct-container-max-width: 1600px;
    --default: #f3f3f3;
    --primary: #31414a;
    --info: #1A808E;
    --success: #518132;
    --warning: #AF640E;
    --danger: #EC0426;
    --link: #1A7DB2;
    --hh-ct-text-color-heading: #37474f;
    --text-color-main: #31414a;
    --text-color-default: #4b4b4b;
    --text-color-secondary: #7a7a7a;
    --text-color-highlight: #242424;
    --text-color-soft: #555555;
    --text-color-soft2: #838383;
    --text-color-soft3: #bac2c7;
    --text-color-contrast: #ffffff;
    --background-color-main: #ffffff;
    --background-color-secondary: #f7f7f7;
    --background-color-page: #f1f4f5;
    --background-color-highlight: #daf0f3;
    --background-color-highlight-soft: #f2f9fb;
    --hh-ct-font-family: "Open Sans";
    --hh-ct-font-size: 14px;
    --hh-ct-font-weight: 400;
    --hh-ct-heading-font-family: "Open Sans";
    --hh-ct-ph-font-size: 16px;
    --hh-ct-h1-font-size: 1.7em;
    --hh-ct-h1-stream-font-size: 1.45em;
    --hh-ct-h2-font-size: 1.5em;
    --hh-ct-h2-stream-font-size: 1.3em;
    --hh-ct-h3-font-size: 1.2em;
    --hh-ct-h4-font-size: 1.1em;
    --hh-ct-h5-font-size: 1em;
    --hh-ct-h6-font-size: 0.85em;
    --hh-ct-ph-font-weight: 700;
    --hh-ct-panel-border-width: 1px;
    --hh-ct-panel-border-style: solid;
    --hh-ct-panel-border-color: #d2d3e4;
    --hh-ct-panel-border-radius: 4px;
    --hh-ct-panel-box-shadow: 0 1px 10px #00000019;
    --hh-ct-menu-font-size: 14px;
    --hh-ct-menu-text-color: #31414a;
    --hh-ct-menu-border-color: #e4eaec;
    --hh-ct-top-bar-height: 70px;
    --hh-ct-top-bar-font-size: 14px;
    --hh-ct-top-menu-nav-justify-content: center;
    --hh-ct-top-menu-background-color: #ffffff;
    --hh-ct-top-menu-text-color: #31414a;
    --hh-ct-top-menu-button-hover-background-color: #f7f7f7;
    --hh-ct-top-menu-button-hover-text-color: #242424;

    --background-color-main-darken-10: #e6e6e6;
    --background-color-page-darken-5: #e4e7e8;
    --background-color-page-lighten-10: #ffffff;
    --background-color-page-lighten-20: #ffffff;
    --background-color-page-lighten-30: #ffffff;
    --background-color-secondary-darken-2: #f2f2f2;
    --background-color-secondary-darken-5: #eaeaea;
    --danger-darken-10: #ba031e;
    --danger-darken-5: #d30422;
    --danger-lighten-20: #f36378;
    --danger-lighten-5: #ee1c3a;
    --default-darken-2: #eeeeee;
    --default-darken-5: #e6e6e6;
    --default-lighten-2: #f8f8f8;
    --info-darken-10: #125963;
    --info-darken-27: #05171a;
    --info-darken-5: #166d78;
    --info-lighten-25: #6fafb8;
    --info-lighten-30: #80b9c1;
    --info-lighten-40: #a3ccd1;
    --info-lighten-45: #b4d5da;
    --info-lighten-5: #2b8996;
    --info-lighten-50: #c5dfe2;
    --info-lighten-8: #358f9b;
    --link-darken-2: #1977a9;
    --link-lighten-5: #2d88b8;
    --primary-darken-10: #1d262b;
    --primary-darken-5: #27343b;
    --primary-lighten-10: #4c5a62;
    --primary-lighten-20: #67737a;
    --primary-lighten-25: #758086;
    --primary-lighten-5: #3f4e56;
    --primary-lighten-8: #47555d;
    --success-darken-10: #3a5c24;
    --success-darken-5: #456f2b;
    --success-lighten-20: #87a871;
    --success-lighten-5: #5e8b42;
    --text-color-highlight-fade-15: #24242426;
    --text-color-highlight-fade-30: #2424244d;
    --text-color-secondary-lighten-25: #bababa;
    --warning-darken-10: #80490a;
    --warning-darken-2: #a65f0d;
    --warning-darken-5: #97570c;
    --warning-lighten-10: #bc7d34;
    --warning-lighten-20: #c8955b;
    --warning-lighten-40: #e2c7a7;
    --warning-lighten-5: #b57021;
    --hh-ct-top-bar-bottom-spacing: 30px;
    --hh-fixed-header-height: 100px;
    --hh-fixed-footer-height: 0px;
}

@media (max-width: 768px) {
    :root {
        --hh-ct-top-bar-height: 50px;
        --hh-ct-top-bar-bottom-spacing: 5px;
        --hh-fixed-header-height: 55px;
    }
}

@media (max-width: 570px) {
    :root {
        --hh-fixed-footer-height: 52px;
    }
}

@charset "UTF-8";
/* إعداد الخطوط بصيغة TTF */
@font-face {
  font-family: "Almarai";
  src: url("/zero/fonts/Almarai-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Amiri";
  src: url("/zero/fonts/Amiri-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cairo";
  src: url("/zero/fonts/Cairo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/zero/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Tajawal";
  src: url("/zero/fonts/Tajawal-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* إعداد الاتجاه والخط */
html {
  direction: rtl;
  unicode-bidi: bidi-override;
  font-family: "Tajawal", "Almarai", "Amiri", "Cairo", "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  background-color: #f9f9f9;
  color: #333;
  text-align: right;
}
/* تنسيقات النصوص على بقية العناصر */
body, .container, .layout-content, .page-content, .content, .panel, .panel-body, .media, .navbar, .navbar-nav, .footer, .header, .sidebar, .page-container {
  text-align: right !important;
}
/* عكس الفلوتات ليصبح اتجاهها متوافق مع RTL */
.pull-left {
  float: right !important;
}
.pull-right {
  float: left !important;
}
/* ضبط الأعمدة */
[class*="col-"] {
  margin-right: 0 !important;
  margin-left: auto !important;
}
/* عناصر media */
.media-left {
  float: right !important;
  margin-left: 0 !important;
  margin-right: 10px !important;
}
.media-right {
  float: left !important;
  margin-right: 0 !important;
  margin-left: 10px !important;
}
/* إلغاء أي قلب للأيقونات */
.icon-flip, .fa-flip-horizontal, .your-icon-selector {
  transform: none !important;
}
/* عدم تغيير الأسهم */
.fa-arrow-left:before, .fa-arrow-right:before {
  content: unset;
}
/* تحسين توزيع الأيقونات في صندوق كتابة المنشور */
.post-form .icon, .stream-form .icon, .post-form .fa, .stream-form .fa {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  float: none !important;
}
.post-form .icon-container, .stream-form .icon-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
/* مساحات داخلية للعناوين في الباحات والجداول */
.panel .panel-heading, .panel .panel-title, .some-table-class th, .some-table-class td {
  padding: 10px 15px;
}
/* شكل الأزرار والروابط */
.btn-primary {
  background-color: #2b95d6;
  border-color: #2b95d6;
  color: #fff;
}
.btn-primary:hover {
  background-color: #2384bf;
  border-color: #2384bf;
  color: #fff;
}
a {
  color: #2b95d6;
  text-decoration: none;
}
a:hover {
  color: #2384bf;
  text-decoration: underline;
}
/* خطوط العناوين */
h1, h2, h3, h4, h5, h6 {
  font-family: "Tajawal", "Almarai", "Cairo", "Amiri", "Roboto", sans-serif;
  font-weight: 600;
  margin: 10px 0;
}
/* النصوص العامة */
p, li, span, div, a, input, textarea, button {
  font-family: "Tajawal", "Almarai", "Cairo", "Amiri", "Roboto", sans-serif;
  font-size: 14px;
}
/* تحسين العرض على الجوالات */
@media (max-width: 767px) {
  body, .container, .layout-content, .page-content, .content, .panel, .panel-body {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .post-form .icon-container, .stream-form .icon-container {
    flex-wrap: wrap;
  }
}
/* ضبط القائمة المنسدلة عند النقر على صورة المستخدم */
.account .dropdown-menu {
  left: 0 !important;
  right: auto !important;
  text-align: right !important;
}
/* تنسيق حاوية الأزرار تحت صندوق الإرسال */
.btn_container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  /* محاذاة الأزرار إلى اليمين */
  gap: 15px !important;
  /* زيادة المسافة بين العناصر */
  margin-top: 10px !important;
  width: 100% !important;
  /* لتجنب أي التفاف غير مرغوب */
  box-sizing: border-box !important;
}
/* إزالة أي تأثير float داخل btn_container */
.btn_container > * {
  float: none !important;
}
/* اظهار الأزرار بشكل inline-flex مع تنسيق */
.btn_container #post_submit_button, .btn_container .btn-group, .btn_container .fileinput-button {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
/* عند صغر الشاشة، تتكدس العناصر عموديا لكن مع فاصلة بينهم */
@media (max-width: 767px) {
  .btn_container {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
}
/* التأكد من عدم تداخل أي pull-right أو pull-left داخل btn_container */
.btn_container .pull-right, .btn_container .pull-left {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* التنسيق الإضافي لقوائم dropdown */
#space-menu-dropdown.dropdown-menu {
  right: 0 !important;
  left: auto !important;
}
.search-menu .dropdown-menu, #dropdown-search, #notification_widget .dropdown-menu, .mail-inbox-messages.dropdown-menu {
  left: 0 !important;
  right: auto !important;
  text-align: right !important;
}
/* استهداف صناديق البحث والنشر (input, textarea) لزيادة المسافة من الجهة اليمنى */
input[type="text"], input[type="search"], textarea {
  padding-right: 30px !important;
  /* يمكنك تعديل القيمة حسب الحاجة */
  box-sizing: border-box !important;
}
/* إذا كانت هناك أيقونات داخل عناصر محددة مثل .form-control قم باستهدافها */
.form-control {
  padding-right: 30px !important;
  box-sizing: border-box !important;
}
/* حاوية لتغيير ترتيب العناصر */
.parent-container {
  display: flex !important;
  flex-direction: column-reverse !important;
  /* عكس الترتيب */
  align-items: flex-end !important;
}
/* منطقة الكتابة */
.ProseMirror {
  width: 100% !important;
  height: 60px !important;
  /* زيادة الارتفاع إلى 60px */
  overflow: auto !important;
  box-sizing: border-box !important;
  margin-bottom: 10px !important;
  line-height: 1.2 !important;
  padding: 5px !important;
  /* مسافة داخلية بسيطة */
}
/* تقليل الهوامش بين الأسطر */
.ProseMirror p {
  margin: 0 !important;
  padding: 0 !important;
}
/* منع إضافة spaces عند الضغط على enter */
.ProseMirror br {
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* تنسيق الأزرار أسفل الحاوية */
.upload-buttons {
  margin: 0 !important;
  float: none !important;
  position: static !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  gap: 10px !important;
  /* مسافة بين الأزرار */
}
/* 1. تثبيت ارتفاع زر الإرسال */
#post_submit_button {
  height: 40px !important;
  /* ارتفاع ثابت */
  padding: 5px 15px !important;
  /* padding ثابت */
  line-height: 1.2 !important;
  /* line-height ثابت */
  box-sizing: border-box !important;
  transition: none !important;
  /* إزالة أي تأثيرات انتقالية */
}
/* منع تغيير ارتفاع الزر عند التركيز أو الضغط */
#post_submit_button:focus, #post_submit_button:active {
  height: 40px !important;
  padding: 5px 15px !important;
  margin: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  /* إزالة الظلال عند التركيز */
}
/* 2. تثبيت ارتفاع زر dropdown-toggle (زر الإعدادات) */
.btn_container .btn-group .dropdown-toggle {
  height: 40px !important;
  /* ارتفاع ثابت */
  padding: 5px 10px !important;
  /* padding ثابت */
  line-height: 1.2 !important;
  /* line-height ثابت */
  box-sizing: border-box !important;
  transition: none !important;
  /* إزالة أي تأثيرات انتقالية */
}
/* منع تغيير ارتفاع زر dropdown-toggle عند التركيز أو الضغط */
.btn_container .btn-group .dropdown-toggle:focus, .btn_container .btn-group .dropdown-toggle:active {
  height: 40px !important;
  padding: 5px 10px !important;
  margin: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  /* إزالة الظلال عند التركيز */
}
/* 3. تحسين تنسيق قائمة dropdown-menu */
.btn_container .btn-group .dropdown-menu {
  right: auto !important;
  /* إزالة أي تموضع سابق */
  left: 0 !important;
  /* ضمان ظهور القائمة إلى اليسار بالنسبة لزر dropdown-toggle */
  text-align: right !important;
  /* محاذاة محتويات القائمة إلى اليمين */
}
/* 4. تحسين تنسيق الأزرار داخل .btn_group */
.btn_container .btn-group > .btn {
  margin-left: 5px !important;
  /* إضافة مسافة بين الأزرار داخل btn-group */
  padding: 5px 10px !important;
  /* ضبط الـ padding */
  font-size: 14px !important;
  /* ضبط حجم الخط */
  height: 40px !important;
  /* تثبيت ارتفاع الزر */
  line-height: 1.2 !important;
  /* تثبيت line-height */
  box-sizing: border-box !important;
}
/* 5. تحسين تنسيق الأزرار بشكل عام */
.btn_container .btn-info, .btn_container .btn-default {
  padding: 5px 15px !important;
  /* ضبط الـ padding ليكون متناسق */
  height: 40px !important;
  /* تثبيت ارتفاع الأزرار */
  line-height: 1.2 !important;
  /* تثبيت line-height */
  box-sizing: border-box !important;
  transition: none !important;
  /* إزالة أي تأثيرات انتقالية */
}
/* 6. تحسين تأثير التحويم على الأزرار */
.btn_container .btn-info:hover, .btn_container .btn-default:hover {
  opacity: 0.9 !important;
  /* تأثير عند التحويم */
  /* التأكد من أن الارتفاع ثابت */
  height: 40px !important;
  padding: 5px 15px !important;
}
/* 7. تحسين تنسيق أيقونات الأزرار */
.btn_container .btn-info i, .btn_container .btn-default i {
  vertical-align: middle !important;
  margin-right: 5px !important;
  /* إضافة مسافة بين الأيقونة والنص */
}
/* 8. منع تمدد الصفحة عند الضغط على الأزرار */
body {
  overflow-y: auto !important;
}
/* 9. التأكد من أن حاوية .panel لا تزيد ارتفاعها */
.panel.panel-default.clearfix {
  position: relative !important;
  /* لتكون مرجعية للأزرار إذا استخدمت absolute positioning */
}
/* 10. تحسين تنسيق منطقة الكتابة لمنع تداخل النص مع الأزرار */
.ProseMirror {
  width: 100% !important;
  height: 60px !important;
  /* زيادة الارتفاع قليلاً إلى 60px */
  overflow: auto !important;
  box-sizing: border-box !important;
  margin-bottom: 10px !important;
  line-height: 1.2 !important;
  padding: 5px !important;
  /* مسافة داخلية بسيطة */
}
/* تقليل الهوامش بين الأسطر */
.ProseMirror p {
  margin: 0 !important;
  padding: 0 !important;
}
/* منع إضافة spaces عند الضغط على enter */
.ProseMirror br {
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* 11. تحسين تنسيق .upload-buttons */
.upload-buttons {
  margin: 0 !important;
  float: none !important;
  position: static !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  gap: 10px !important;
  /* مسافة بين الأزرار */
}
/* إضافة مسافات داخلية لصناديق التعليقات */
.comment_create .ProseMirror {
  padding-left: 20px !important;
  /* مسافة من اليسار */
  padding-right: 20px !important;
  /* مسافة من اليمين */
}
/* 1. جعل زر القائمة المنبثقة أعرض ومحاذاة النص إلى اليمين */
.btn-group.dropdown-navigation .dropdown-toggle {
  min-width: 150px;
  /* يمكنك تعديل القيمة حسب الحاجة */
  text-align: right;
  /* محاذاة النص إلى اليمين */
}
/* 2. تغيير خلفية القائمة المنبثقة إلى الأبيض وجعل النصوص باللون الأسود */
.btn-group.dropdown-navigation .dropdown-menu {
  background-color: #ffffff !important;
  /* خلفية بيضاء */
  color: #000000 !important;
  /* نص باللون الأسود */
  text-align: right;
  /* محاذاة النص إلى اليمين */
  min-width: 160px;
  /* زيادة عرض القائمة المنبثقة */
}
/* 3. تغيير لون النصوص داخل الروابط إلى الأسود */
.btn-group.dropdown-navigation .dropdown-menu a {
  color: #000000 !important;
  /* نص باللون الأسود */
}
/* 4. تغيير لون النصوص عند التحويم فوق الروابط وجعل الخلفية خفيفة لتحسين الرؤية */
.btn-group.dropdown-navigation .dropdown-menu a:hover, .btn-group.dropdown-navigation .dropdown-menu a:focus {
  color: #000000 !important;
  /* الاحتفاظ بلون النص الأسود */
  background-color: #f0f0f0 !important;
  /* خلفية خفيفة عند التحويم */
}
/* 5. التأكد من أن أي فواصل (dividers) تظهر بشكل واضح */
.btn-group.dropdown-navigation .dropdown-menu .divider {
  border-top: 1px solid #e5e5e5 !important;
  /* لون الفاصل */
}
.powered {
  display: none !important;
}