/* ==========================================================================
   PropertYield brand typography - Poppins (headings) + Inter (body)

   Loaded from resources/views/layouts/include.blade.php AFTER the theme's
   app.css / rtl.css so it overrides them.

   Do NOT put these rules in assets/css/main/app.css - that is the compiled
   vendor theme (410 KB, ships Nunito via @font-face) and any theme update
   would wipe them out. Keep brand overrides in this file only.
   ========================================================================== */

:root {
  --py-font-heading: 'Poppins', 'Segoe UI', sans-serif;
  --py-font-body: 'Inter', 'Segoe UI', sans-serif;

  /* The theme routes body text, buttons, form controls and tables through
     this Bootstrap variable, so this single line reaches most of the panel. */
  --bs-body-font-family: var(--py-font-body);
}

body {
  font-family: var(--py-font-body);
}

/* --------------------------------------------------------------------------
   Headings - Poppins SemiBold
   -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.page-title h4,
.card-title,
.card-header .card-title,
.recent_list_heading {
  font-family: var(--py-font-heading);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.page-title h4 {
  font-size: 1.375rem;
}

.card-title,
.recent_list_heading {
  font-size: 1rem;
}

/* --------------------------------------------------------------------------
   Body, forms and buttons - Inter
   -------------------------------------------------------------------------- */

p, label, input, select, textarea,
.form-label, .form-control, .form-select,
.breadcrumb, .breadcrumb-item {
  font-family: var(--py-font-body);
}

.form-label {
  font-weight: 500;
}

.btn {
  font-family: var(--py-font-body);
  font-weight: 500;
}

/* --------------------------------------------------------------------------
   Data tables - the main reason this panel exists, so treat them properly.
   SemiBold headers give the scan line something to lock onto, and tabular
   figures keep numeric columns vertically aligned.
   -------------------------------------------------------------------------- */

table, .table {
  font-family: var(--py-font-body);
}

.table > thead > tr > th,
table thead th {
  font-family: var(--py-font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

.table > tbody > tr > td,
table tbody td {
  font-size: 0.875rem;
  font-weight: 400;
}

td.text-end,
th.text-end {
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   Dashboard stat numbers - Poppins reads better at large numeric sizes, and
   tabular figures stop the counters jittering as values change.
   -------------------------------------------------------------------------- */

.total_number,
.total_sell,
.no_of_total_sell,
.total_properties,
.total_customer {
  font-family: var(--py-font-heading);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   Sidebar navigation
   -------------------------------------------------------------------------- */

.sidebar-link,
.sidebar-item .sidebar-link .menu-item,
.submenu-item a {
  font-family: var(--py-font-body);
  font-weight: 500;
}

.sidebar-title {
  font-family: var(--py-font-heading);
  font-weight: 600;
  letter-spacing: 0.02em;
}