/* Her & Him admin identity — loaded last on every admin page. Palette: magenta #EB268F, charcoal #363435, ground #F7F7F7. */

@font-face { font-family: 'Alexandria'; src: url('fonts/Alexandria-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Alexandria'; src: url('fonts/Alexandria-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Alexandria'; src: url('fonts/Alexandria-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Alexandria'; src: url('fonts/Alexandria-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Hajeen'; src: url('fonts/Hajeen-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }

:root {
  --hh-magenta: #EB268F;
  --hh-magenta-rgb: 235, 38, 143;
  --hh-charcoal: #363435;
  --hh-ground: #F7F7F7;
  --hh-blush: #FBEAF3;
  --hh-hairline: #E7E3E5;
  --hh-muted: #6E6A6C;
  --c1: #EB268F;
  --c1-rgb: 235, 38, 143;
  --tc: #363435;
  --tc-rgb: 54, 52, 53;
  --base-clr: #363435;
  --bg-section3: #F7F7F7;
  --chatting-border: rgba(235, 38, 143, 0.2);
}

html { accent-color: var(--hh-magenta); }

body, button, input, select, textarea, .btn, .form-control, .navbar, .nav-link, .card, .table, .dropdown-menu, .modal, .tooltip, .popover,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .page-header-title, .card-title {
  font-family: 'Alexandria', 'Hajeen', sans-serif !important;
}
body { background: var(--hh-ground) !important; color: var(--hh-charcoal); }
h1, h2, h3, h4, h5, h6, .page-header-title, .card-title { color: var(--hh-charcoal); font-weight: 600; letter-spacing: -0.01em; }
a { color: var(--hh-magenta); }
a:hover { color: #c81c78; }
.text-primary, .text--primary { color: var(--hh-magenta) !important; }
.bg-primary, .bg--primary { background-color: var(--hh-magenta) !important; }
::selection { background: rgba(var(--hh-magenta-rgb), 0.18); }

/* ---------- Sidebar ---------- */
.navbar-vertical-aside, .navbar-vertical-aside .navbar-vertical-container, .navbar-vertical-aside .navbar-vertical-footer-offset,
.navbar-vertical-aside .navbar-brand-wrapper, .navbar-vertical-aside .navbar-vertical-content {
  background-color: var(--hh-charcoal) !important;
}
.navbar-vertical-aside .navbar-brand-wrapper { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.navbar-vertical-aside .nav-link, .navbar-vertical-aside .nav-link .nav-icon, .navbar-vertical-aside .nav-subtitle,
.navbar-vertical-aside .navbar-vertical-aside-mini-mode-hidden-elements, .navbar-vertical-aside .nav-subtitle-replacer {
  color: rgba(255, 255, 255, 0.72) !important;
}
.navbar-vertical-aside .nav-subtitle { color: rgba(255, 255, 255, 0.42) !important; letter-spacing: 0.06em; font-size: 0.7rem; }
.navbar-vertical-aside .nav-link:hover, .navbar-vertical-aside .nav-link:hover .nav-icon { color: #fff !important; background: rgba(255, 255, 255, 0.06) !important; }
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link,
.navbar-vertical-aside .nav-link.active,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.active > .nav-link .nav-icon,
.navbar-vertical-aside .nav-link.active .nav-icon {
  color: #fff !important;
  background: var(--hh-magenta) !important;
}
/* The template marks the current page with .show (not .active) and a 10% tint that turns maroon on charcoal. */
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .nav-icon,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link .navbar-vertical-aside-mini-mode-hidden-elements {
  color: #fff !important;
  background: var(--hh-magenta) !important;
}
.navbar-vertical-aside .js-navbar-vertical-aside-toggle-invoker,
.navbar-vertical-aside .js-navbar-vertical-aside-toggle-invoker i { color: rgba(255, 255, 255, 0.72) !important; opacity: 1; }
.navbar-vertical-aside .nav-sub .nav-item.active > .nav-link,
.navbar-vertical-aside .nav-sub .active > .nav-link,
.navbar-vertical-aside .nav-sub .nav-link.active {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}
.navbar-vertical-aside .nav-link { border-radius: 12px; margin: 2px 10px; }
.navbar-vertical-aside .nav-sub .nav-link { margin-inline-start: 18px; }
.navbar-vertical-aside .sidebar--search-form .form-control,
.navbar-vertical-aside input[type="search"] {
  background: rgba(255, 255, 255, 0.08) !important; border-color: transparent !important; color: #fff !important;
}

/* ---------- Top bar ---------- */
#header, .navbar.navbar-container, .navbar-bordered { background: #fff !important; border-bottom: 1px solid var(--hh-hairline) !important; box-shadow: none !important; }

/* ---------- Cards, tables, forms ---------- */
.card { border-radius: 20px !important; border: 1px solid var(--hh-hairline) !important; box-shadow: none !important; }
.card-header { background: transparent !important; border-bottom: 1px solid var(--hh-hairline) !important; }
.card-header:first-child { border-radius: 20px 20px 0 0 !important; }
.table thead th, .thead-light th { background: var(--hh-ground) !important; color: var(--hh-muted) !important; border-color: var(--hh-hairline) !important; font-weight: 600; }
.table td, .table th { border-color: var(--hh-hairline) !important; }
.table-hover tbody tr:hover { background: var(--hh-blush) !important; }

.form-control, .custom-select, .select2-container--default .select2-selection--single, .select2-container .select2-selection--multiple {
  border-radius: 14px !important; border-color: var(--hh-hairline) !important;
}
.form-control:focus, .custom-select:focus { border-color: var(--hh-magenta) !important; box-shadow: 0 0 0 3px rgba(var(--hh-magenta-rgb), 0.14) !important; }
.input-label, label { color: var(--hh-charcoal); }

/* ---------- Buttons ---------- */
.btn { border-radius: 999px !important; font-weight: 500; }
.btn-primary, .btn--primary {
  background: var(--hh-charcoal) !important; border-color: var(--hh-charcoal) !important; color: #fff !important;
}
.btn-primary:hover, .btn--primary:hover, .btn-primary:focus, .btn--primary:focus {
  background: var(--hh-magenta) !important; border-color: var(--hh-magenta) !important; color: #fff !important;
}
.btn-outline-primary, .btn-outline--primary { color: var(--hh-magenta) !important; border-color: var(--hh-magenta) !important; background: transparent !important; }
.btn-outline-primary:hover, .btn-outline--primary:hover { background: var(--hh-magenta) !important; color: #fff !important; }
.btn-soft-primary, .badge-soft-primary { background: var(--hh-blush) !important; color: var(--hh-magenta) !important; }

/* ---------- Switches, tabs, pagination, badges ---------- */
.toggle-switch-input:checked + .toggle-switch-label { background-color: var(--hh-magenta) !important; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--hh-magenta) !important; border-color: var(--hh-magenta) !important; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--hh-magenta) !important; border-bottom-color: var(--hh-magenta) !important; }
.inline-page-menu ul li.active a, .inline-page-menu a.active { color: var(--hh-magenta) !important; border-color: var(--hh-magenta) !important; }
.page-item.active .page-link { background: var(--hh-magenta) !important; border-color: var(--hh-magenta) !important; }
.page-link { color: var(--hh-charcoal); border-radius: 10px !important; margin: 0 2px; }
.badge-primary { background: var(--hh-magenta) !important; }
.badge-soft-info, .badge-soft-dark, .badge-soft-secondary { background: var(--hh-blush) !important; color: var(--hh-charcoal) !important; }

/* ---------- Dashboard tiles ---------- */
.resturant-card, .order--card, .card--h-100 { border-radius: 18px !important; }

/* ---------- Home page content screen ---------- */
.hh-home-content .hh-image-box {
  aspect-ratio: 16 / 10; border-radius: 16px; background: var(--hh-blush); overflow: hidden;
  display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(var(--hh-magenta-rgb), 0.35);
}
.hh-home-content .hh-image-box img { width: 100%; height: 100%; object-fit: cover; }
.hh-home-content .hh-image-empty { color: var(--hh-muted); font-size: 0.85rem; }

/* ---------- Login ---------- */
.hh-login-visual { position: relative; background-size: cover !important; background-position: center top !important; }
.hh-login-visual::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(54, 52, 53, 0) 45%, rgba(54, 52, 53, 0.78) 100%);
}
.hh-login-visual .hh-login-caption { position: absolute; inset-inline: 48px; bottom: 44px; z-index: 1; color: #fff; }
.hh-login-visual .hh-login-caption h2 { color: #fff; font-size: 2.2rem; margin: 0 0 6px; }
.hh-login-visual .hh-login-caption p { color: rgba(255, 255, 255, 0.85); margin: 0; letter-spacing: 0.08em; }
.hh-login-form h1, .hh-login-form .h1 { font-size: 1.9rem; }