/* Mehaaz Admin — Minimal & Elegant theme layer
   Loaded after bootstrap.min.css / app.min.css, restyles the existing
   Hyper-admin-template markup in place. Does not remove any legacy file. */

:root{
	--mz-ink:#1c1a17;
	--mz-ink-soft:#55504a;
	--mz-sand:#f7f4ef;
	--mz-line:#e6e0d6;
	--mz-accent:#b08d57;
	--mz-accent-dark:#8f7043;
	--mz-font-head:'Playfair Display', 'Georgia', serif;

	/* re-point Bootstrap's own primary color tokens at the brand accent
	   so any component already using var(--bs-primary) inherits it */
	--bs-primary: var(--mz-accent);
	--bs-primary-rgb: 176, 141, 87;
	--bs-link-color: var(--mz-accent-dark);
	--bs-link-hover-color: var(--mz-accent);
}

body{ background:var(--mz-sand); }

/* ---------- Sidebar ---------- */
.navbar-brand-box{ background:var(--mz-ink); }
.logo-txt{ font-family:var(--mz-font-head); font-weight:700; letter-spacing:.3px; }

#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:hover i,
#sidebar-menu ul li a:hover svg,
#sidebar-menu ul li ul.sub-menu li a:hover,
.mm-active > a,
.mm-active > a i,
.mm-active > a svg,
.mm-active .active,
.mm-active .active i,
.mm-active .active svg,
.mm-active > i {
	color: var(--mz-accent-dark) !important;
}
.sidebar-alert{ background-color: rgba(176, 141, 87, 0.12) !important; }

/* ---------- Topbar ---------- */
#page-topbar{ box-shadow:0 2px 10px rgba(28,26,23,.06); }
.header-item:hover{ color:var(--mz-accent-dark); }

/* ---------- Buttons ---------- */
.btn-primary{
	background-color: var(--mz-accent) !important;
	border-color: var(--mz-accent) !important;
}
.btn-primary:hover, .btn-primary:focus{
	background-color: var(--mz-accent-dark) !important;
	border-color: var(--mz-accent-dark) !important;
}
.text-primary{ color: var(--mz-accent) !important; }
.bg-primary{ background-color: var(--mz-accent) !important; }
.bg-soft-primary, .badge-soft-primary{
	background-color: rgba(176, 141, 87, 0.12) !important;
	color: var(--mz-accent-dark) !important;
}

/* ---------- Page title / breadcrumb ---------- */
.page-title-box h4{
	font-family: var(--mz-font-head);
	font-weight: 700;
	color: var(--mz-ink);
}
.breadcrumb-item.active{ color: var(--mz-ink-soft); }
.breadcrumb-item a{ color: var(--mz-accent-dark); }

/* ---------- Cards / tables ---------- */
.card{
	border: 1px solid var(--mz-line);
	border-radius: 10px;
	box-shadow: 0 6px 20px rgba(28,26,23,.05);
}
.card-header{ background:#fff; border-bottom:1px solid var(--mz-line); }
.table thead th{
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .5px;
	color: var(--mz-ink-soft);
	border-bottom-width: 2px;
}

/* ---------- Auth / login page ---------- */
.auth-logo .logo-txt{ font-size: 22px; color: var(--mz-ink); }
.auth-content h5{ font-family: var(--mz-font-head); font-size: 24px; }
.form-floating-custom label{ color: var(--mz-ink-soft); }