/* Baloan Mixed Content Fix CSS */

/* Force HTTPS for all external resources */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap');

/* Override any HTTP URLs with HTTPS */
[src^="http://"] {
    src: attr(src, url) !important;
}

[href^="http://"] {
    href: attr(href, url) !important;
}

/* Ensure all images use HTTPS */
img[src^="http://"] {
    src: attr(src, url) !important;
}

/* Ensure all stylesheets use HTTPS */
link[href^="http://"] {
    href: attr(href, url) !important;
}

/* Ensure all scripts use HTTPS */
script[src^="http://"] {
    src: attr(src, url) !important;
}

/* Fix for Elementor Google Fonts */
@import url('https://etebartel.com/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1743945777');
@import url('https://etebartel.com/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1743945803');

/* Ensure proper font loading */
body {
    font-family: 'Roboto', 'Tahoma', sans-serif !important;
}

/* Fix for specific images mentioned in the error */
.baloan-wallet-icon {
    background-image: url('https://etebartel.com/wp-content/uploads/2025/02/icons8-wallet-64.png') !important;
}

.baloan-logo {
    background-image: url('https://etebartel.com/wp-content/uploads/2025/02/Artboard-10-copy-2@4x-e1740054397913.png') !important;
}

/* Ensure all background images use HTTPS */
[style*="http://"] {
    background-image: attr(style, url) !important;
}

/* Fix for any inline styles with HTTP URLs */
[style*="url(http://"] {
    background-image: attr(style, url) !important;
}

/* Ensure proper z-index for popups */
.baloan-popup-overlay {
    z-index: 999999 !important;
}

.baloan-popup {
    z-index: 1000000 !important;
}

/* Fix for any potential layout issues */
.baloan-popup-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Ensure proper backdrop filter support */
@supports (backdrop-filter: blur(10px)) {
    .baloan-popup-overlay {
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }
}

/* Fallback for browsers without backdrop-filter support */
@supports not (backdrop-filter: blur(10px)) {
    .baloan-popup-overlay {
        background: rgba(0, 0, 0, 0.8) !important;
    }
}

/* Fix for any potential font loading issues */
@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISWaA.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}