/* ============================================
   GLOBAL FONT OVERRIDE - OUTFIT
   ============================================ */

/* Remix Icon font-face is already defined in icons.min.css, but we ensure it uses the correct font-family */

/* Override CSS Variables */
:root,
[data-theme="default"],
[data-theme="light"],
[data-theme="dark"] {
    --tb-font-sans-serif: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    --tb-font-monospace: "Outfit", "Courier New", Courier, monospace !important;
}

/* Apply Outfit font to specific elements only - NOT globally */
body,
html,
body *:not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
input,
textarea,
select,
button:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
span:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
div:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
p,
h1, h2, h3, h4, h5, h6,
a:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
label,
td, th,
table,
.nav-link:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
.menu-link:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
.card-title,
.btn:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
.form-control,
.form-select,
.form-label,
.dropdown-item:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
.alert,
.badge:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]),
.breadcrumb,
.pagination,
.modal-title,
.modal-body,
.list-group-item:not([class*="fa-"]):not([class*="ri-"]):not([class*="mdi-"]):not([class*="ph-"]):not([class*="bi-"]) {
    font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Font smoothing for better rendering */
body {
    font-feature-settings: "kern" 1, "liga" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Currency symbol support - Ensure ₹ displays properly */
.currency,
[class*="currency"],
[data-currency] {
    font-family: "Outfit", sans-serif !important;
    font-variant-numeric: normal;
    unicode-bidi: embed;
}

/* Ensure currency symbol is visible */
.currency-symbol::before {
    content: "₹";
    font-family: "Outfit", sans-serif !important;
}

/* Icon font families - HIGHEST PRIORITY - Must override everything */
/* Remix Icon - Must come after body font rules */
/* Note: The actual font-family name from icons.min.css is "remixicon" (lowercase, no space) */
i[class*="ri-"],
[class*="ri-"]:not(body):not(html):not(input):not(textarea):not(select),
i[class*="remixicon"],
[class*="remixicon"]:not(body):not(html) {
    font-family: remixicon, "Remix Icon" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Phosphor Icon */
i[class*="ph-"],
[class*="ph-"]:not(body):not(html):not(input):not(textarea):not(select),
i[class*="phosphor"],
[class*="phosphor"]:not(body):not(html) {
    font-family: "Phosphor" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Material Design Icons */
i[class*="mdi-"],
[class*="mdi-"]:not(body):not(html):not(input):not(textarea):not(select),
i[class*="material-design-icon"],
[class*="material-design-icon"]:not(body):not(html) {
    font-family: "Material Design Icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Bootstrap Icons */
i[class*="bi-"],
[class*="bi-"]:not(body):not(html):not(input):not(textarea):not(select),
i[class*="bootstrap-icon"],
[class*="bootstrap-icon"]:not(body):not(html) {
    font-family: "Bootstrap Icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Font Awesome 6 support - Must override global font */
.fa,
.fas,
.far,
.fal,
.fad,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-duotone,
.fa-brands,
[class*="fa-"],
i[class*="fa-"],
i.fa,
i.fas,
i.far,
i.fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
}

.fa-regular,
.far,
[class*="fa-regular"] {
    font-weight: 400 !important;
}

.fa-light,
.fal,
[class*="fa-light"] {
    font-weight: 300 !important;
}

.fa-brands,
.fab,
[class*="fa-brands"] {
    font-weight: 400 !important;
}

/* Removed conflicting rule - icon fonts are handled above with proper font-family */

/* Override any Poppins references */
[style*="Poppins"],
[style*="poppins"] {
    font-family: "Outfit", sans-serif !important;
}

/* ============================================
   REMOVE BORDER RADIUS GLOBALLY
   ============================================ */

/* Remove border-radius from all elements */
*,
*::before,
*::after {
    border-radius: 0 !important;
}

/* Specific overrides for common Bootstrap classes */
.rounded,
.rounded-0,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.rounded-top,
.rounded-bottom,
.rounded-start,
.rounded-end,
.rounded-circle,
.rounded-pill {
    border-radius: 0 !important;
}

/* Override for cards, buttons, inputs, etc. */
.card,
.btn,
.form-control,
.form-select,
.input-group,
.alert,
.badge,
.modal-content,
.dropdown-menu,
.nav-pills .nav-link,
.pagination .page-link,
.list-group-item,
.breadcrumb-item,
.progress,
.progress-bar {
    border-radius: 0 !important;
}

/* ============================================
   ICON AND TEXT HORIZONTAL ALIGNMENT
   ============================================ */

/* Align icons and text horizontally in buttons */
.btn,
a.btn,
button.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

.btn i,
.btn [class*="ri-"],
.btn [class*="fa-"],
.btn [class*="ph-"],
.btn [class*="mdi-"],
.btn [class*="bi-"],
a.btn i,
a.btn [class*="ri-"],
a.btn [class*="fa-"],
a.btn [class*="ph-"],
a.btn [class*="mdi-"],
a.btn [class*="bi-"],
button.btn i,
button.btn [class*="ri-"],
button.btn [class*="fa-"],
button.btn [class*="ph-"],
button.btn [class*="mdi-"],
button.btn [class*="bi-"] {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* Align icons and text in anchor tags */
a:not(.btn) {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

a:not(.btn) i,
a:not(.btn) [class*="ri-"],
a:not(.btn) [class*="fa-"],
a:not(.btn) [class*="ph-"],
a:not(.btn) [class*="mdi-"],
a:not(.btn) [class*="bi-"] {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* Ensure proper spacing between icon and text */
.btn i + span,
.btn [class*="ri-"] + span,
.btn [class*="fa-"] + span,
.btn [class*="ph-"] + span,
.btn [class*="mdi-"] + span,
.btn [class*="bi-"] + span,
.btn span + i,
.btn span + [class*="ri-"],
.btn span + [class*="fa-"],
.btn span + [class*="ph-"],
.btn span + [class*="mdi-"],
.btn span + [class*="bi-"],
a i + span,
a [class*="ri-"] + span,
a [class*="fa-"] + span,
a [class*="ph-"] + span,
a [class*="mdi-"] + span,
a [class*="bi-"] + span,
a span + i,
a span + [class*="ri-"],
a span + [class*="fa-"],
a span + [class*="ph-"],
a span + [class*="mdi-"],
a span + [class*="bi-"] {
    display: inline-flex !important;
    align-items: center !important;
}

/* Fix for nav links and menu items */
.nav-link,
.menu-link,
.dropdown-item {
    display: flex !important;
    align-items: center !important;
}

/* Ensure menu links take full width on hover */
.navbar-nav .nav-item {
    width: 100% !important;
    margin: 0 !important;
}

.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item .menu-link {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

/* Full width hover background box - square highlight */
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .menu-link:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Prevent text color change on hover - preserve original color */
.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item .menu-link {
    transition: background-color 0.2s ease !important;
}

/* Override any hover color changes - preserve original text color */
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .menu-link:hover {
    color: initial !important;
}

/* More specific override to prevent color changes */
.navbar-nav .nav-item > .nav-link:hover,
.navbar-nav .nav-item > .menu-link:hover {
    color: #ffffff !important;
    background-color: #222328 !important; 
}

.navbar-nav .nav-item .nav-link:hover *,
.navbar-nav .nav-item .menu-link:hover *,
.navbar-nav .nav-item .nav-link:hover span,
.navbar-nav .nav-item .menu-link:hover span,
.navbar-nav .nav-item .nav-link:hover i,
.navbar-nav .nav-item .menu-link:hover i,
.navbar-nav .nav-item .nav-link:hover [class*="ri-"],
.navbar-nav .nav-item .menu-link:hover [class*="ri-"],
.navbar-nav .nav-item .nav-link:hover [class*="ph-"],
.navbar-nav .nav-item .menu-link:hover [class*="ph-"],
.navbar-nav .nav-item .nav-link:hover [class*="fa-"],
.navbar-nav .nav-item .menu-link:hover [class*="fa-"],
.navbar-nav .nav-item .nav-link:hover [class*="mdi-"],
.navbar-nav .nav-item .menu-link:hover [class*="mdi-"],
.navbar-nav .nav-item .nav-link:hover [class*="bi-"],
.navbar-nav .nav-item .menu-link:hover [class*="bi-"] {
    color: inherit !important;
}

/* Ensure container doesn't restrict width */
.navbar-nav .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nav-link i,
.nav-link [class*="ri-"],
.nav-link [class*="fa-"],
.nav-link [class*="ph-"],
.nav-link [class*="mdi-"],
.nav-link [class*="bi-"],
.menu-link i,
.menu-link [class*="ri-"],
.menu-link [class*="fa-"],
.menu-link [class*="ph-"],
.menu-link [class*="mdi-"],
.menu-link [class*="bi-"],
.dropdown-item i,
.dropdown-item [class*="ri-"],
.dropdown-item [class*="fa-"],
.dropdown-item [class*="ph-"],
.dropdown-item [class*="mdi-"],
.dropdown-item [class*="bi-"] {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* ============================================
   FIX STATUS DROPDOWN STYLING
   ============================================ */

#status {
    width: auto !important;
    height: auto !important;
    position: relative !important;
    top: auto !important;
    margin: 0 !important;
}

/* ============================================
   REMOVE WIDTH FROM NAVBAR-MENU
   ============================================ */

.navbar-menu {
    min-width: auto !important;
    max-width: none !important;
}

/* ============================================
   FILTER BUTTON HEIGHT MATCH
   ============================================ */

.filter-btn-height {
    height: calc(1.5em + 0.75rem + 2px) !important;
    line-height: 1.5 !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}