/* macOS-specific CSS Fixes */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600&display=swap');

.header .caption h1,
.section-title {
    letter-spacing: 2px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500 !important;
}

body {
  font-family: 'Raleway', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}


/* Improved Font Rendering for macOS */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Font Weight Adjustments for macOS */
.navbar .navbar-nav .nav-link,
.header .caption h1, 
.section-title,
p, .butn-light a, 
.about-img .about-img-2, 
h1, h2, h3, h4, h5, h6, 
body, 
.services .item .numb {
    text-shadow: 0 0 0.5px rgba(0, 0, 0, 0.1);
}

/* Color Adjustments for macOS */
.navbar .navbar-nav .nav-link:hover, 
.bauen-blog .item .con h5, 
.testimonials .item .info h6, 
.main-footer .sub-footer p a:hover, 
.progress-wrap::after, 
.navbar .dropdown-menu .dropdown-item:hover {
    color: #e01a22 !important; /* Slightly adjusted red for better macOS rendering */
}

/* Fix for filter properties */
.your-filter-element {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

/* Adjust font sizes if they appear too small on macOS */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: 0.001dpcm) {
    /* Target WebKit browsers on macOS */
    body {
        font-size: 100.5%; /* Slightly increase base font size */
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-weight: 600; /* Slightly bolder headings */
    }
}

/* Golden color adjustments */
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    border: 1.5px solid #c2a45f !important; /* Adjusted golden color for macOS */
}

/* Button and interactive elements */
.btn, button, input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
}