/* Branding styles for PII tenant sites */
:root {
	--brand-primary: #f7b52c;
	--brand-primary-dark: #f5a623;
	--brand-accent: #f5b800;
	--brand-bg: #ffffff; /* overall body background (white) */
	--brand-surface: #ffffff; /* keep surfaces white */
	--brand-border: #ffe8b3;
	--brand-text: #111111;
}

body {
	background-color: var(--brand-bg);
	color: var(--brand-text);
}

/* Global layout surfaces */
.page-container,
.layout-main-section,
.desk-container,
.page-body,
.main-section {
	background: var(--brand-bg) !important;
	color: var(--brand-text) !important;
}

.standard-sidebar,
.layout-side-section,
.layout-side-section .sidebar,
.page-sidebar {
	background: #fff !important;
	border-right: 1px solid #f0f0f0;
}

.frappe-card,
.widget,
.widget-body,
.dashboard-graph,
.kanban-column,
.kanban-board,
.card,
.section-body,
.form-section,
.form-dashboard-section {
	background: #fff !important;
	color: var(--brand-text) !important;
	border-color: var(--brand-border) !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.navbar,
.page-head,
.page-head .navbar,
.page-head .navbar-default {
	background: #ffffff !important;
	border-bottom: 1px solid var(--brand-border);
}

/* Logos / favicon targets */
.navbar-brand img,
.navbar-brand .app-logo img,
img.app-logo,
img.standard-logo,
#navbar-breadcrumbs .app-logo img {
	content: url("/assets/pii_branding/images/pii-logo.svg") !important;
	height: 80px !important;
	max-height: 80px !important;
	width: auto !important;
	max-width: 120px !important;
}

.navbar-brand .app-logo,
#navbar-breadcrumbs .app-logo,
.app-logo,
.app-logo-icon {
	background-image: url("/assets/pii_branding/images/pii-logo.svg") !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 80px !important;
	height: 80px !important;
}

#app-logo,
.app-logo,
#navbar-breadcrumbs .app-logo {
	background-image: url("/assets/pii_branding/images/pii-logo.svg") !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 80px !important;
	height: 80px !important;
}

#app-logo img,
.app-logo img {
	display: none !important;
}

/* Loader splash/logo */
.centered.splash,
.splash,
#startup,
#startup .splash-logo,
#startup-logo {
	background: none !important;
	width: 180px !important;
	height: 180px !important;
	border-radius: 12px !important;
}

.centered.splash img,
#startup img {
	display: none !important;
}

.centered.splash::before {
	content: "";
	display: block;
	width: 180px;
	height: 180px;
	background-image: url("/assets/pii_branding/images/pii-logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Login page logo */
.login-logo img {
	display: none !important;
}
.login-logo::before {
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	background-image: url("/assets/pii_branding/images/pii-logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 8px;
}

.footer-powered {
	display: none !important;
}

/* Force light theme look even if dark mode is toggled */
:root {
	color-scheme: light !important;
}

html[data-theme="dark"],
body[data-theme="dark"],
html[data-theme-mode="dark"],
body[data-theme-mode="dark"] {
	background-color: var(--brand-bg) !important;
	color: var(--brand-text) !important;
}

.navbar,
.layout-main-section,
.desk-container,
.page-container,
.layout-main,
.page-head,
.page-body {
	background-color: var(--brand-bg) !important;
	color: var(--brand-text) !important;
}

.standard-sidebar,
.layout-side-section,
.frappe-control[data-fieldname="side_section"] {
	background: var(--brand-surface) !important;
}

/* Slightly larger, crisper favicon for pinned tabs (where supported) */
link[rel~="icon"] {
	image-rendering: auto;
}

/* Footer gold bar */
footer,
.web-footer,
.page-footer {
	background: #fff !important;
	border-top: 1px solid var(--brand-border);
}