*{
  scroll-behavior: smooth;
}

body, html {
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.rtl-card{
    text-align: right;
	direction: rtl;
}

.rtl-table{
    text-align: right;
	direction: rtl;
}

.alert {
  position: relative;
  padding: 1.6875rem 1.875rem 1.375rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  font-weight: 500;
  border-radius: 0; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 3rem; }
  .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.85625rem 1.875rem 1.375rem; }

.alert-success {
  color: #5b7052;
  background-color: #def2d7;
  border-color: #def2d7; }
  .alert-success .alert-link {
    color: #495a42; }
  .alert-success .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%235b7052'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%235b7052'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.alert-info {
  color: #4780aa;
  background-color: #cde9f6;
  border-color: #cde9f6; }
  .alert-info .alert-link {
    color: #396688; }
  .alert-info .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%234780aa'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%234780aa'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.alert-warning {
  color: #927238;
  background-color: #f7f3d7;
  border-color: #f7f3d7; }
  .alert-warning .alert-link {
    color: #755b2d; }
  .alert-warning .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%23927238'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%23927238'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.alert-danger {
  color: #ab3331;
  background-color: #ecc8c5;
  border-color: #ecc8c5; }
  .alert-danger .alert-link {
    color: #892927; }
  .alert-danger .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%23ab3331'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%23ab3331'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.rtl-alert{
text-align: right;
	direction: rtl;
}

.item.edit a, 
.item.edit .delete-button {
    font-size: 16px; 
    padding: 0.25rem 0.5rem;
}

.item.edit i[data-feather] {
    width: 1em;
    height: 1em;
    vertical-align: middle; 
}



.bg-primary-blue{
   background-color: #0d6efd;
   --bs-bg-opacity: 1;
}

.pace {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .pace .pace-progress {
    background: #3b7ddd;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
  }
  
  .pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #3b7ddd, 0 0 5px #3b7ddd;
            box-shadow: 0 0 10px #3b7ddd, 0 0 5px #3b7ddd;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
            transform: rotate(3deg) translate(0px, -4px);
  }
  
  .pace-inactive {
    display: none;
  }
  
/* .hamburger-icon {
    position: relative;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.hamburger-icon:before,
.hamburger-icon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #333;
    transition: all 0.3s ease;
}

.hamburger-icon:before {
    top: 6px;
}

.hamburger-icon:after {
    bottom: 6px;
}

.hamburger-icon.active:before {
    transform: rotate(45deg);
    top: 11px;
}

.hamburger-icon.active:after {
    transform: rotate(-45deg);
    bottom: 11px;
} */

.sidebar-link {
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

.sidebar-link i {
    margin-left: 0.5rem;
    margin-right: 0;
}

.sidebar-header {
	text-align: right;
	direction: rtl;
}

.sidebar-item.active-dot > a {
    position: relative;
    color: #0d6efd !important;
}

.sidebar-item.active-dot > a::before {
    content: '';
    position: absolute;
    left: 0; 
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.sidebar {
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
    transform: translateX(0);
}

.sidebar.sidebar-collapsed {
    transform: translateX(100%);
}

.sidebar-toggle {
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-item.active .sidebar-link:hover, .sidebar-item.active>.sidebar-link {
    border: none;
    color: #e9ecef;
}

body.rtl .sidebar {
    right: auto;
    left: 0;
    transform: translateX(0);
}

body.rtl .sidebar.sidebar-collapsed {
    transform: translateX(-100%);
}

.main-content {
    transition: margin-right 0.3s ease;
    margin-right: 250px;
}

body.sidebar-collapsed .main-content {
    margin-right: 0;
}

body.rtl.sidebar-collapsed .main-content {
    margin-left: 0;
}

/* القائمة الرئيسية - ثابتة للجوال */
.main-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 250px;
  background-color: #fff;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 1000;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.main-nav.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

/* حالة سطح المكتب */
@media (min-width: 1001px) {
  .main-nav {
    position: relative;
    width: 100%;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    display: block !important;
    background-color: transparent;
  }
}

/* إدارة الأيقونات */
.hide {
  display: none !important;
}

/* أزرار الجوال */
@media (max-width: 1000px) {
  #lgscreen-open, 
  #lgscreen-close {
    display: none !important;
  }
}

/* أزرار سطح المكتب */
@media (min-width: 1001px) {
  .sidebar-toggle,
  #open, 
  #close {
    display: none !important;
  }
}

/* تأثيرات إضافية */
.sidebar-toggle {
  transition: all 0.3s ease;
}

.main-nav {
  overflow-y: auto; /* إذا كان المحتوى طويلاً */
}

.fixed-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 255px; 
  z-index: 1000;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}


.status-paid .card-header {
    background-color: rgba(40, 167, 69, 0.3); /* أخضر فاتح */
}
.status-partial .card-header {
    background-color: rgba(255, 193, 7, 0.3); /* أصفر فاتح */
}
.status-unpaid .card-header {
    background-color: rgba(220, 53, 69, 0.3); /* أحمر فاتح */
}

 .status-paid {
        border-left: 5px solid #2f7a32; /* أخضر داكن */
    }
    .status-partial {
        border-left: 5px solid #b08800; /* أصفر داكن */
    }
    .status-unpaid {
        border-left: 5px solid #9b2c2c; /* أحمر داكن */
    }

    /* توحيد لون العنوان مع البادج */
    .status-paid .status-title {
        color: #2f7a32;
    }
    .status-partial .status-title {
        color: #b08800;
    }
    .status-unpaid .status-title {
        color: #9b2c2c;
    }

    /* تأثير hover لطيف */
    .invoice-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
        border-radius: 1rem;
    }
    .invoice-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.12);
    }

.status-paid .badge-success {
    color: #2f7a32;
}

.status-partial .badge-warning {
    color: #b08800;
}

.status-unpaid .badge-danger {
    color: #9b2c2c;
}