/* Font Override CSS - Ensure Manrope is used everywhere */
/* This file should be loaded last to override all other font declarations */

/* Global font family override */
*,
*::before,
*::after {
    font-family: "Manrope", sans-serif !important;
}

/* Body and main elements */
body,
html {
    font-family: "Manrope", sans-serif !important;
}

/* Typography elements */
h1, h2, h3, h4, h5, h6,
p, span, div, a, li, ul, ol,
blockquote, pre, code,
strong, em, b, i,
small, sub, sup {
    font-family: "Manrope", sans-serif !important;
}

/* Form elements */
input,
textarea,
select,
button,
label,
option {
    font-family: "Manrope", sans-serif !important;
}

/* Bootstrap components */
.btn,
.form-control,
.form-select,
.form-check-label,
.nav,
.navbar,
.navbar-brand,
.navbar-nav,
.nav-link,
.dropdown-menu,
.dropdown-item,
.card,
.card-body,
.card-header,
.card-footer,
.modal,
.modal-body,
.modal-header,
.modal-footer,
.alert,
.badge,
.breadcrumb,
.pagination,
.table,
.list-group-item {
    font-family: "Manrope", sans-serif !important;
}

/* WordPress specific elements */
.wp-block,
.wp-element,
.entry-content,
.entry-title,
.widget,
.widget-title,
.menu,
.menu-item,
.comment,
.comment-content,
.comment-meta {
    font-family: "Manrope", sans-serif !important;
}

/* Common UI elements */
.tooltip,
.popover,
.modal-title,
.offcanvas,
.offcanvas-body,
.offcanvas-header,
.toast,
.toast-body,
.toast-header {
    font-family: "Manrope", sans-serif !important;
}

/* Date/time picker elements */
.ui-datepicker,
.ui-datepicker *,
.ui-widget,
.ui-widget *,
.ui-timepicker-wrapper,
.ui-timepicker-wrapper * {
    font-family: "Manrope", sans-serif !important;
}

/* SweetAlert overrides */
.swal-modal,
.swal-modal *,
.swal-title,
.swal-text,
.swal-button {
    font-family: "Manrope", sans-serif !important;
}

/* Swiper overrides */
.swiper-wrapper,
.swiper-slide,
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
    font-family: "Manrope", sans-serif !important;
}

/* Custom theme classes - update these based on your theme's specific classes */
.header,
.footer,
.main,
.logo,
.currency,
.burger,
.search_form,
.form_input,
.button {
    font-family: "Manrope", sans-serif !important;
}

/* Override any remaining font declarations from plugins */
[class*="font-"],
[class*="text-"],
[style*="font-family"] {
    font-family: "Manrope", sans-serif !important;
}

/* Ensure pseudo-elements also use Manrope */
*::placeholder {
    font-family: "Manrope", sans-serif !important;
}

/* Specific overrides for common third-party elements */
.fa, .fas, .far, .fab, .fal, .fad {
    /* Font Awesome icons should keep their font family for icons to display */
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
}

.bi {
    /* Bootstrap Icons should keep their font family */
    font-family: "bootstrap-icons" !important;
}

/* But any text within Font Awesome or Bootstrap Icon containers should use Manrope */
.fa *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad),
.bi *:not(.bi) {
    font-family: "Manrope", sans-serif !important;
}
