/*
Golden Sky Home - Browser Compatibility Fixes
Ensures consistent rendering across different browsers
*/

/* Reset and normalize for consistency */
* {
    box-sizing: border-box;
}

/* Fix for older browsers */
.golden-sky-theme .services-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

/* Flexbox fallbacks */
.golden-sky-theme .service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.golden-sky-theme .intro-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.golden-sky-theme .contact h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Transform fallbacks */
.golden-sky-theme .service-item:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.golden-sky-theme .quick-link .qmenu li a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

/* Transition fallbacks */
.golden-sky-theme .service-item {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.golden-sky-theme .service-icon {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.golden-sky-theme .contact a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Border radius fallbacks */
.golden-sky-theme .service-item {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.golden-sky-theme .contact li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* Box shadow fallbacks */
.golden-sky-theme .service-item:hover {
    -webkit-box-shadow: 0 15px 35px rgba(212, 175, 55, 0.25);
    -moz-box-shadow: 0 15px 35px rgba(212, 175, 55, 0.25);
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.25);
}

.golden-sky-theme .quick-link {
    -webkit-box-shadow: 2px 0 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.3);
}

/* Gradient fallbacks */
.golden-sky-theme .service-item::before {
    background: #D4AF37; /* Fallback for older browsers */
    background: -webkit-linear-gradient(top, #D4AF37, #FFD700);
    background: -moz-linear-gradient(top, #D4AF37, #FFD700);
    background: linear-gradient(to bottom, #D4AF37, #FFD700);
}

/* Filter fallbacks for older browsers */
.golden-sky-theme .logo img {
    -webkit-filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.3));
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.3));
}

/* Backdrop filter fallbacks */
@supports not (backdrop-filter: blur(5px)) {
    .golden-sky-theme .service-item {
        background: rgba(26, 26, 26, 0.8);
    }
    
    .golden-sky-theme .pane-when {
        background: rgba(26, 26, 26, 0.95);
    }
    
    .golden-sky-theme .quick-link {
        background: rgba(26, 26, 26, 0.95);
    }
    
    .golden-sky-theme .header-top {
        background: rgba(26, 26, 26, 0.95);
    }
}

/* Internet Explorer specific fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .golden-sky-theme .services-grid {
        display: block;
    }
    
    .golden-sky-theme .service-item {
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }
    
    .golden-sky-theme .service-icon {
        float: left;
        margin-right: 20px;
    }
    
    .golden-sky-theme .service-item p {
        overflow: hidden;
    }
}

/* Safari specific fixes */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .golden-sky-theme .service-item {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }
}

/* Firefox specific fixes */
@-moz-document url-prefix() {
    .golden-sky-theme .service-item {
        background-clip: padding-box;
    }
}

/* Print styles */
@media print {
    .golden-sky-theme .quick-link,
    .golden-sky-theme .header-top,
    .golden-sky-theme .page-footer {
        display: none !important;
    }
    
    .golden-sky-theme .service-item {
        background: white !important;
        color: black !important;
        border: 1px solid black !important;
        box-shadow: none !important;
    }
    
    .golden-sky-theme .service-icon {
        color: black !important;
    }
}