:where([class^="ri-"])::before {
    content: "\f3c2";
}

html {
    scroll-behavior: smooth;
}

.hero-bg {
    background-image: linear-gradient(rgba(27, 67, 50, 0.4), rgba(27, 67, 50, 0.4)), url('../images/header-awal.jpg');
    background-size: cover;
    background-position: center;
}

.dark .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/header-awal.jpg');
}

.header-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.testimonial-card {
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-4px);
}

.floating-btn {
    transition: all 0.3s ease;
}

.floating-btn:hover {
    transform: translateY(-2px);
}

/* Fix for back to top button visibility and positioning */
#backToTop {
    z-index: 1001;
}

#backToTop.visible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Better spacing for mobile floating buttons */
@media (max-width: 768px) {
    .floating-buttons {
        align-items: flex-end; /* Align buttons to the right edge */
        gap: 1.25rem !important; /* Override with larger gap for mobile */
    }
    
    /* Ensure consistent button sizing and spacing */
    .floating-btn {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        margin-bottom: 0.125rem;
    }
    
    .floating-btn:hover {
        transform: translateY(-1px) scale(1.02);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    }
    
    /* Extra spacing for back to top button */
    #backToTop {
        margin-bottom: 0.75rem !important;
    }
}

/* Logo styling - natural colors without filter */
.logo-container img {
    transition: opacity 0.3s ease;
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Hide Google Translate Banner */
.goog-te-banner-frame {
    display: none !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

top-frame {
    display: none !important;
}

body {
    top: 0px !important;
}

/* Hide all Google Translate iframes and banners */
iframe[src*="translate.googleapis.com"] {
    display: none !important;
}

iframe[src*="translate_static"] {
    display: none !important;
}

/* Prevent body margin top from translate banner */
body.translated-ltr {
    margin-top: 0 !important;
}

body.translated-rtl {
    margin-top: 0 !important;
}

/* Hide Google Translate popup/dropdown */
.goog-te-menu-frame {
    max-height: 0 !important;
    overflow: hidden !important;
}

/* Alternative method to hide banner */
.skiptranslate > iframe {
    display: none !important;
}

.skiptranslate {
    display: none !important;
}

/* Hide any translate elements that might appear */
[id*="google_translate_element"] .skiptranslate {
    display: none !important;
}

/* Ensure no top spacing from hidden translate banner */
html {
    margin-top: 0 !important;
}

/* Force hide any remaining translate UI */
.goog-te-ftab {
    display: none !important;
}

.goog-te-balloon-frame {
    display: none !important;
}