@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cqlbks');
  src:  url('fonts/icomoon.eot?cqlbks#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cqlbks') format('truetype'),
    url('fonts/icomoon.woff?cqlbks') format('woff'),
    url('fonts/icomoon.svg?cqlbks#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* schimbat din 'block' în 'swap' — text vizibil imediat */
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Clasele originale IcoMoon ── */
.icon-address-book-o:before { content: "\e900"; }
.icon-address-book:before   { content: "\e901"; }
.icon-close:before          { content: "\e902"; }
.icon-bars:before           { content: "\e903"; }
.icon-search:before         { content: "\f002"; }
.icon-envelope:before       { content: "\f003"; }
.icon-star:before           { content: "\f005"; }
.icon-star_empty:before     { content: "\f006"; }
.icon-user:before           { content: "\f007"; }
.icon-time:before           { content: "\f017"; }
.icon-map_marker:before     { content: "\f041"; }
.icon-chevron_right:before  { content: "\f054"; }
.icon-plus:before           { content: "\f067"; }
.icon-minus:before          { content: "\f068"; }
.icon-shopping_cart:before  { content: "\f07a"; }
.icon-thumbs_up_alt:before  { content: "\f087"; }
.icon-phone:before          { content: "\f095"; }
.icon-twitter:before        { content: "\f099"; }
.icon-facebook:before       { content: "\f09a"; }
.icon-credit_card:before    { content: "\f09d"; }
.icon-filter:before         { content: "\f0b0"; }
.icon-truck:before          { content: "\f0d1"; }
.icon-pinterest:before      { content: "\f0d2"; }
.icon-linkedin:before       { content: "\f0e1"; }
.icon-angle_right:before    { content: "\f105"; }
.icon-angle_down:before     { content: "\f107"; }
.icon-instagram:before      { content: "\f16d"; }

/* ════════════════════════════════════════════════════════
   ALIAS-URI FontAwesome → IcoMoon
   Permite folosirea claselor <i class="fa fa-*">
   fără nicio modificare în fișierele .twig
   ════════════════════════════════════════════════════════ */

.fa {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Mapare FA → IcoMoon */
.fa-search:before         { content: "\f002"; }
.fa-envelope:before       { content: "\f003"; }
.fa-star:before           { content: "\f005"; }
.fa-star-o:before         { content: "\f006"; }
.fa-star-incomplet:before { content: "\f006"; }
.fa-user:before           { content: "\f007"; }
.fa-clock-o:before        { content: "\f017"; }
.fa-time:before           { content: "\f017"; }
.fa-map-marker:before     { content: "\f041"; }
.fa-chevron-right:before  { content: "\f054"; }
.fa-plus:before           { content: "\f067"; }
.fa-minus:before          { content: "\f068"; }
.fa-shopping-cart:before  { content: "\f07a"; }
.fa-thumbs-up:before      { content: "\f087"; }
.fa-phone:before          { content: "\f095"; }
.fa-twitter:before        { content: "\f099"; }
.fa-facebook:before       { content: "\f09a"; }
.fa-facebook-f:before     { content: "\f09a"; }
.fa-credit-card:before    { content: "\f09d"; }
.fa-filter:before         { content: "\f0b0"; }
.fa-truck:before          { content: "\f0d1"; }
.fa-pinterest:before      { content: "\f0d2"; }
.fa-linkedin:before       { content: "\f0e1"; }
.fa-angle-right:before    { content: "\f105"; }
.fa-angle-down:before     { content: "\f107"; }
.fa-instagram:before      { content: "\f16d"; }
.fa-bars:before           { content: "\e903"; }
.fa-times:before          { content: "\e902"; }
.fa-close:before          { content: "\e902"; }

/* fa-stack — structură layout, fără font */
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-2x { font-size: 2em; }
.fa-stack-1x { line-height: inherit; }