/* ============================================================
   THEME 13 — inner-common.css
   Shared inner pages (profile-common/*, theme6-8/contact) load THIS file via
   $data['css_file']. It reuses the proven theme9-12 inner-page component styles
   verbatim, then re-points their colour + font variables at the Theme 13 tokens
   so breadcrumbs, blog cards, sidebars, detail pages and pagination inherit the
   tenant's brand instead of the theme9-12 defaults.
   The tenant brand hex + rgb (--bs-primary / --bs-primary-rgb) are injected by
   layout.blade.php; the rest map straight onto the --t13-* scale from common.css.
   ============================================================ */
@import url("../../theme9-12/css/inner-common.css");

:root {
  /* theme9-12/inner-common.css reads these; wire them to the Theme 13 scale. */
  --bs-primary: var(--t13-primary);
  --primary-color: var(--t13-primary);
  --secondary-color: var(--t13-accent);
  --color-body: var(--t13-body);
  --bs-dark: var(--t13-ink);
  --bs-heading-font-family: var(--t13-font-sans);
  --bs-body-font-family: var(--t13-font-sans);
  --font-oswald: var(--t13-font-sans);
  --heading-color: var(--t13-p-500);
}

/* Base type for inner pages, so they read as Theme 13 rather than inheriting a
   bare system stack for anything the imported sheet leaves unset. */
.breadcrumbs-section,
.single-page-details,
.blog-area,
.page-content-section,
.contact-area,
.gallery-area {
  font-family: var(--t13-font-sans);
  color: var(--t13-body);
}
.breadcrumbs-section .page-title h1,
.single-page-details .title,
.blog-area .title,
.contact-area .title {
  font-family: var(--t13-font-sans);
  color: var(--t13-p-500);
  letter-spacing: -.015em;
}

/* Nepali text keeps the Devanagari family + looser leading on inner pages too. */
:lang(ne), .t13-ne { font-family: var(--t13-font-deva); line-height: 1.62; }

/* Pagination + primary links pick up the accent on hover, matching the homepage. */
.pagination .page-item.active .page-link,
.pagination .page-link:hover { background-color: var(--t13-p-500); border-color: var(--t13-p-500); color: var(--t13-white); }