/* Inter Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Font Override - Replace Figtree with Inter */
* {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Specific overrides for common elements */
body, html {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Override any Figtree references */
.font-figtree,
[style*="Figtree"] {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Bootstrap and common UI framework overrides */
.btn, .form-control, .card, .nav, .navbar, .dropdown-menu,
.table, .modal, .alert, .breadcrumb, .pagination, .badge {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Input and form elements */
input, textarea, select, button {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Navigation and menu items */
.sidebar, .main-sidebar, .content-wrapper, .navbar-nav, .sidebar-menu {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* DataTables and other dynamic content */
.dataTables_wrapper, .dataTable, .dataTables_info, .dataTables_paginate {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

/* Header/Navbar Background Matching - Admin Panel */
.pcoded-header, .navbar.pcoded-header, .header-background-color {
    background: transparent !important;
    background-color: transparent !important;
}

/* Light mode navbar background - matches page background - Admin Panel */
html:not(.dark) .pcoded-header,
html:not(.dark) .navbar.pcoded-header,
html:not(.dark) .header-background-color {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Dark mode navbar background - matches page background - Admin Panel */
html.dark .pcoded-header,
html.dark .navbar.pcoded-header, 
html.dark .header-background-color {
    background: #1f2937 !important;
    background-color: #1f2937 !important;
}

/* Header/Navbar Background Matching - Customer Panel */
/* ULTRA HIGH specificity override with all possible combinations */
header div.fixed.top-0.right-0.left-0.w-full nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
header div.fixed.top-0.right-0.left-0.w-full nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out,
header div.fixed nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out,
header div nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C,
nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all,
nav.bg-color-2C.dark\:bg-\[\#141414\],
nav.bg-color-2C,
.bg-color-2C {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* ULTRA HIGH specificity override for dark mode */
html.dark header div.fixed.top-0.right-0.left-0.w-full nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
html.dark header div.fixed nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
html.dark header div nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.dark\:bg-\[\#141414\],
html.dark nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
html.dark nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.dark\:bg-\[\#141414\],
html.dark nav.bg-color-2C.dark\:bg-\[\#141414\],
html.dark nav.bg-color-2C,
html.dark .bg-color-2C,
.dark header div.fixed.top-0.right-0.left-0.w-full nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
.dark header div.fixed nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
.dark header div nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.dark\:bg-\[\#141414\],
.dark nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.transition-all.duration-500.ease-in-out.dark\:bg-\[\#141414\],
.dark nav.flex.h-\[56px\].items-center.justify-between.bg-color-2C.dark\:bg-\[\#141414\],
.dark nav.bg-color-2C.dark\:bg-\[\#141414\],
.dark nav.bg-color-2C,
.dark .bg-color-2C {
    background: #333332 !important;
    background-color: #333332 !important;
    background-image: none !important;
}

/* Nuclear option - attribute selectors with maximum specificity */
header nav[class~="bg-color-2C"][class~="dark:bg-[#141414]"],
header nav[class~="bg-color-2C"],
nav[class~="bg-color-2C"][class~="dark:bg-[#141414]"],
nav[class~="bg-color-2C"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

html.dark header nav[class~="bg-color-2C"][class~="dark:bg-[#141414]"],
html.dark header nav[class~="bg-color-2C"],
html.dark nav[class~="bg-color-2C"][class~="dark:bg-[#141414]"],
html.dark nav[class~="bg-color-2C"],
.dark header nav[class~="bg-color-2C"][class~="dark:bg-[#141414]"],
.dark header nav[class~="bg-color-2C"],
.dark nav[class~="bg-color-2C"][class~="dark:bg-[#141414]"],
.dark nav[class~="bg-color-2C"] {
    background: #333332 !important;
    background-color: #333332 !important;
    background-image: none !important;
}

/* Mobile menu button background - Customer Panel */
.bg-\[\#464444\],
div[class*="bg-[#464444]"] {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
}

.dark .bg-\[\#464444\],
.dark div[class*="bg-[#464444]"],
html.dark .bg-\[\#464444\] {
    background: #4b5563 !important;
    background-color: #4b5563 !important;
}