/* Bootstrap Isolation Layer
   This file ensures Bootstrap CSS doesn't interfere with existing styles.
   It resets Bootstrap's aggressive resets for elements already styled in the project.
*/

/* Prevent Bootstrap from resetting all fonts */
body {
    font-family: 'DIN Next LT Arabic', 'Inter', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
}

/* Allow existing button styles to work */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    font-family: inherit;
}

/* Preserve existing form element styling */
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
}

/* Respect existing heading styles */
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}

/* Bootstrap classes are now available for selective use throughout the project
   Elements will only be affected by Bootstrap if the appropriate classes are
   explicitly added to them. Existing styles remain untouched by default. */