@font-face {
    font-family: "bootstrap-icons";
    src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
         url("../fonts/bootstrap-icons.woff") format("woff");
    font-display: block;
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    display: inline-block;
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Egyedi színek és méretek a gombokon belüli ikonokhoz */
.font-icon-search { font-size: 1.15rem; color: var(--ec-red); }
.font-icon-login { font-size: 1.1rem; color: #111115; transition: color 0.2s; }
.font-icon-cart { font-size: 1.1rem; color: #111115; transition: color 0.2s; }

.btn-login:hover .font-icon-login { color: #ffffff !important; }
.btn-cart:hover .font-icon-cart { color: #ffffff !important; }