/*!
 * XEESOFT Portal - Font Size Overrides
 * Increases Metrica theme font sizes for better readability
 */

/* ===========================================
   Navigation & Menu Font Sizes
   =========================================== */

/* Main navigation links */
.navbar-custom .nav-link,
.navigation-menu > li > a {
  font-size: 15px !important;
}

/* Sidebar menu items */
.left-sidebar .menu-body .nav-item .nav-link,
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link {
  font-size: 15px !important;
}

/* Dropdown menu items */
.dropdown-menu .dropdown-item {
  font-size: 14px !important;
}

/* Menu labels/categories */
.navbar-vertical .navbar-nav .menu-label {
  font-size: 11px !important;
}

/* ===========================================
   Form Elements
   =========================================== */

/* Search input */
.app-search form .form-control,
.app-search form .form-control:focus {
  font-size: 15px !important;
}

/* All form controls */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  font-size: 15px !important;
}

/* Form labels */
.form-label,
label {
  font-size: 14px !important;
}

/* ===========================================
   Tables
   =========================================== */

table {
  font-size: 15px !important;
}

table th {
  font-size: 14px !important;
  font-weight: 600;
}

table td {
  font-size: 15px !important;
}

/* ===========================================
   Buttons
   =========================================== */

.btn {
  font-size: 15px !important;
}

.btn-sm {
  font-size: 14px !important;
}

.btn-lg {
  font-size: 17px !important;
}

/* ===========================================
   Cards & Content
   =========================================== */

.card-body {
  font-size: 15px !important;
}

.card-title {
  font-size: 18px !important;
}

.card-subtitle {
  font-size: 14px !important;
}

/* ===========================================
   Headings
   =========================================== */

h1 { font-size: 2.25rem !important; } /* 36px */
h2 { font-size: 1.875rem !important; } /* 30px */
h3 { font-size: 1.5rem !important; } /* 24px */
h4 { font-size: 1.25rem !important; } /* 20px */
h5 { font-size: 1.125rem !important; } /* 18px */
h6 { font-size: 1rem !important; } /* 16px */

/* ===========================================
   Page Title & Breadcrumbs
   =========================================== */

.page-title-box h4 {
  font-size: 20px !important;
}

.breadcrumb {
  font-size: 14px !important;
}

.breadcrumb-item {
  font-size: 14px !important;
}

/* ===========================================
   Badges & Pills
   =========================================== */

.badge {
  font-size: 13px !important;
}

.badge.badge-sm {
  font-size: 11px !important;
}

/* ===========================================
   Notifications & Alerts
   =========================================== */

.alert {
  font-size: 15px !important;
}

.notification-menu .dropdown-item {
  font-size: 14px !important;
}

/* Notification titles */
.notification-menu .fw-normal {
  font-size: 14px !important;
}

/* ===========================================
   User Profile Section
   =========================================== */

.nav-user .nav-user-name {
  font-size: 14px !important;
}

.font-11 {
  font-size: 12px !important;
}

.font-12 {
  font-size: 13px !important;
}

.font-15 {
  font-size: 16px !important;
}

/* ===========================================
   Pagination
   =========================================== */

.pagination .page-link {
  font-size: 15px !important;
}

/* ===========================================
   Tooltips & Popovers
   =========================================== */

.tooltip {
  font-size: 13px !important;
}

.popover {
  font-size: 14px !important;
}

/* ===========================================
   Modal Dialogs
   =========================================== */

.modal-title {
  font-size: 18px !important;
}

.modal-body {
  font-size: 15px !important;
}

/* ===========================================
   Small Text / Helper Text
   =========================================== */

small,
.small,
.text-muted {
  font-size: 13px !important;
}

/* ===========================================
   Icon Sizes (proportional to font)
   =========================================== */

.navbar-custom .nav-link.nav-icon i {
  font-size: 22px !important;
}

.menu-icon {
  font-size: 20px !important;
}

/* ===========================================
   Responsive Adjustments
   =========================================== */

@media (max-width: 768px) {
  /* Slightly smaller on mobile but still readable */
  body {
    font-size: 15px !important;
  }

  h1 { font-size: 2rem !important; }
  h2 { font-size: 1.75rem !important; }
  h3 { font-size: 1.375rem !important; }

  .btn {
    font-size: 14px !important;
  }
}

/* ===========================================
   Print Styles
   =========================================== */

@media print {
  body {
    font-size: 12pt !important;
  }
}

/* ===========================================
   Logo Adjustments
   =========================================== */

/* Sidebar logo (expanded menu) - Override metrica's 15px height */
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg {
  height: 50px !important;
  max-height: 50px !important;
  width: auto !important;
  margin-left: 2px;
}

.leftbar-tab-menu .main-menu-inner .topbar-left .logo img {
  max-height: 50px !important;
  height: auto !important;
  width: auto !important;
}

/* Icon menu logo (left sidebar) */
.leftbar-tab-menu .main-icon-menu .logo-metrica .logo-sm {
  height: 40px !important;
  width: auto !important;
}