/* =========================================================
   Axiocept UIkit Global Override
   Light Theme Only
   Brand Color: #003950
   Font: Roboto
   ========================================================= */

/* ---------------------------------------------------------
   1. Core Design Tokens (LIGHT ONLY)
---------------------------------------------------------- */
:root {
    /* Brand */
    --brand-primary: #003950;
    --brand-primary-hover: #002635;
    --brand-accent: #1aa3c8;

    /* Typography */
    --font-base: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Text */
    --text-color: #0f172a;
    --text-muted: #6b7280;

    /* Surfaces */
    --bg-default: #ffffff;
    --bg-muted: #f9fafb;

    /* Borders */
    --border-color: #e5e7eb;

    /* Radius (Minimal – Apple style) */
    --radius-xs: 2px;
    --radius-sm: 4px;

    /* Focus */
    --focus-ring: 0 0 0 2px rgba(0, 57, 80, 0.18);
}

/* ---------------------------------------------------------
   2. Global Typography (SEO & Performance Safe)
---------------------------------------------------------- */
html,
body {
    font-family: var(--font-base);
}

body {
    color: var(--text-color);
    background-color: var(--bg-default);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---------------------------------------------------------
   3. Links & Text (No Layout Shift)
---------------------------------------------------------- */
a,
.uk-link {
    color: var(--brand-primary);
    text-decoration: none;
}

a:hover,
.uk-link:hover {
    color: var(--brand-primary-hover);
}

/* Focus-visible for accessibility (SEO + Lighthouse) */
a:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
    border-radius: var(--radius-xs);
}

/* ---------------------------------------------------------
   4. Buttons (Minimal & Accessible)
---------------------------------------------------------- */
.uk-button {
    border-radius: var(--radius-sm);
}

.uk-button:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}

.uk-button-primary {
    background-color: var(--brand-primary);
    color: #ffffff;
}

.uk-button-primary:hover {
    background-color: var(--brand-primary-hover);
}

.uk-button-default {
    border-color: var(--border-color);
    color: var(--text-color);
}

.uk-button-default:hover {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}

/* ---------------------------------------------------------
   5. Forms (Clean, SEO-Friendly)
---------------------------------------------------------- */
.uk-input,
.uk-textarea,
.uk-select {
    background-color: #ffffff;
    border-color: var(--border-color);
    border-radius: var(--radius-sm);
}

.uk-input:focus,
.uk-textarea:focus,
.uk-select:focus {
    border-color: var(--brand-primary);
    box-shadow: var(--focus-ring);
}

/* ---------------------------------------------------------
   6. Navigation (Navbar, Nav, Pagination)
---------------------------------------------------------- */
.uk-navbar-container {
    background-color: #ffffff;
}

/* Sticky navbar subtle separation (Apple-style) */
.uk-sticky-fixed {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.uk-navbar-nav > li > a,
.uk-nav > li > a {
    color: var(--text-color);
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li.uk-active > a {
    color: var(--brand-primary);
}

/* Prevent tab / nav layout shift */
.uk-navbar-nav > li > a {
    border-bottom: 2px solid transparent;
}

.uk-pagination > .uk-active > span {
    background-color: var(--brand-primary);
    color: #ffffff;
}

/* ---------------------------------------------------------
   7. Cards, Dropdowns, Modals, Off-canvas (LIGHT)
---------------------------------------------------------- */
.uk-card,
.uk-dropdown,
.uk-modal-dialog,
.uk-offcanvas-bar {
    background-color: #ffffff;
    border-radius: var(--radius-sm);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* Dropdown text clarity */
.uk-dropdown a {
    color: var(--text-color);
}

.uk-dropdown a:hover {
    color: var(--brand-primary);
}

/* ---------------------------------------------------------
   8. Alerts, Notifications, Badges
---------------------------------------------------------- */
.uk-alert-primary,
.uk-notification-message-primary {
    background-color: rgba(0, 57, 80, 0.06);
    color: var(--brand-primary);
}

.uk-badge,
.uk-label {
    background-color: var(--brand-primary);
    color: #ffffff;
}

/* ---------------------------------------------------------
   9. Tables & Lists
---------------------------------------------------------- */
.uk-table th {
    color: var(--text-muted);
}

.uk-table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bg-muted);
}

/* ---------------------------------------------------------
   10. Tabs, Accordion, Switcher
---------------------------------------------------------- */
.uk-tab > li > a {
    border-bottom-width: 2px;
}

.uk-tab > .uk-active > a {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.uk-accordion-title {
    color: var(--text-color);
}

.uk-accordion-title:hover {
    color: var(--brand-primary);
}

/* ---------------------------------------------------------
   11. Progress & Spinner
---------------------------------------------------------- */
.uk-progress::-webkit-progress-value {
    background-color: var(--brand-primary);
}

.uk-spinner > * {
    stroke: var(--brand-primary);
}

/* ---------------------------------------------------------
   12. Utility Overrides
---------------------------------------------------------- */
.uk-text-primary {
    color: var(--brand-primary) !important;
}

.uk-background-primary {
    background-color: var(--brand-primary) !important;
}

/* ---------------------------------------------------------
   13. FORCE LIGHT OFF-CANVAS (SEO + UX FIX)
---------------------------------------------------------- */
.uk-offcanvas-bar {
    background-color: #ffffff;
    color: var(--text-color);
}

/* Main nav */
.uk-offcanvas-bar .uk-nav > li > a {
    color: var(--text-color);
}

.uk-offcanvas-bar .uk-nav > li > a:hover,
.uk-offcanvas-bar .uk-nav > li.uk-active > a {
    color: var(--brand-primary);
}

/* Sub-nav */
.uk-offcanvas-bar .uk-nav-sub > li > a {
    color: var(--text-color);
}

.uk-offcanvas-bar .uk-nav-sub > li > a:hover,
.uk-offcanvas-bar .uk-nav-sub > li.uk-active > a {
    color: var(--brand-primary);
}

/* Headers & dividers */
.uk-offcanvas-bar .uk-nav-header {
    color: var(--text-muted);
}

.uk-offcanvas-bar .uk-nav-divider {
    border-color: var(--border-color);
}

/* Close button */
.uk-offcanvas-bar .uk-offcanvas-close {
    color: var(--text-muted);
}

.uk-offcanvas-bar .uk-offcanvas-close:hover {
    color: var(--brand-primary);
}

/* ---------------------------------------------------------
   14. Footer (Readable, SEO-Friendly)
---------------------------------------------------------- */
footer {
    font-size: 14px;
    line-height: 1.6;
}

footer h6 {
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

footer a {
    color: var(--text-muted);
}

footer a:hover {
    color: var(--brand-primary);
}

footer hr {
    border-color: var(--border-color);
}

footer .uk-icon,
footer .uk-icon-link {
    color: var(--text-muted);
}

footer .uk-icon-link:hover {
    color: var(--brand-primary);
}