/*
	Dentwerx brand layer over CoreUI (css/coreui/style.min.css is the SuiteClub.CMS build, compiled with a #444 primary).
	Colours from the Dentwerx logo / website design.
*/
:root {
	--dw-black: #0d0d0d;
	--dw-orange: #f5761e;
	--dw-orange-dark: #d9600c;
	--dw-orange-pale: #ffe9da;
	--dw-blue: #44a8f2;
	--dw-bg: #f4f5f7;
}

body.c-app { background-color: var(--dw-bg); }

a { color: var(--dw-orange-dark); }
a:hover { color: var(--dw-black); }

/* primary = orange */
.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
	color: #fff;
	background-color: var(--dw-orange);
	border-color: var(--dw-orange);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--dw-orange-dark);
	border-color: var(--dw-orange-dark);
}
.btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(245, 118, 30, 0.4); }
.btn-outline-primary { color: var(--dw-orange); border-color: var(--dw-orange); }
.btn-outline-primary:hover { color: #fff; background-color: var(--dw-orange); border-color: var(--dw-orange); }
.btn-info { color: #fff; background-color: var(--dw-blue); border-color: var(--dw-blue); }
.btn-info:hover { color: #fff; background-color: #2b93e0; border-color: #2b93e0; }
.bg-primary { background-color: var(--dw-orange) !important; }
.text-primary { color: var(--dw-orange) !important; }
.badge-primary { background-color: var(--dw-orange); }
.page-item.active .page-link { background-color: var(--dw-orange); border-color: var(--dw-orange); }
.page-link { color: var(--dw-orange-dark); }
.form-control:focus { border-color: #ffbb8d; box-shadow: 0 0 0 0.2rem rgba(245, 118, 30, 0.2); }
.card-header-action { color: var(--dw-orange-dark); }
.breadcrumb-item a { color: var(--dw-orange-dark); }

/* sidebar */
.c-sidebar.c-sidebar-dark { background: var(--dw-black); }
.c-sidebar .c-sidebar-brand.c-sidebar-light { background-color: #fff; }
.c-sidebar.c-sidebar-dark .c-sidebar-nav-link.c-active,
.c-sidebar.c-sidebar-dark .c-active.c-sidebar-nav-dropdown-toggle {
	background: rgba(245, 118, 30, 0.15);
	box-shadow: inset 4px 0 0 var(--dw-orange);
}
.c-sidebar.c-sidebar-dark .c-sidebar-nav-link.c-active .c-sidebar-nav-icon { color: var(--dw-orange); }
.c-sidebar.c-sidebar-dark .c-sidebar-nav-link:hover { background: var(--dw-orange); }
.c-sidebar .c-sidebar-minimizer { background-color: #000; }

/* login / open pages */
.dw-open .card { border: 0; box-shadow: 0 4px 32px rgba(0, 0, 0, 0.12); }
.dw-open .card.bg-primary { background: linear-gradient(170.13deg, #ffd0af 4.3%, #f5761e 69.33%) !important; }

/* image preview on edit pages */
.dw-image-preview { display: block; max-width: 100%; max-height: 220px; border-radius: 4px; background: var(--dw-black); }

/* same small helpers as SuiteClub.CMS (frontend2021admin _custom.scss) */
button.card-header-action { border: 0; background-color: transparent; }
.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size).c-icon-lg { height: 1.75rem; }

.loader-overlay {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	z-index: 9999;
}
.loader-overlay.visible { opacity: 1; visibility: visible; }
.loader-spinner {
	width: 48px;
	height: 48px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-top-color: var(--dw-orange);
	border-radius: 50%;
	animation: dw-spin 0.8s linear infinite;
}
@keyframes dw-spin { to { transform: rotate(360deg); } }