/**
 * Cairo — self-hosted Arabic UI font (no Google CDN dependency)
 */
@font-face {
	font-family: 'Cairo';
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url('../fonts/cairo/cairo-arabic.woff2') format('woff2');
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+FB50-FDFF, U+FE70-FEFC;
}

@font-face {
	font-family: 'Cairo';
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url('../fonts/cairo/cairo-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Cairo';
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url('../fonts/cairo/cairo-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--ramom-font-family: 'Cairo', 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
}

html,
body,
html.fixed,
html[dir="rtl"],
html[dir="rtl"] body,
.content-body,
.page-header,
.page-header h2,
.sidebar-left,
.nav-main a,
.nav-main span,
.navbar,
.panel,
.panel-title,
.panel-heading,
.panel-body,
.table,
.table th,
.table td,
.btn,
.form-control,
.control-label,
label,
h1, h2, h3, h4, h5, h6,
p, a, li, span, small, strong,
.nav-tabs,
.tab-content,
.dropdown-menu,
.modal,
.alert,
.widget-summary,
.dashboard-page {
	font-family: var(--ramom-font-family) !important;
}

/* Brand accent: gold/yellow → green (loaded last to beat cache/skin) */
:root {
	--almaali-brand: #2e7d32;
	--almaali-brand-hover: #256b29;
	--almaali-brand-active: #1b5e20;
}

ul.nav-main li a i,
html.dark ul.nav-main li a i,
ul.nav-main > li.nav-active > i,
html.sidebar-light:not(.dark) ul.nav-main > li.nav-active > a,
ul.nav-main li .nav-children li.nav-active > a,
html.dark ul.nav-main li .nav-children li.nav-active > a,
.page-header .sidebar-right-toggle:hover,
.panel-group .panel-accordion .panel-heading a,
.text-primary,
.alternative-font,
.fc .fc-toolbar h2:before {
	color: var(--almaali-brand) !important;
}

ul.nav-main > li.nav-active > a {
	box-shadow: 2px 0 0 var(--almaali-brand) inset !important;
}

.panel-heading,
.panel-heading.panel-heading-transparent {
	border-bottom-color: var(--almaali-brand) !important;
}

body .btn-primary,
.label-primary,
.bg-primary,
.pagination > li.active a,
.pagination > li.active span,
.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus,
.fc .fc-toolbar .fc-button.fc-state-active,
.fc-event.fc-event-primary,
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
.header .menu-icon-grid > a:hover,
html.dark .header .menu-icon-grid > a:hover {
	background-color: var(--almaali-brand) !important;
	border-color: var(--almaali-brand) !important;
	color: #fff !important;
}

body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active {
	background-color: var(--almaali-brand-hover) !important;
	border-color: var(--almaali-brand-hover) !important;
}

.widget-col-in i,
.widget-summary .summary-icon i,
.panel-btn .btn-default.btn-circle.icon i,
.box-top-line {
	color: var(--almaali-brand);
}

.box-top-line.line-color-primary {
	border-color: var(--almaali-brand) !important;
}

/* Dashboard colored count cards: keep icons/text white */
.dashboard-page .widget-1 .panel,
.dashboard-page .widget-2 .panel,
.dashboard-page .widget-1 .panel h3,
.dashboard-page .widget-1 .panel h5,
.dashboard-page .widget-1 .panel span,
.dashboard-page .widget-1 .panel .text-primary,
.dashboard-page .widget-1 .panel .text-muted,
.dashboard-page .widget-1 .panel .text-uppercase,
.dashboard-page .widget-2 .panel h3,
.dashboard-page .widget-2 .panel h5,
.dashboard-page .widget-2 .panel span,
.dashboard-page .widget-2 .panel .text-primary,
.dashboard-page .widget-2 .panel .text-muted,
.dashboard-page .widget-2 .panel .text-uppercase,
.dashboard-page .widget-1 .widget-col-in i,
.dashboard-page .widget-2 .widget-col-in i {
	color: #fff !important;
}

.dashboard-page .widget-1 .box-top-line,
.dashboard-page .widget-1 .box-top-line.line-color-primary,
.dashboard-page .widget-2 .box-top-line,
.dashboard-page .widget-2 .box-top-line.line-color-primary {
	border-top-color: rgba(255, 255, 255, 0.85) !important;
	color: #fff !important;
}