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

/* Apply Inter font to all elements within the fabric uploader components */
.main-container,
.upload-container,
.upload-button-container,
.farbic-upload-heading,
.upload-button,
.remove-button,
.error-message,
#unitToggle,
.grid-controls,
.range-buttons,
.select-label,
#gridSize,
.grid-btn,
.variant-options,
.custom-select,
.select-content,
.select-label,
.selected-value,
.popup-heading-container,
.popup-heading,
.popup-item,
.popup-content-text-block h3,
.popup-content-text-block p,
.btn,
.fabric-details,
.fabric-price,
.fabric-specs,
.fabric-spec p,
.fabric-specs-main,
.fabric-spec-main,
.icon-title,
.dropdown-item,
.fabric-category-header h4,
.fabric-category-accordion,
.standard-ordered-list,
.fabric-item h3,
.fabric-item h4 {
  font-family: "Inter" !important;
}

/* Target specific elements with stronger specificity to ensure the font is applied */
.popup-container .popup-heading,
.fabric-category-accordion .fabric-category-header h4,
.fabric-item .fabric-specs-main .fabric-spec-main p,
.upload-button-container .farbic-upload-heading {
  font-family: "Inter" !important;
}

/* Ensure the Inter font is applied to any dynamically added content */
[class*="fabric-"],
[id*="fabric"],
[class*="upload-"],
[id*="upload"],
[class*="popup-"],
[id*="popup"] {
  font-family: "Inter" !important;
}