/**
 * Custom Fonts - Apotek
 */

/* Apotek Regular - Body text (non-compressed cut for legibility at small sizes) */
@font-face {
    font-family: 'Apotek';
    src: url('/assets/fonts/Apotek_Regular.woff2') format('woff2'),
         url('/assets/fonts/Apotek_Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Apotek Bold - Headings */
@font-face {
    font-family: 'Apotek';
    src: url('/assets/fonts/Apotek_Bold.woff2') format('woff2'),
         url('/assets/fonts/Apotek_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Override the theme font variables — Saira Semi Condensed for body, Apotek for headings & navbar */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --si-font-sans-serif: 'Saira Semi Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --si-body-font-family: 'Saira Semi Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --si-body-font-size: 1.0625rem; /* 17px - increased from default 16px */
}

/* Headings use Apotek Bold for brand consistency */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Apotek', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 700;
}

/* Top navigation menu — all text uses Apotek (icons stay boxicons via !important) */
header.navbar,
header.navbar * {
    font-family: 'Apotek', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Submenus (dropdowns inside the navbar) use Figtree, not Apotek */
header.navbar .dropdown-menu,
header.navbar .dropdown-menu * {
    font-family: 'Saira Semi Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Body text uses Saira Semi Condensed — designed for legibility at small sizes */
body {
    font-family: 'Saira Semi Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.0625rem; /* 17px */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Ensure paragraphs and common text elements inherit the larger size */
p, span, a, li, td, th, label, .form-control, .btn {
    font-size: inherit;
}

/* Slightly larger for better readability in content areas */
.card-body, .modal-body, article, main {
    font-size: 1.0625rem;
}

/* Dropdown menu items - larger font size */
.dropdown-menu .dropdown-item {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

/* Navigation dropdown menus */
.navbar .dropdown-menu .dropdown-item {
    font-size: 1rem;
}