/* Combined CSS file to reduce HTTP requests */

/* Import all existing CSS files */
@import url('styles.css');
@import url('detail-pages.css');
@import url('logo.css');
@import url('icons.css');
@import url('spacing.css');
@import url('features-grid.css');
@import url('about-us.css');
@import url('contact-section.css');

/* Performance optimizations */
* {
    box-sizing: border-box;
}

/* Preload critical images */
.hero-section {
    background-image: url('../images/hero-image.jpg');
    background-size: cover;
    background-position: center;
    will-change: transform;
}

/* Optimize animations */
[data-aos] {
    will-change: transform, opacity;
}

/* Reduce repaints */
.nav-menu {
    will-change: transform;
}

/* Optimize gallery loading */
.gallery-grid img {
    will-change: transform;
}

/* FORCE REMOVE ICON BACKGROUNDS - HIGHEST PRIORITY */
.contact-info .info-card .info-icon,
.info-card .info-icon,
div.info-icon,
.info-icon {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Target Font Awesome icons specifically */
.info-icon i,
.info-icon .fas,
.info-icon .fa,
.contact-info .info-icon i,
.contact-info .info-icon .fas,
.contact-info .info-icon .fa {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Override any pseudo-elements that might have backgrounds */
.info-icon::before,
.info-icon::after,
.info-icon i::before,
.info-icon i::after {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Clean info-card icons - following same pattern as feature-card icons */
.info-icon-simple {
    color: var(--primary) !important;
    font-size: 1.5rem !important;
    margin-right: 15px !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    flex-shrink: 0;
}

.info-content {
    flex: 1;
}