/*
 * Field Archive - Brand Theme Override
 * Primary: #918a6c (warm olive/brown)
 * Light/Cream: #f1ebdf
 */

@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

/* ─── CSS Custom Properties ────────────────────────────────────────────────── */
:root {
  --bs-primary: #918a6c;
  --bs-primary-rgb: 145, 138, 108;
  --fa-primary: #918a6c;
  --fa-primary-dark: #6b6551;
  --fa-primary-light: #b5ae96;
  --fa-cream: #f1ebdf;
  --fa-cream-rgb: 241, 235, 223;
  --bs-font-sans-serif: "El Messiri", sans-serif;
  --bs-body-font-family: "El Messiri", sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, ul, ol, nav,
button, input, select, textarea,
div, section, article, header, footer, main, label,
td, th, .menu-text, .layout-menu, .navbar, .card,
.form-control, .form-select, .btn, .dropdown-menu {
  font-family: "El Messiri", sans-serif !important;
}

/* ─── Primary Color Overrides ──────────────────────────────────────────────── */
.text-primary,
a.text-primary {
  color: #918a6c !important;
}

.bg-primary {
  background-color: #918a6c !important;
}

.btn-primary {
  background-color: #918a6c !important;
  border-color: #918a6c !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #6b6551 !important;
  border-color: #6b6551 !important;
}

.btn-label-primary {
  color: #918a6c !important;
  background-color: rgba(145, 138, 108, 0.16) !important;
  border-color: transparent !important;
}

.btn-label-primary:hover,
.btn-label-primary:focus {
  background-color: rgba(145, 138, 108, 0.28) !important;
}

.border-primary {
  border-color: #918a6c !important;
}

a {
  color: #918a6c;
}

a:hover {
  color: #6b6551;
}

/* ─── Menu / Sidebar ───────────────────────────────────────────────────────── */
.menu-vertical .menu-item.active > .menu-link,
.menu-vertical .menu-item.active > .menu-link .menu-icon,
.menu-vertical .menu-item.active > .menu-link i {
  color: #918a6c !important;
}

.menu-vertical .menu-item.active > .menu-link::before {
  background-color: #918a6c !important;
}

.menu .menu-item.active .menu-link .menu-bullet .bullet {
  background-color: #918a6c !important;
}

/* ─── Badge ─────────────────────────────────────────────────────────────────── */
.badge.bg-primary,
.badge.text-bg-primary {
  background-color: #918a6c !important;
}

/* ─── Alerts & Labels ──────────────────────────────────────────────────────── */
.bg-label-primary {
  background-color: rgba(145, 138, 108, 0.16) !important;
  color: #918a6c !important;
}

.text-bg-primary {
  background-color: #918a6c !important;
  color: #fff !important;
}

/* ─── Form controls focus ──────────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #918a6c !important;
  box-shadow: 0 0 0 0.2rem rgba(145, 138, 108, 0.25) !important;
}

/* ─── Nav tabs / pills active ──────────────────────────────────────────────── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #918a6c !important;
}

.nav-tabs .nav-link.active {
  color: #918a6c !important;
  border-bottom-color: #918a6c !important;
}

/* ─── Progress bar ─────────────────────────────────────────────────────────── */
.progress-bar.bg-primary {
  background-color: #918a6c !important;
}

/* ─── Pagination ────────────────────────────────────────────────────────────── */
.page-item.active .page-link {
  background-color: #918a6c !important;
  border-color: #918a6c !important;
}

.page-link {
  color: #918a6c !important;
}

/* ─── Dropdown active ───────────────────────────────────────────────────────── */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #918a6c !important;
  color: #fff !important;
}

.dropdown-language .dropdown-item.active,
.dropdown-language .dropdown-item:active {
  background-color: #f1f0eb !important;
  color: #5a5340 !important;
  font-weight: 600;
}

/* ─── App Brand Logo area ───────────────────────────────────────────────────── */
.app-brand.demo .app-brand-link {
  justify-content: center;
}

.app-brand-logo.demo img {
  height: 44px;
  width: auto;
}

.app-brand-text.demo {
  display: none !important;
}

/* ─── Card Header accent ─────────────────────────────────────────────────────── */
.card-title .text-primary {
  color: #918a6c !important;
}

/* ─── Swiper / Stat cards ────────────────────────────────────────────────────── */
.avatar-initial.bg-label-primary {
  background-color: rgba(145, 138, 108, 0.16) !important;
  color: #918a6c !important;
}

/* ─── Customizer primary swatch ─────────────────────────────────────────────── */
[data-theme-color="theme-default"] {
  --bs-primary: #918a6c;
}

/* ─── Quick Link Cards ───────────────────────────────────────────────────────── */
.quick-link-card {
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
  border-color: #e0ddd6 !important;
}

.quick-link-card:hover {
  border-color: #918a6c !important;
  box-shadow: 0 4px 16px rgba(145, 138, 108, 0.18) !important;
  transform: translateY(-2px);
}

.quick-link-card p {
  color: #6c757d;
  transition: color 0.2s;
}

.quick-link-card:hover p {
  color: #918a6c !important;
}

/* ─── Platform logo: icon only (no wordmark) ─────────────────────────────────── */
.app-brand-logo img,
.fauna-navbar-brand img,
.auth-cover-brand .app-brand-logo img {
  height: 44px;
  width: 44px;
  object-fit: contain;
}

.auth-hero-logo {
  height: 56px !important;
  width: 56px !important;
  max-width: 56px !important;
  object-fit: contain;
}