@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Tajawal');
@import url('https://fonts.googleapis.com/css?family=Cairo|Tajawal');
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed&display=swap');

:root {
    --font-family-body: Tajawal; /* تعيين الخط Tajawal للـ body */
    --font-family-headings: Cairo; /* تعيين الخط Cairo للعناوين */
    --font-family-brand: 'Sansita Swashed';
    --def-border-radius: 0.5rem;
    --bs-btn-border-radius: 1.5rem;
}

/* تطبيق الخطوط والاتجاه للـ RTL */
body {
    background-color: var(--bs-body-bg);
    font-family: var(--font-family-body);
    
}

.ff-brand {
	font-family: var(--font-family-brand);
}

.navbar-toggler{
	border: 0;
}

.dropdown-menu-end[data-bs-popper] {
    inset-inline-end: 0;
    inset-inline-start: auto;
}

.nav {
    padding-inline-start: 0;
    
}


.navbar-toggler:focus {
	outline: 0;
}

.ms-2 {
    margin-inline-start: .5rem !important;
}

.navbar-brand, .navbar-brand:hover {
	color: var(--bs-primary);
	font-family: var(--font-family-brand);
	font-size: 1.75rem;
}


.navbar-brand small{
	color: var(--bs-gray-500);
	font-size: 0.8rem;
}


@media (min-width: 1400px){
	#design2 .container, #design2 .container-lg, #design2 .container-md, #design2 .container-sm, #design2 .container-xl, #design2 .container-xxl {
		max-width: 1140px;
	}
}


/* html tags */
body{
	background-color: var(--bs-body-bg);
	font-family: var(--font-family-body);
}

a {
	text-decoration: none;
}

a:not([class]):hover{
	text-decoration: underline;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-headings);
	letter-spacing: 0rem;
}

.btn {
	box-shadow: 0 0.15rem 0.25rem -0.15rem var(--bs-btn-bg); 
}
.btn[class*='btn-outline'] {
	box-shadow: 0 0.15rem 0.25rem -0.15rem var(--bs-btn-color); 
}

.text-left {
	text-align: start;
}
.text-right {
	text-align: end;
}

.breadcrumb {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
}

.dropdown-menu {
        text-align: start;
}

@media (min-width: 992px) {
    .me-lg-1 {
        margin-inline-end: .25rem !important;
    }
}

.dropdown-toggle::after {
    
    margin-inline-start: .255em;
}

@media (min-width: 768px) {
    .me-md-1 {
        margin-inline-end: .25rem !important;
    }
}

.me-1 {
    margin-inline-end: .25rem !important;
}

.theme-toggle {
	cursor: pointer;
}
.theme-toggle.toggle-light {
	display: none;
}

[data-bs-theme='dark'] .theme-toggle.toggle-light {
	display: inline-block;
}
.theme-toggle.toggle-dark {
	display: inline-block;
}

[data-bs-theme='dark'] .theme-toggle.toggle-dark {
	display: none;
}

.btn-outline-dark:hover svg {
	color: var(--bs-primary);
}

[data-bs-theme='dark'] .btn-outline-dark {
	color: var(--bs-light);
	border-color: var(--bs-light);
}

[data-bs-theme='dark'] .btn-outline-dark:hover {
	color: var(--bs-dark);
	background-color: var(--bs-light);
}

[data-bs-theme='dark'] .btn-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-gray-500);
    --bs-btn-hover-border-color: var(--bs-gray-500);
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-gray-500);
    --bs-btn-active-border-color: var(--bs-gray-500);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-gray-500);
    --bs-btn-disabled-border-color: var(--bs-gray-500);
}