/**
 * User Bottom Menu – Alt menü SVG ikonları gümüş (silver) gradient
 * .menu-list içindeki tüm .svg-icon'lar aynı gümüş renk
 *
 * HTML yapısı: .menu-list > .menu-item > .item-text > .svg-icon (use href sprite#homepage|wallet|profile|chat)
 */

:root {
  --content-tabs-silver-start: var(--header-silver-start, rgb(122, 150, 172));
  --content-tabs-silver-mid: var(--header-silver-mid, rgb(234, 239, 243));
  --content-tabs-silver-end: var(--header-silver-end, rgb(188, 202, 215));
  --content-tabs-silver-dark: var(--header-silver-dark, rgb(150, 165, 178));
}

/* Ortak: tüm alt menü ikonları gümüş gradient + mask */
.menu-list .menu-item .svg-icon {
  width: 24px;
  height: 24px;
  background: linear-gradient(
    200.59deg,
    var(--content-tabs-silver-start) 18%,
    var(--content-tabs-silver-mid) 36%,
    var(--content-tabs-silver-dark) 60%,
    var(--content-tabs-silver-end) 85%
  );
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

/* 1) Ana Sayfa – ev ikonu */
.menu-list .menu-item:nth-child(1) .svg-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
}

/* 2) Cüzdan */
.menu-list .menu-item:nth-child(2) .svg-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8z'/%3E%3C/svg%3E");
}

/* 3) Profil – kullanıcı ikonu */
.menu-list .menu-item:nth-child(3) .svg-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

/* 4) Sohbet – mesaj balonu (chat) */
.menu-list .menu-item:nth-child(4) .svg-icon,
.menu-list .menu-item.lowbar__btn--chat .svg-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E");
}

/* Sprite <use> gizle – sadece mask gradient görünsün */
.menu-list .menu-item .svg-icon use {
  display: none;
}