/* Custom SVG Icons - Replaces FontAwesome (saves ~250KB) */
/* Uses CSS mask technique for perfect color inheritance from parent elements */

/* Base FontAwesome class mapping */
.fas, .fab {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

/* Solid Icons (fas) - Use mask for perfect color inheritance */
.fas.fa-globe,
.fas.fa-bars,
.fas.fa-zap,
.fas.fa-mouse-pointer,
.fas.fa-check-circle,
.fas.fa-heart,
.fas.fa-arrow-right,
.fas.fa-external-link-alt,
.fas.fa-share-alt,
.fas.fa-copy,
.fas.fa-chevron-up,
.fas.fa-cookie-bite,
.fas.fa-lock,
.fas.fa-download,
.fas.fa-home,
.fas.fa-plus,
.fas.fa-minus,
.fas.fa-times,
.fas.fa-times-circle,
.fas.fa-trash,
.fas.fa-eye,
.fas.fa-bell,
.fas.fa-comment,
.fas.fa-tablet-alt,
.fas.fa-mobile-alt,
.fas.fa-desktop,
.fas.fa-info-circle,
.fas.fa-shopping-cart,
.fas.fa-clock,
.fas.fa-pause,
.fas.fa-sync,
.fas.fa-tachometer-alt,
.fas.fa-sign-out-alt,
.fas.fa-chart-line,
.fas.fa-id-card,
.fas.fa-chevron-down,
.fas.fa-credit-card,
.fas.fa-shield-alt,
.fas.fa-sign-in-alt,
.fas.fa-arrow-left,
.fas.fa-check,
.fas.fa-exclamation-triangle,
.fas.fa-envelope,
.fas.fa-hashtag,
.fas.fa-paper-plane,
.fas.fa-file-invoice,
.fas.fa-code,
.fas.fa-image,
.fas.fa-filter,
.fas.fa-search,
.fas.fa-inbox,
.fas.fa-bug,
.fas.fa-pulse,
.fas.fa-gauge,
.fas.fa-chart-bar,
.fas.fa-heartbeat,
.fas.fa-robot,
.fas.fa-database,
.fas.fa-memory,
.fas.fa-server,
.fas.fa-cogs,
.fas.fa-rocket,
.fas.fa-euro-sign,
.fas.fa-percentage {
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Special styling for benefit card icons - should be green gradient */
.card-icon .fas {
    background: linear-gradient(135deg, 
        rgba(36, 216, 182, 0.9), 
        rgba(45, 255, 196, 0.8)
    ) !important;
}

/* Special styling for PayPal button - green and larger */
.btn .fab.fa-paypal {
    background-image: none !important;
    background-color: currentColor !important; /* Взема цвета на текста */
    -webkit-mask-image: url('/static/images/icons/paypal.svg') !important;
    mask-image: url('/static/images/icons/paypal.svg') !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.2em;
}

/* Special styling for shield icon - green like PayPal */
.fas.fa-shield-alt {
    background-color: #37bba5 !important; /* Bootstrap success green */
}

.fas.fa-globe {
    -webkit-mask-image: url('/static/images/icons/globe.svg');
    mask-image: url('/static/images/icons/globe.svg');
}

.fas.fa-bars {
    -webkit-mask-image: url('/static/images/icons/bars.svg');
    mask-image: url('/static/images/icons/bars.svg');
}

.fas.fa-zap {
    -webkit-mask-image: url('/static/images/icons/zap.svg');
    mask-image: url('/static/images/icons/zap.svg');
}

.fas.fa-mouse-pointer {
    -webkit-mask-image: url('/static/images/icons/mouse-pointer.svg');
    mask-image: url('/static/images/icons/mouse-pointer.svg');
}

.fas.fa-check-circle {
    -webkit-mask-image: url('/static/images/icons/check-circle.svg');
    mask-image: url('/static/images/icons/check-circle.svg');
}

.fas.fa-heart {
    -webkit-mask-image: url('/static/images/icons/heart.svg');
    mask-image: url('/static/images/icons/heart.svg');
}

.fas.fa-arrow-right {
    -webkit-mask-image: url('/static/images/icons/arrow-right.svg');
    mask-image: url('/static/images/icons/arrow-right.svg');
}

.fas.fa-external-link-alt {
    -webkit-mask-image: url('/static/images/icons/external-link-alt.svg');
    mask-image: url('/static/images/icons/external-link-alt.svg');
}

.fas.fa-share-alt {
    -webkit-mask-image: url('/static/images/icons/share-alt.svg');
    mask-image: url('/static/images/icons/share-alt.svg');
}

.fas.fa-copy {
    -webkit-mask-image: url('/static/images/icons/copy.svg');
    mask-image: url('/static/images/icons/copy.svg');
}

.fas.fa-chevron-up {
    -webkit-mask-image: url('/static/images/icons/chevron-up.svg');
    mask-image: url('/static/images/icons/chevron-up.svg');
}

.fas.fa-cookie-bite {
    -webkit-mask-image: url('/static/images/icons/cookie-bite.svg');
    mask-image: url('/static/images/icons/cookie-bite.svg');
}

/* New icons for site-wide coverage */
.fas.fa-lock {
    -webkit-mask-image: url('/static/images/icons/lock.svg');
    mask-image: url('/static/images/icons/lock.svg');
}

.fas.fa-download {
    -webkit-mask-image: url('/static/images/icons/download.svg');
    mask-image: url('/static/images/icons/download.svg');
}

.fas.fa-home {
    -webkit-mask-image: url('/static/images/icons/home.svg');
    mask-image: url('/static/images/icons/home.svg');
}

.fas.fa-plus {
    -webkit-mask-image: url('/static/images/icons/plus.svg');
    mask-image: url('/static/images/icons/plus.svg');
}

.fas.fa-minus {
    -webkit-mask-image: url('/static/images/icons/minus.svg');
    mask-image: url('/static/images/icons/minus.svg');
}

.fas.fa-times {
    -webkit-mask-image: url('/static/images/icons/times.svg');
    mask-image: url('/static/images/icons/times.svg');
}

.fas.fa-times-circle {
    -webkit-mask-image: url('/static/images/icons/times-circle.svg');
    mask-image: url('/static/images/icons/times-circle.svg');
}

.fas.fa-trash {
    -webkit-mask-image: url('/static/images/icons/trash.svg');
    mask-image: url('/static/images/icons/trash.svg');
}

.fas.fa-eye {
    -webkit-mask-image: url('/static/images/icons/eye.svg');
    mask-image: url('/static/images/icons/eye.svg');
}

.fas.fa-bell {
    -webkit-mask-image: url('/static/images/icons/bell.svg');
    mask-image: url('/static/images/icons/bell.svg');
}

.fas.fa-comment {
    -webkit-mask-image: url('/static/images/icons/comment.svg');
    mask-image: url('/static/images/icons/comment.svg');
}

.fas.fa-tablet-alt {
    -webkit-mask-image: url('/static/images/icons/tablet-alt.svg');
    mask-image: url('/static/images/icons/tablet-alt.svg');
}

.fas.fa-mobile-alt {
    -webkit-mask-image: url('/static/images/icons/mobile-alt.svg');
    mask-image: url('/static/images/icons/mobile-alt.svg');
}

.fas.fa-desktop {
    -webkit-mask-image: url('/static/images/icons/desktop.svg');
    mask-image: url('/static/images/icons/desktop.svg');
}

.fas.fa-info-circle {
    -webkit-mask-image: url('/static/images/icons/info-circle.svg');
    mask-image: url('/static/images/icons/info-circle.svg');
}

.fas.fa-shopping-cart {
    -webkit-mask-image: url('/static/images/icons/shopping-cart.svg');
    mask-image: url('/static/images/icons/shopping-cart.svg');
}

.fas.fa-clock {
    -webkit-mask-image: url('/static/images/icons/clock.svg');
    mask-image: url('/static/images/icons/clock.svg');
}

.fas.fa-pause {
    -webkit-mask-image: url('/static/images/icons/pause.svg');
    mask-image: url('/static/images/icons/pause.svg');
}

.fas.fa-sync {
    -webkit-mask-image: url('/static/images/icons/sync.svg');
    mask-image: url('/static/images/icons/sync.svg');
}

.fas.fa-tachometer-alt {
    -webkit-mask-image: url('/static/images/icons/tachometer-alt.svg');
    mask-image: url('/static/images/icons/tachometer-alt.svg');
}

.fas.fa-sign-out-alt {
    -webkit-mask-image: url('/static/images/icons/sign-out-alt.svg');
    mask-image: url('/static/images/icons/sign-out-alt.svg');
}

.fas.fa-chart-line {
    -webkit-mask-image: url('/static/images/icons/chart-line.svg');
    mask-image: url('/static/images/icons/chart-line.svg');
}

.fas.fa-id-card {
    -webkit-mask-image: url('/static/images/icons/id-card.svg');
    mask-image: url('/static/images/icons/id-card.svg');
}

.fas.fa-chevron-down {
    -webkit-mask-image: url('/static/images/icons/chevron-down.svg');
    mask-image: url('/static/images/icons/chevron-down.svg');
}

.fas.fa-credit-card {
    -webkit-mask-image: url('/static/images/icons/credit-card.svg');
    mask-image: url('/static/images/icons/credit-card.svg');
}

.fas.fa-shield-alt {
    -webkit-mask-image: url('/static/images/icons/shield-alt.svg');
    mask-image: url('/static/images/icons/shield-alt.svg');
}

.fas.fa-sign-in-alt {
    -webkit-mask-image: url('/static/images/icons/sign-in-alt.svg');
    mask-image: url('/static/images/icons/sign-in-alt.svg');
}

.fas.fa-arrow-left {
    -webkit-mask-image: url('/static/images/icons/arrow-left.svg');
    mask-image: url('/static/images/icons/arrow-left.svg');
}

.fas.fa-check {
    -webkit-mask-image: url('/static/images/icons/check-circle.svg');
    mask-image: url('/static/images/icons/check-circle.svg');
}

.fas.fa-exclamation-triangle {
    -webkit-mask-image: url('/static/images/icons/exclamation-triangle.svg');
    mask-image: url('/static/images/icons/exclamation-triangle.svg');
}

.fas.fa-envelope {
    -webkit-mask-image: url('/static/images/icons/envelope.svg');
    mask-image: url('/static/images/icons/envelope.svg');
}

.fas.fa-hashtag {
    -webkit-mask-image: url('/static/images/icons/hashtag.svg');
    mask-image: url('/static/images/icons/hashtag.svg');
}

.fas.fa-paper-plane {
    -webkit-mask-image: url('/static/images/icons/paper-plane.svg');
    mask-image: url('/static/images/icons/paper-plane.svg');
}

.fas.fa-file-invoice {
    -webkit-mask-image: url('/static/images/icons/file-invoice.svg');
    mask-image: url('/static/images/icons/file-invoice.svg');
}

.fas.fa-code {
    -webkit-mask-image: url('/static/images/icons/code.svg');
    mask-image: url('/static/images/icons/code.svg');
}

.fas.fa-image {
    -webkit-mask-image: url('/static/images/icons/image.svg');
    mask-image: url('/static/images/icons/image.svg');
}

/* Admin specific icons - using existing icons with aliases */
.fas.fa-filter {
    -webkit-mask-image: url('/static/images/icons/eye.svg');
    mask-image: url('/static/images/icons/eye.svg');
}

.fas.fa-search {
    -webkit-mask-image: url('/static/images/icons/eye.svg');
    mask-image: url('/static/images/icons/eye.svg');
}

.fas.fa-inbox {
    -webkit-mask-image: url('/static/images/icons/shopping-cart.svg');
    mask-image: url('/static/images/icons/shopping-cart.svg');
}

.fas.fa-bug {
    -webkit-mask-image: url('/static/images/icons/exclamation-triangle.svg');
    mask-image: url('/static/images/icons/exclamation-triangle.svg');
}

.fas.fa-pulse {
    -webkit-mask-image: url('/static/images/icons/clock.svg');
    mask-image: url('/static/images/icons/clock.svg');
}

.fas.fa-gauge {
    -webkit-mask-image: url('/static/images/icons/tachometer-alt.svg');
    mask-image: url('/static/images/icons/tachometer-alt.svg');
}

.fas.fa-chart-bar {
    -webkit-mask-image: url('/static/images/icons/chart-line.svg');
    mask-image: url('/static/images/icons/chart-line.svg');
}

.fas.fa-heartbeat {
    -webkit-mask-image: url('/static/images/icons/heart.svg');
    mask-image: url('/static/images/icons/heart.svg');
}

.fas.fa-robot {
    -webkit-mask-image: url('/static/images/icons/zap.svg');
    mask-image: url('/static/images/icons/zap.svg');
}

.fas.fa-database {
    -webkit-mask-image: url('/static/images/icons/home.svg');
    mask-image: url('/static/images/icons/home.svg');
}

.fas.fa-memory {
    -webkit-mask-image: url('/static/images/icons/zap.svg');
    mask-image: url('/static/images/icons/zap.svg');
}

.fas.fa-server {
    -webkit-mask-image: url('/static/images/icons/desktop.svg');
    mask-image: url('/static/images/icons/desktop.svg');
}

.fas.fa-cogs {
    -webkit-mask-image: url('/static/images/icons/zap.svg');
    mask-image: url('/static/images/icons/zap.svg');
}

.fas.fa-rocket {
    -webkit-mask-image: url('/static/images/icons/zap.svg');
    mask-image: url('/static/images/icons/zap.svg');
}

.fas.fa-euro-sign {
    -webkit-mask-image: url('/static/images/icons/globe.svg');
    mask-image: url('/static/images/icons/globe.svg');
}

.fas.fa-percentage {
    -webkit-mask-image: url('/static/images/icons/chart-line.svg');
    mask-image: url('/static/images/icons/chart-line.svg');
}

/* Brand Icons (fab) - Social Media with brand colors preserved (use background-image) */
.fab.fa-facebook-f,
.fab.fa-twitter,
.fab.fa-linkedin-in,
.fab.fa-whatsapp,
.fab.fa-telegram-plane,
.fab.fa-viber {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Brand Icons (fab) - Social Media with brand colors preserved (use background-image) */
.fab.fa-facebook-f,
.fab.fa-twitter,
.fab.fa-linkedin-in,
.fab.fa-whatsapp,
.fab.fa-telegram-plane,
.fab.fa-viber,
.fab.fa-paypal {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.fab.fa-facebook-f {
    background-image: url('/static/images/icons/facebook-f.svg');
}

.fab.fa-twitter {
    background-image: url('/static/images/icons/twitter.svg');
}

.fab.fa-linkedin-in {
    background-image: url('/static/images/icons/linkedin-in.svg');
}

.fab.fa-whatsapp {
    background-image: url('/static/images/icons/whatsapp.svg');
}

.fab.fa-telegram-plane {
    background-image: url('/static/images/icons/telegram-plane.svg');
}

.fab.fa-viber {
    background-image: url('/static/images/icons/viber.svg');
}

.fab.fa-paypal {
    background-image: url('/static/images/icons/paypal.svg');
}