/* Solas Marine look for the candidate portal (/jobs, /apply, /my-applications, login).
   Colours sampled from solasmarine.com: navy menu bar, orange buttons, light grey header. */
:root {
	--solas-navy: #0e1e47;
	--solas-orange: #ed680d;
	--solas-orange-dark: #d45c0a;
	--solas-grey: #e6e6e6;
	--solas-blue: #233588;
}

.navbar {
	background-color: var(--solas-grey) !important;
	border-bottom: 4px solid var(--solas-navy);
}
.navbar .nav-link,
.navbar .navbar-brand {
	color: var(--solas-navy) !important;
	font-weight: 600;
}
.navbar .nav-link:hover {
	color: var(--solas-orange) !important;
}

.btn-primary,
.btn.btn-primary {
	background-color: var(--solas-orange) !important;
	border-color: var(--solas-orange) !important;
	color: #fff !important;
}
.btn-primary:hover,
.btn.btn-primary:hover {
	background-color: var(--solas-orange-dark) !important;
	border-color: var(--solas-orange-dark) !important;
}

h1,
h2,
h3,
.page-title,
.web-form-title {
	color: var(--solas-navy);
}
a {
	color: var(--solas-blue);
}

.web-footer,
footer.web-footer {
	background-color: var(--solas-navy);
	color: #fff;
}
.web-footer a {
	color: #fff;
}

.navbar .navbar-brand img {
	height: 48px !important;
	max-height: none !important;
	width: auto !important;
}
.page-card-head img.app-logo,
.for-login img,
img.app-logo {
	height: 64px !important;
	max-height: none !important;
	width: auto !important;
}

/* US-140: the candidate pages' language switch, and Arabic (dir="rtl", set by Frappe's base template).
   Logical properties (inline-start / inline-end) so the layout mirrors by itself. */
.solas-language-switch {
	display: flex;
	justify-content: flex-end;
	gap: 4px;
	margin-block-end: 8px;
}
html[lang="ar"] body {
	font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "DejaVu Sans", sans-serif;
}
[dir="rtl"] .solas-declaration,
[dir="rtl"] .table th,
[dir="rtl"] .table td {
	text-align: start;
}