/*
  CODLion Original Icon Set
  Independent SVG icon system for the CodLion Shop theme.
  All icons are stored as individual .svg files in assets/icons/ and referenced
  here via CSS mask-image with relative URLs.
  Icons inherit color via currentColor + mask, size via 1em.
  License: See assets/icons/LICENSE.md for full license details.
  Zero template changes. All existing <i class="fas fa-*"> / <i class="fab fa-*"> tags work.
*/

.fas,
.fab {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    line-height: 1;
}

.fas::before,
.fab::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.fa-spin {
    -webkit-animation: cl-fa-spin 1s linear infinite;
    animation: cl-fa-spin 1s linear infinite;
}

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

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


/* ===== SOLID ICONS (fas) ===== */

.fa-arrow-left::before {
    -webkit-mask-image: url("../icons/arrow-left.svg");
    mask-image: url("../icons/arrow-left.svg");
}

.fa-arrow-right::before {
    -webkit-mask-image: url("../icons/arrow-right.svg");
    mask-image: url("../icons/arrow-right.svg");
}

.fa-arrow-up::before {
    -webkit-mask-image: url("../icons/arrow-up.svg");
    mask-image: url("../icons/arrow-up.svg");
}

.fa-award::before {
    -webkit-mask-image: url("../icons/award.svg");
    mask-image: url("../icons/award.svg");
}

.fa-box-open::before {
    -webkit-mask-image: url("../icons/box-open.svg");
    mask-image: url("../icons/box-open.svg");
}

.fa-camera::before {
    -webkit-mask-image: url("../icons/camera.svg");
    mask-image: url("../icons/camera.svg");
}

.fa-cart-plus::before {
    -webkit-mask-image: url("../icons/cart-plus.svg");
    mask-image: url("../icons/cart-plus.svg");
}

.fa-circle-check::before,
.fa-check-circle::before {
    -webkit-mask-image: url("../icons/check-circle.svg");
    mask-image: url("../icons/check-circle.svg");
}

.fa-chevron-left::before {
    -webkit-mask-image: url("../icons/chevron-left.svg");
    mask-image: url("../icons/chevron-left.svg");
}

.fa-chevron-right::before {
    -webkit-mask-image: url("../icons/chevron-right.svg");
    mask-image: url("../icons/chevron-right.svg");
}

.fa-envelope::before {
    -webkit-mask-image: url("../icons/envelope.svg");
    mask-image: url("../icons/envelope.svg");
}

.fa-exclamation-circle::before {
    -webkit-mask-image: url("../icons/exclamation-circle.svg");
    mask-image: url("../icons/exclamation-circle.svg");
}

.fa-eye::before {
    -webkit-mask-image: url("../icons/eye.svg");
    mask-image: url("../icons/eye.svg");
}

.fa-ellipsis-v::before,
.fa-ellipsis-vertical::before {
    -webkit-mask-image: url("../icons/ellipsis-vertical.svg");
    mask-image: url("../icons/ellipsis-vertical.svg");
}

.fa-folder-open::before {
    -webkit-mask-image: url("../icons/folder-open.svg");
    mask-image: url("../icons/folder-open.svg");
}

.fa-gift::before {
    -webkit-mask-image: url("../icons/gift.svg");
    mask-image: url("../icons/gift.svg");
}

.fa-hand-pointer::before {
    -webkit-mask-image: url("../icons/hand-pointer.svg");
    mask-image: url("../icons/hand-pointer.svg");
}

.fa-headphones::before {
    -webkit-mask-image: url("../icons/headphones.svg");
    mask-image: url("../icons/headphones.svg");
}

.fa-list::before {
    -webkit-mask-image: url("../icons/list.svg");
    mask-image: url("../icons/list.svg");
}

.fa-map-marker-alt::before {
    -webkit-mask-image: url("../icons/map-marker-alt.svg");
    mask-image: url("../icons/map-marker-alt.svg");
}

.fa-microphone::before {
    -webkit-mask-image: url("../icons/microphone.svg");
    mask-image: url("../icons/microphone.svg");
}

.fa-paperclip::before {
    -webkit-mask-image: url("../icons/paperclip.svg");
    mask-image: url("../icons/paperclip.svg");
}

.fa-hand-pointer::before {
    -webkit-mask-image: url("../icons/hand-pointer.svg");
    mask-image: url("../icons/hand-pointer.svg");
}

.fa-list::before {
    -webkit-mask-image: url("../icons/list.svg");
    mask-image: url("../icons/list.svg");
}

.fa-map-marker-alt::before {
    -webkit-mask-image: url("../icons/map-marker-alt.svg");
    mask-image: url("../icons/map-marker-alt.svg");
}

.fa-pen-to-square::before {
    -webkit-mask-image: url("../icons/pen-to-square.svg");
    mask-image: url("../icons/pen-to-square.svg");
}

.fa-phone::before {
    -webkit-mask-image: url("../icons/phone.svg");
    mask-image: url("../icons/phone.svg");
}

.fa-spinner::before {
    -webkit-mask-image: url("../icons/spinner.svg");
    mask-image: url("../icons/spinner.svg");
}

.fa-square::before {
    -webkit-mask-image: url("../icons/square.svg");
    mask-image: url("../icons/square.svg");
}

.fa-shield-check::before {
    -webkit-mask-image: url("../icons/shield-check.svg");
    mask-image: url("../icons/shield-check.svg");
}

.fa-smile::before {
    -webkit-mask-image: url("../icons/smile.svg");
    mask-image: url("../icons/smile.svg");
}

.fa-star::before {
    -webkit-mask-image: url("../icons/star.svg");
    mask-image: url("../icons/star.svg");
}

.fa-tag::before {
    -webkit-mask-image: url("../icons/tag.svg");
    mask-image: url("../icons/tag.svg");
}

.fa-th::before {
    -webkit-mask-image: url("../icons/th.svg");
    mask-image: url("../icons/th.svg");
}

.fa-th-large::before {
    -webkit-mask-image: url("../icons/th-large.svg");
    mask-image: url("../icons/th-large.svg");
}

.fa-times::before {
    -webkit-mask-image: url("../icons/times.svg");
    mask-image: url("../icons/times.svg");
}

.fa-truck::before {
    -webkit-mask-image: url("../icons/truck.svg");
    mask-image: url("../icons/truck.svg");
}

.fa-video::before {
    -webkit-mask-image: url("../icons/video.svg");
    mask-image: url("../icons/video.svg");
}

.fa-whatsapp::before {
    -webkit-mask-image: url("../icons/whatsapp.svg");
    mask-image: url("../icons/whatsapp.svg");
}

.fa-headphones::before {
    -webkit-mask-image: url("../icons/headphones.svg");
    mask-image: url("../icons/headphones.svg");
}