@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

/* Auto-generated BRF theme CSS for BRF ID 781 */
/* Do not edit manually — regenerated on each design setting save */

:root {
    --brf-primary: #2563eb;
    --brf-primary-dark: #1f54c7;
    --brf-primary-light: #bdd0f9;
    --brf-primary-contrast: #ffffff;
    --brand-primary: #2563eb;
    --brand-primary-text: #ffffff;
    --brand-link: #1d4ed8;
    --brand-button: #2563eb;
    --brand-section: #1e293b;
    --brand-section-text: #ffffff;
    --menu-bg: #f8fafc;
    --menu-text: #111827;
    --menu-text-muted: #6b7280;
    --menu-icon: #6b7280;
    --menu-border: rgba(0,0,0,0.1);
    --menu-hover: rgba(0,0,0,0.06);
    --menu-active: rgba(0,0,0,0.1);
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
}

/* F1: Primary color overrides */
a { color: #1d4ed8; }
#top-bar { background-color: var(--brf-primary) !important; }
.btn.btn-primary {
    background-color: #2563eb;
    border-color: #bdd0f9;
    color: #ffffff;
}
.btn.btn-primary:hover {
    background-color: #1f54c7;
    border-color: #1f54c7;
}
.btn-egrannar {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}
.btn-egrannar:hover {
    background-color: #1f54c7;
    border-color: #1f54c7;
    color: #ffffff;
}
.btn-success {
    background-color: #2563eb;
    border-color: #bdd0f9;
    color: #ffffff;
}
.btn-success:hover {
    background-color: #1f54c7;
    border-color: #1f54c7;
}
ul.heading { border-bottom-color: var(--brf-primary); }
.img-user { background-color: var(--brf-primary); }
.small-user .dropdown-toggle:after { color: var(--brf-primary); }
.searchbrfs { border-color: var(--brf-primary); }
.searchbrfs .arrowup, .searchbrfs .arrowdown { background: var(--brf-primary); }
.navbar.bg-darkgreen { background-color: var(--brf-primary) !important; }
.navbar.bg-darkgreen .navbar-nav .nav-link { color: var(--brf-primary-contrast) !important; }
.navbar.bg-darkgreen .navbar-nav .nav-link:hover,
.navbar.bg-darkgreen .navbar-nav .nav-link:focus { color: var(--brf-primary-contrast) !important; opacity: 0.8; }
.navbar.bg-darkgreen .navbar-brand { color: var(--brf-primary-contrast) !important; }
.navbar.bg-darkgreen .navbar-toggler { border-color: var(--brf-primary-contrast); }
.navbar.bg-darkgreen .navbar-nav .dropdown-toggle::after { color: var(--brf-primary-contrast); }
#top-bar i.fa, #top-bar i, #top-bar a { color: var(--brf-primary-contrast) !important; }
.top-links li:hover { background-color: var(--brf-primary-dark) !important; }
.sideMenu .menuSubHeading.active { border-left-color: var(--brf-primary); }
#primary-menu ul ul li:hover > a {
    background-color: color-mix(in srgb, var(--brf-primary) 50%, transparent) !important;
}
#primary-menu.style-3 > ul > li:hover > a,
#primary-menu.style-3 > ul > li.current > a,
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a {
    background: transparent !important;
    opacity: 0.8;
}
/* Page sub-menu: no BRF color override — styled in egrannar.css */

/* Heading font override */
h1, h2, h3, h4, h5, h6, .heading-font {
    font-family: 'Inter', sans-serif !important;
}
/* Body font override — scoped to content area, not navigation */
#content, #content p, #content div, .body-font {
    font-family: 'Inter', sans-serif !important;
}
/* Section color override (topnav + footer) */
.eg-topnav { background: #1e293b !important; border-bottom-color: rgba(255,255,255,0.15) !important; box-shadow: none !important; }
.eg-topnav-brfname { color: #ffffff !important; border-left-color: rgba(255,255,255,0.15) !important; }
.eg-topnav-brfname:hover { color: #ffffff !important; opacity: 0.8; }
.eg-topnav-links a { color: #ffffff !important; }
.eg-topnav-links a:hover { background: rgba(255,255,255,0.1) !important; color: #ffffff !important; }
.eg-topnav-icon { color: #ffffff !important; }
.eg-topnav-icon:hover { background: rgba(255,255,255,0.1) !important; color: #ffffff !important; }
.eg-topnav-logo img { filter: brightness(0) invert(1); }
#header-wrap { background: #1e293b !important; }
#header-wrap .brfHeading { color: #ffffff !important; }
#header-wrap #primary-menu > ul > li > a { color: #ffffff !important; }
#header-wrap #primary-menu > ul > li > a:hover { opacity: 0.8; }
#header-wrap #primary-menu-trigger i { color: #ffffff !important; }
.brffooter { background: #1e293b !important; }
.brffooter, .brffooter h5, .brffooter b, .brffooter a, .brffooter p, .brffooter div { color: #ffffff !important; }