/* images icons.css*/
.hidden {
  display: none;
}

.theme-selector {
  position: relative;
  display: inline-block;
}

.theme-options {
  position: absolute;
  top: 40px; /* ikonun altı */
  right: 0;
  background: var(--bg-color);
  border: 1px solid #444;
  border-radius: 6px;
  padding: 5px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  z-index: 1000;
}
.theme-option {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
}
.theme-option:hover {
  background: var(--color-bmx-darker);
  color: #fff;
}

/* Logo */
.icon-home {
  width: 48px;
  height: 48px;
  transition: transform 0.2s ease;
}

.icon-home:hover { transform: scale(1.2); }


/* Genel İkonlar */
.icon-32 {
  width: 32px;
  height: 32px;
  cursor: pointer;
  transition: filter 0.3s ease;
}

.coin-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border-radius: 50%;
}

.sort-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border-radius: 50%;
}

.coin-icon-bigger {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 50%;
}

/* --- Star icon (Favorites tab) --- */
.star-icon {
  width: 20px;
  height: 20px;
  display: block;
  transition: filter 0.2s ease, opacity 0.2s ease;
}

/* duz invert */
[data-theme="light"] 
:is(.fav-icon, .star-icon, .chip-icon, .mini-ico, .give-caret, .m-iconbtn, .mft-ico,
 .menu-btn, .mini-select-caret, .mini-headbar-btn img, .au-ico, .roadmap-caret)
{ filter: invert(0); }

[data-theme="dark"] 
:is(.fav-icon, .star-icon, .chip-icon, .mini-ico, .give-caret, .m-iconbtn, .mft-ico,
 .menu-btn, .mini-select-caret, .mini-headbar-btn img, .au-ico, .roadmap-caret) 
{ filter: invert(1); }


/* negatif invert (on-button) */
[data-theme="light"] .tg-icon { filter: invert(1); }

[data-theme="dark"]  .tg-icon { filter: invert(0); }




/* Aktif tab: "yanma" (BMX moruna boyama) */
.tr-tabbtn.is-active .star-icon {
  /* Aynı tonu daha önce FAQ ikonunda kullandık */
  filter: var(--filter-bmx-darker);
  opacity: 1;
}

/* faq */

.faq-toggle {
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
}

[data-theme="light"] .faq-toggle {
  filter: invert(0);
}
[data-theme="dark"] .faq-toggle {
  filter: invert(1);
}

/* icon 32 */
[data-theme="light"] .icon-32 {
  filter: invert(0);
}
[data-theme="dark"] .icon-32 {
  filter: invert(1);
}
.icon-32:hover {
  /* Hover durumunda da BMX tona yakın renge dönüş */
  filter: var(--filter-bmx-darker);
}


/* Token / Coin Icon */
.token-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}