/* White-Label Custom Branding CSS */
/* Generated: 2025-12-08 02:42:41 */
/* Cache Buster: 0 */

/* Custom Font */
@font-face {
    font-family: 'MaturaMTScriptCapitals';
    src: url('/static/fonts/MaturaMTScriptCapitals.ttf?v=0');
}

/* =================================================================
   PRIMARY COLOUR - Used for: Sidebar, Navbar, Buttons, Headers
   ================================================================= */

/* Entire Sidebar Background */
#sidebar,
#sidebar .sidebar-header,
#sidebar .sticky-top {
    background-color: #002245 !important;
}

/* Top Navigation Bar */
#navbar,
.navbar {
    background-color: #002245 !important;
}

/* Navbar Text */
#navbar,
#navbar .navbar-nav,
#navbar .navbar-nav .nav-link,
#navbar .navbar-text,
.navbar,
.navbar .navbar-nav,
.navbar .navbar-nav .nav-link,
.navbar .navbar-text {
    color: #ffffff !important;
}

#navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:hover {
    color: #ffffff !important;
    opacity: 0.8;
}

/* AI Assistant Chatbot Header */
#chatbot-header {
    background-color: #002245 !important;
}

/* Primary Buttons - High specificity to override static CSS */
.btn.btn-primary,
.btn-primary,
.upgrade-button,
a.btn.btn-primary,
a.btn-primary,
button.btn-primary {
    background-color: #002245 !important;
    border-color: #002245 !important;
    color: #ffffff !important;
}

/* All button states with high specificity */
.btn.btn-primary:link,
a.btn.btn-primary:link,
a.btn-primary:link,
.btn.btn-primary:visited,
a.btn.btn-primary:visited,
a.btn-primary:visited,
.btn.btn-primary:hover,
.btn-primary:hover,
.upgrade-button:hover,
a.btn.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:focus,
a.btn.btn-primary:focus,
a.btn-primary:focus,
button.btn-primary:focus,
.btn.btn-primary:active,
.btn-primary:active,
a.btn.btn-primary:active,
a.btn-primary:active,
button.btn-primary:active {
    background-color: #002245 !important;
    color: #ffffff !important;
    border-color: #002245 !important;
    text-decoration: none !important;
}

/* Hover state slightly darker */
.btn.btn-primary:hover,
.btn-primary:hover,
a.btn.btn-primary:hover,
a.btn-primary:hover {
    filter: brightness(0.9);
}

/* Ensure link buttons don't have underlines */
a.btn,
a.btn:link,
a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn:visited {
    text-decoration: none !important;
}

/* Headers in content area */
#content h1,
#content h2,
#content h3 {
    color: #002245;
}

.plan-cost {
    color: #002245 !important;
}

/* =================================================================
   SECONDARY COLOUR - Used for: Links, Form Focus, Pricing Cards
   ================================================================= */

/* Links in content area */
#content a {
    color: #0066cc;
}

/* Form Elements Focus */
.form-control:focus {
    border-color: #0066cc;
    box-shadow: 0 0 0 0.2rem #0066cc33;
}

/* Pricing Card Highlights */
.pricing-card.highlight {
    border-color: #0066cc;
    box-shadow: 0 4px 8px #0066cc33;
}

/* =================================================================
   ACCENT COLOUR - Used for: Link Hovers, Highlights, CTAs
   ================================================================= */

/* Link Hovers */
#content a:hover {
    color: #ff6b35;
}

/* Accent Elements */
.highlight,
.accent {
    color: #ff6b35;
}

.accent-bg {
    background-color: #ff6b35;
}

/* Call-to-Action badges or special elements */
.badge-accent {
    background-color: #ff6b35;
    color: #ffffff;
}

/* =================================================================
   SIDEBAR STYLING - Keep text white, proper hover states
   ================================================================= */

/* Keep all sidebar text white */
#sidebar,
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar a,
#sidebar .matura-font {
    color: #ffffff !important;
}

#sidebar .matura-font {
    font-family: 'MaturaMTScriptCapitals', cursive, serif !important;
}

/* Sidebar Menu Item Hover - ONLY for actual links, NOT dropdowns */
#sidebar ul li > a:hover:not(.dropdown-toggle),
#sidebar ul li > a:focus:not(.dropdown-toggle) {
    background-color: rgba(255, 255, 255, 0.95) !important;
    color: #000000 !important;
}

/* Dropdown Toggles - NO hover effect */
#sidebar ul li > a.dropdown-toggle {
    background-color: transparent !important;
}

#sidebar ul li > a.dropdown-toggle:hover,
#sidebar ul li > a.dropdown-toggle:focus,
#sidebar ul li > a.dropdown-toggle.active,
#sidebar ul li > a.dropdown-toggle[aria-expanded="true"] {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Chevron icons in sidebar - remove default background, keep white text */
/* High specificity to override hardcoded #002245 background */
#sidebar .chevron,
#sidebar .dropdown-toggle .chevron,
#sidebar a.dropdown-toggle .chevron,
#sidebar ul li a.dropdown-toggle .chevron,
#sidebar .list-unstyled li a.dropdown-toggle .chevron {
    color: #ffffff !important;
    background-color: transparent !important;
    padding: 2px !important;
    border-radius: 3px !important;
}

/* Chevron before pseudo-element */
#sidebar .chevron::before,
#sidebar .dropdown-toggle .chevron::before,
#sidebar a.dropdown-toggle .chevron::before {
    color: #ffffff !important;
}

/* Sub-menu/Dropdown background - match primary colour */
#sidebar ul ul,
#sidebar ul.collapse,
#sidebar .collapse.list-unstyled {
    background-color: #002245 !important;
}

/* Sub-menu items - white text by default */
#sidebar ul ul li a,
#sidebar .collapse.list-unstyled li a {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Sub-menu items hover */
#sidebar ul ul li a:hover,
#sidebar ul ul li a:focus,
#sidebar .collapse.list-unstyled li a:hover,
#sidebar .collapse.list-unstyled li a:focus {
    background-color: rgba(255, 255, 255, 0.95) !important;
    color: #000000 !important;
}

/* =================================================================
   TABS & NAVIGATION (Nav Pills, Nav Tabs)
   ================================================================= */

/* Nav Pills - Override hardcoded colors */
.nav-pills .nav-link {
    color: #0066cc;
    background-color: #ffffff;
    border: 1px solid #0066cc;
    margin-right: 5px;
    transition: all 0.3s ease;
}

.nav-pills .nav-link:hover {
    background-color: #0066cc22;
    color: #0066cc;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #ffffff !important;
    background-color: #002245 !important;
    border-color: #002245 !important;
}

/* Nav Tabs */
.nav-tabs .nav-link {
    color: #0066cc;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.nav-tabs .nav-link:hover {
    border-color: #0066cc44 #0066cc44 #0066cc22;
    color: #0066cc;
}

.nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: #002245 !important;
    border-color: #002245 #002245 #002245 !important;
}

/* Tab Content */
.tab-content {
    border: 1px solid #dee2e6;
    border-top: none;
    padding: 15px;
}

/* Ensure all tab items respect the color scheme */
.nav-item .nav-link {
    transition: all 0.3s ease;
}

/* Bootstrap Tabs in general */
ul.nav li a {
    transition: background-color 0.3s, color 0.3s;
}

/* =================================================================
   ADDITIONAL BUTTON & UI ELEMENT OVERRIDES
   ================================================================= */

/* Custom Background Class */
.bg-custom {
    background-color: #002245 !important;
}

/* Plugin Configuration Buttons */
.plugin-select-button.Configure {
    background-color: #002245 !important;
    color: #ffffff !important;
    border: none;
}

.plugin-select-button.Configure:hover {
    background-color: #002245dd !important;
    filter: brightness(0.9);
}

/* Article Links */
a.article,
a.article:hover {
    background: #002245 !important;
    color: #ffffff !important;
}

/* Download Links */
a.download {
    background: #fff;
    color: #002245;
}

a.download:hover {
    background: #002245;
    color: #ffffff;
}

/* Secondary Buttons - High specificity */
.btn.btn-secondary,
.btn-secondary,
a.btn.btn-secondary,
a.btn-secondary,
button.btn-secondary {
    background-color: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
}

/* All secondary button states */
.btn.btn-secondary:link,
a.btn.btn-secondary:link,
a.btn-secondary:link,
.btn.btn-secondary:visited,
a.btn.btn-secondary:visited,
a.btn-secondary:visited,
.btn.btn-secondary:hover,
.btn-secondary:hover,
a.btn.btn-secondary:hover,
a.btn-secondary:hover,
button.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn-secondary:focus,
a.btn.btn-secondary:focus,
a.btn-secondary:focus,
button.btn-secondary:focus {
    background-color: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover state slightly darker */
.btn.btn-secondary:hover,
.btn-secondary:hover,
a.btn.btn-secondary:hover,
a.btn-secondary:hover {
    filter: brightness(0.9);
}

/* Success/Info/Warning/Danger buttons - keep semantic meaning but adjust if needed */
.btn-info {
    background-color: #0066cc !important;
    border-color: #0066cc !important;
}

/* Badges */
.badge-primary {
    background-color: #002245 !important;
    color: #ffffff !important;
}

.badge-secondary {
    background-color: #0066cc !important;
}

/* Alerts with primary color */
.alert-primary {
    background-color: #00224522 !important;
    border-color: #002245 !important;
    color: #002245 !important;
}

/* Progress Bars */
.progress-bar {
    background-color: #002245 !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: #002245 !important;
    border-color: #002245 !important;
    color: #ffffff !important;
}

.pagination .page-link {
    color: #0066cc;
}

.pagination .page-link:hover {
    color: #002245;
    background-color: #00224522;
}

/* Cards */
.card-header {
    background-color: #00224511;
    border-bottom: 2px solid #002245;
}

.card-primary {
    border-color: #002245 !important;
}

.card-primary .card-header {
    background-color: #002245 !important;
    color: #ffffff !important;
}

/* List Groups */
.list-group-item.active {
    background-color: #002245 !important;
    border-color: #002245 !important;
    color: #ffffff !important;
}

/* Dropdown Menus (not sidebar) */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #002245 !important;
    color: #ffffff !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #00224522;
    color: #002245;
}

/* =================================================================
   COLOUR SCHEME VARIABLES (CSS Custom Properties)
   ================================================================= */
:root {
    --primary-color: #002245;
    --secondary-color: #0066cc;
    --accent-color: #ff6b35;
    --button-text-color: #ffffff;
    --navbar-text-color: #ffffff;
    --font-family: 'MaturaMTScriptCapitals', cursive, serif;
}

/* Apply font family globally to custom elements */
.matura-font {
    font-family: var(--font-family) !important;
}