/**
 * CDN Fix Stylesheet
 * Replaces unavailable easyparapharmacie.com CDN resources with Google Fonts
 * Created: 2025-12-04
 * Updated: Removed broken @font-face URLs from source CSS files
 */

/* Font Family Remapping */
/* Bariol (commercial font) -> Nunito (similar rounded sans-serif from Google Fonts) */
/* Roboto -> Loaded from Google Fonts CDN instead of easyparapharmacie CDN */
body, html, * {
    font-family: 'Roboto', 'Nunito', Arial, sans-serif !important;
}

/* Override Bariol references with Nunito */
[style*="font-family: Bariol"],
[style*="font-family:Bariol"] {
    font-family: Nunito, sans-serif !important;
}

/* Override ProphecyScript references with Pacifico (script font from Google Fonts) */
[style*="font-family: ProphecyScript"],
[style*="font-family:ProphecyScript"] {
    font-family: Pacifico, cursive !important;
}

/* Ensure Roboto is loaded from Google Fonts (already imported in HTML) */
[style*="font-family: Roboto"],
[style*="font-family:Roboto"] {
    font-family: Roboto, sans-serif !important;
}

/* Map custom easypara icon font to Font Awesome */
/* Font Awesome 5 is already loaded on the page */
[class*=" icon-"],
[class^="icon-"] {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
    font-weight: 900 !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Icon mappings from easypara-font30 to Font Awesome */
/* !important needed to override original CSS values */
.icon-account:before { content: "\f007" !important; } /* fa-user */
.icon-basket:before { content: "\f291" !important; } /* fa-shopping-basket */
.icon-cart:before { content: "\f07a" !important; } /* fa-shopping-cart */
.icon-search:before { content: "\f002" !important; } /* fa-search */
.icon-menu:before { content: "\f0c9" !important; } /* fa-bars */
.icon-close:before { content: "\f00d" !important; } /* fa-times */
.icon-arrow-down:before { content: "\f107" !important; } /* fa-angle-down */
.icon-arrow-up:before { content: "\f106" !important; } /* fa-angle-up */
.icon-arrow-left:before { content: "\f104" !important; } /* fa-angle-left */
.icon-arrow-right:before { content: "\f105" !important; } /* fa-angle-right */
.icon-small-arrow-down:before { content: "\f107" !important; } /* fa-angle-down */
.icon-connect:before { content: "\f2f6" !important; } /* fa-sign-in-alt */
.icon-filter:before { content: "\f0b0" !important; } /* fa-filter */
.icon-eye:before { content: "\f06e" !important; } /* fa-eye */
.icon-pinterest:before { content: "\f0d2" !important; } /* fa-pinterest */
.icon-twitter:before { content: "\f099" !important; } /* fa-twitter */
.icon-flechehautdessin:before { content: "\f062" !important; } /* fa-arrow-up */
.icon-check:before { content: "\f00c" !important; } /* fa-check */
.icon-bin:before { content: "\f2ed" !important; } /* fa-trash-alt */

/* Brand icons need different font family */
.icon-pinterest,
.icon-twitter {
    font-family: "Font Awesome 5 Brands" !important;
}

/* Hide broken background images from CDN */
.reinsurance-item,
[style*="cdn.easyparapharmacie.com"] {
    background-image: none !important;
}

/* Fallback for elements that might have broken sprite images */
.sprite,
[class*="sprite"] {
    background-image: none !important;
}

/* Override any remaining CDN font references */
@font-face {
    font-family: 'Bariol';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular');
}

@font-face {
    font-family: 'ProphecyScript';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular');
}

/* Roboto is loaded from Google Fonts, no local override needed */