/* Custom Icon Font for Asis Elektronik - Font Awesome Fallback */

/* Base Icon Styles */
[class^="icon-"], 
[class*=" icon-"] {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Icon Font Definitions - Font Awesome Mapping */

/* Base Icon Class */
[class^="icon-"], 
[class*=" icon-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Navigation Icons */
.icon-chevron-right-2::before,
.icon-arrow-right::before { 
    content: "\f054"; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}

.icon-chevron-left-2::before,
.icon-arrow-left::before { 
    content: "\f053"; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}

.icon-mini-down::before,
.icon-chevron-down::before,
.icon-down::before { 
    content: "\f078"; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}

.icon-arrow-skew::before,
.icon-arrow-right-long::before { 
    content: "\f178"; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900; 
}

/* Contact Icons */
.icon-support::before { 
    content: "\f879"; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900; 
}

.icon-mail::before { 
    content: "\f0e0"; 
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900; 
}

/* Social Media Icons */
.icon-facebook::before { 
    content: "\f09a"; 
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400; 
}

.icon-x::before,
.icon-twitter::before { 
    content: "\e61b"; 
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400; 
}

.icon-instagram::before { 
    content: "\f16d"; 
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400; 
}

.icon-linkedin::before { 
    content: "\f0e1"; 
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400; 
}

.icon-youtube-2::before,
.icon-youtube::before { 
    content: "\f167"; 
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400; 
}

/* Utility Icons */
.icon-close::before,
.icon-times::before {
    content: "\f00d";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}

/* Loading Animation */
.loading::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 3px solid rgba(146, 170, 215, 0.45);
    border-top-color: #f3f3f3;
    border-radius: 50%;
    animation: icon-spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes icon-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}