:root {
	/* Official DGA palette variables */
	--dga-primary: #00693E;      /* primary / brand green */
	--dga-primary-dark: #004B23; /* dark variant for hover, footer */
	--dga-accent: #00A859;       /* accent / highlights */
	--dga-neutral: #F5F8F6;      /* neutral / background */
	--dga-text: #072A22;         /* primary text on-brand */
}

/* IBM Plex Arabic. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

html, body {
	font-family: 'IBM Plex Sans Arabic', 'Roboto', sans-serif !important;
}

/* RTL: Arabic language support */
[dir="rtl"] {
	direction: rtl !important;
	unicode-bidi: embed;
	text-align: right !important;
}
/* Table-of-contents active and hover states for RTL/Arabic */
[dir="rtl"] .table-of-contents a,
[dir="rtl"] .table-of-contents li > a {
    padding-left: none !important;
    padding-right: 14px !important;
}

[dir="rtl"] .table-of-contents a.active,
[dir="rtl"] .table-of-contents li.active > a,
[dir="rtl"] .table-of-contents li.active {
	border-left: none !important;
	border-right: 2px solid #ee6e73 !important;
}

[dir="rtl"] .table-of-contents a:hover:not(.active),
[dir="rtl"] .table-of-contents li:hover > a:not(.active) {
	border-left: none !important;
	border-right: 1px solid #ee6e73 !important;
}

/* Flip the nav layout for RTL so the brand and nav links are mirrored */
[dir="rtl"] nav .nav-wrapper {
	direction: rtl;
}
[dir="rtl"] nav .nav-wrapper .right {
	float: left !important; 
}
[dir="rtl"] nav .brand-logo {
	float: right !important; 
	margin-left: 0 !important;
	margin-right: 20px !important;
	left: auto !important;
	right: 0 !important;
	transform: translateX(0) !important;
}

/* Fix logo container positioning in RTL */
[dir="rtl"] #logo-container {
	float: right !important;
	margin-left: 0 !important;
	margin-right: 20px !important;
}

/* Ensure nav lists are mirrored in RTL: reverse list direction and floats */
[dir="rtl"] nav .nav-wrapper ul {
	direction: rtl !important;
}
[dir="rtl"] nav .nav-wrapper ul li {
	float: right !important;
}
[dir="rtl"] nav .nav-wrapper .left {
	float: right !important;
}

/* Fix hamburger menu positioning in RTL */
[dir="rtl"] .sidenav-trigger {
	float: left !important;
	margin-left: 0 !important;
	margin-right: 18px !important;
	right: auto !important;
	left: 0 !important;
}

/* Sidenav, inputs and some content alignment */
[dir="rtl"] .sidenav {
	text-align: right !important;
}
[dir="rtl"] input, [dir="rtl"] textarea {
	text-align: right !important;
}
[dir="rtl"] .page-footer ul > li {
	text-align: right !important;
}

/* Fix header-overrides positioning in RTL */
[dir="rtl"] .header-overrides {
	direction: rtl !important;
}

/* Fix dropdown arrows in RTL */
[dir="rtl"] .dropdown-trigger .fa-caret-down {
	margin-left: 0 !important;
	margin-right: 8px !important;
	float: left !important;
}

/* Fix sidenav positioning in RTL */
[dir="rtl"] .sidenav {
	left: auto !important;
	right: 0 !important;
	transform: translateX(100%) !important;
}

[dir="rtl"] .sidenav.sidenav-fixed {
	transform: translateX(0) !important;
}


/* NAVBAR */
/* nav, nav .nav-wrapper {
	background-color: var(--dga-primary) !important;
} */
nav .brand-logo, nav .brand-logo * {
	color: #000 !important;
}
nav .nav-wrapper a, nav a.nav-link, nav .sidenav a {
	color: #000 !important; 
}
nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
	color: #000 !important; 
}
nav li .dropdown-item > a, nav li .dropdown-item > span {
    color: var(--dga-text) !important;
} 


/* BUTTONS */
.btn, .btn-large, .btn-small {
	background-color: var(--dga-primary) !important;
	color: #fff !important;
	border-color: var(--dga-primary-dark) !important;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
	background-color: var(--dga-primary-dark) !important;
}

/* FLAT BUTTONS */
.confirmation-btns > .btn-flat, .confirmation-btns > .btn-large.btn-flat, .confirmation-btns > .btn-small.btn-flat {
	color: var(--dga-primary) !important;
}
/* .btn-flat:hover, .btn-large.btn-flat:hover, .btn-small.btn-flat:hover {
	background-color: var(--dga-primary-dark) !important;
} */

/* LINK / HOVER */
a, a:link, a:visited {
	color: var(--dga-accent) !important;
}
a:hover, a:focus {
	color: var(--dga-primary-dark) !important;
}
a.btn, a.btn:link, a.btn:visited {
    color: #fff !important;
}

/* PAGE FOOTER */
.page-footer {
	background-color: var(--dga-primary-dark) !important;
	color: #fff !important;
}
.page-footer a { color: #fff !important; }

/* ISSN text */
/* .page-footer ul > li:nth-child(1) {
    color: #838383ff !important;
} */

/* Small neutral background helper */
.bg-neutral { background-color: var(--dga-neutral) !important; }

/* Small text color helper */
.brand-text { color: var(--dga-text) !important; }

.datepicker-date-display {
    background-color: var(--dga-primary) !important;
    color: #fff !important;
}