/* =========================================================
   FLORESTA – minimal overrides (only icons + blue→verde #5EB230)
   ========================================================= */

/* --------- Variáveis --------- */
:root{
  --leaf: #5EB230; /* verde alvo para substituir os azuis */
  --sp1-url: url("https://floresta.soundchute.com/custom/sp1-white.png?v=1");
}

/* =========================================================
   1) ICONES (sprite sp1 → branco)
   ========================================================= */
html body .ui-icon,
html body .ui-widget-content .ui-icon,
html body .ui-widget-header .ui-icon,
html body .sprite,
html body [class*="sprite-"],
html body .icon-button,
html body .col-buttons .button,
html body .row-actions .button,
html body .toolbar .icon,
html body .sidebar .icon,
html body .jp-interface .button,
html body .video-controls .button,
html body div.view-project span.prjbtn,
html body div.view-project span.prjbtn[class^="prj-"],
html body div.view-project span.prjbtn[class*=" prj-"] {
  background-image: var(--sp1-url) !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
/* inline styles que ainda referenciem sp1*.png → força o branco */
html body *[style*="sp1.png"],
html body *[style*="sp1-blue.png"] {
  background-image: var(--sp1-url) !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

/* =========================================================
   2) SUBSTITUIÇÃO GLOBAL DE AZUIS → VERDE (#5EB230)
   ========================================================= */

/* 2.1) Inline: qualquer atributo style contendo os hex → troca */
html body *[style*="#29BCDE"],
html body *[style*="#2DACDA"],
html body *[style*="#2A9CD9"],
html body *[style*="#29ADDD"],
html body *[style*="#11B9E1"],
html body *[style*="#08B0D7"] {
  color: var(--leaf) !important;
  border-color: var(--leaf) !important;
}
html body *[style*="background:#29BCDE"],
html body *[style*="background: #29BCDE"],
html body *[style*="background-color:#29BCDE"],
html body *[style*="background-color: #29BCDE"],
html body *[style*="background:#2DACDA"],
html body *[style*="background: #2DACDA"],
html body *[style*="background-color:#2DACDA"],
html body *[style*="background-color: #2DACDA"],
html body *[style*="background:#2A9CD9"],
html body *[style*="background: #2A9CD9"],
html body *[style*="background-color:#2A9CD9"],
html body *[style*="background-color: #2A9CD9"],
html body *[style*="background:#29ADDD"],
html body *[style*="background: #29ADDD"],
html body *[style*="background-color:#29ADDD"],
html body *[style*="background-color: #29ADDD"],
html body *[style*="background:#11B9E1"],
html body *[style*="background: #11B9E1"],
html body *[style*="background-color:#11B9E1"],
html body *[style*="background-color: #11B9E1"],
html body *[style*="background:#08B0D7"],
html body *[style*="background: #08B0D7"],
html body *[style*="background-color:#08B0D7"],
html body *[style*="background-color: #08B0D7"],
html body *[style*="gradient(#29BCDE"],
html body *[style*="gradient(#2DACDA"],
html body *[style*="gradient(#2A9CD9"],
html body *[style*="gradient(#29ADDD"],
html body *[style*="gradient(#11B9E1"],
html body *[style*="gradient(#08B0D7"] {
  background: var(--leaf) !important;
  background-color: var(--leaf) !important;
}

/* 2.2) Bordas inline nesses azuis → verde */
html body *[style*="border-color:#29BCDE"],
html body *[style*="border-color: #29BCDE"],
html body *[style*="border-color:#2DACDA"],
html body *[style*="border-color: #2DACDA"],
html body *[style*="border-color:#2A9CD9"],
html body *[style*="border-color: #2A9CD9"],
html body *[style*="border-color:#29ADDD"],
html body *[style*="border-color: #29ADDD"],
html body *[style*="border-color:#11B9E1"],
html body *[style*="border-color: #11B9E1"],
html body *[style*="border-color:#08B0D7"],
html body *[style*="border-color: #08B0D7"] {
  border-color: var(--leaf) !important;
}

/* 2.3) Regras comuns do tema que usam os azuis → verde */
html body .msegs li.m,
html body .tbtn-search,
html body .downIndicator,
html body .downIndicatorLg,
html body #btn-clear-text-icon,
html body #btn-search,
html body #btn-lock,
html body #btn-small-search-advanced,
html body #btn-search-within,
html body #btn-search-builder-upper,
html body .badge-blue,
html body .label-blue,
html body .text-blue {
  background-color: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: inherit;
}

/* ================== PATCH — azul remanescente → verde (#5EB230) ================== */
:root { --leaf: #5EB230; }

/* 1) FACET COUNT (badges) */
html body .facet-count, 
html body div.facet-count, 
html body .facet .facet-count {
  background: var(--leaf) !important;
  color: #fff !important;
  border: 1px solid var(--leaf) !important;
  border-radius: 999px !important;
}

/* 2) USER HEAD INFO (badge “Admin” com fundo azul #2A9CD9) */
html body #user-head-info {
  background: var(--leaf) !important;     /* usa shorthand p/ derrubar background: */
  border-color: var(--leaf) !important;
  color: #fff !important;
}

/* 3) BTN “BROWSE BY / TABS” (fundo #29BCDE) */
html body #btn-topics-display-tabs,
html body div#btn-topics-display-tabs {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: #000 !important;
}

/* 4) Azuis de classes “-blue” comuns no tema → verde */
html body .badge-blue,
html body .label-blue,
html body .text-blue,
html body .btn-blue {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: #000 !important;
}

/* 5) Garantir prioridade sobre modernblack (IDs + !important + escopo html body) */
html body #btn-search,
html body #btn-lock,
html body #btn-small-search-advanced,
html body #btn-search-within,
html body #btn-search-builder-upper {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
}

/* ===================== PATCH — azul → verde (#5EB230) para itens que escaparam ===================== */
:root { --leaf: #5EB230; }

/* 1) Botão Delete (span.deleteTracks) — estava #11B9E1 */
html body span.deleteTracks {
  background: var(--leaf) !important;   /* usar shorthand pra derrubar background: */
  border-color: var(--leaf) !important;
  color: #fff !important;
}

/* 2) Chips/filtros ativos (div.prs-facet-container.prs-term) — estava #11B9E1 */
html body div.prs-facet-container.prs-term {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: #000 !important;               /* texto escuro p/ contraste */
}

/* 3) “Clear facets” (ícone/label) — color era #11B9E1 */
html body #clear-facets-icon,
html body #clear-facets-icon * {
  color: var(--leaf) !important;
  border-color: var(--leaf) !important;
  background: transparent !important;   /* garante que não tenha fundo azul residual */
}

/* 4) “Powered by Soundminer” (link azul) */
html body .powered-by a,
html body a[href*="soundminer" i] {
  color: var(--leaf) !important;
  background: transparent !important;
  border-color: var(--leaf) !important;
}

/* 5) Título/aba “BROWSE BY / TABS” (caso tenha sobrado #29BCDE) */
html body #btn-topics-display-tabs,
html body div#btn-topics-display-tabs {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: #000 !important;
}

/* 6) Qualquer classe “-blue” genérica do tema (fallback) */
html body .badge-blue,
html body .label-blue,
html body .text-blue,
html body .btn-blue {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: #000 !important;
}

/* ===================== PATCH — azul remanescente → verde (#5EB230) ===================== */
:root { --leaf: #5EB230; }

/* 1) Links do logo (topo) */
html body a#logo,
html body a#logo.myhome {
  color: var(--leaf) !important;
}

/* 2) Botões/atalhos de busca e afins (texto azul → verde) */
html body .tbtn-search,
html body .tbtn-edit,
html body .btn-info,
html body .btn-add,
html body .btn-download,
html body .btn-download-alert,
html body .btn-similar,
html body .btn-similar-text,
html body .catalog_search_reset,
html body .icon,
html body .time,
html body a.register {
  color: var(--leaf) !important;
  border-color: var(--leaf) !important;
}

/* 3) Chips/termos (texto) */
html body .prs-term,
html body #savesearchcontent.parsed,
html body .parsed {
  color: var(--leaf) !important;
}

/* 4) Paginação (span.pg) */
html body .pg { 
  color: var(--leaf) !important;
  border-color: var(--leaf) !important;
}

/* 5) Badge/flag do filtro de busca (fundo azul → verde) */
html body #search-filter-flag {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: #fff !important;
}

/* 6) Overlay de progresso do player (barra azul sobre o waveform) */
html body #html5player-playedPortionOverlay {
  background: var(--leaf) !important;
  color: #fff !important;
}

/* 7) Cabeçalho de comentário (texto azul) e “fechar comentário” */
html body .comment-header,
html body .html5player-comment-close {
  color: var(--leaf) !important;
  border-color: var(--leaf) !important;
}

/* 8) Controles jPlayer (ícones em <a> com classes jp-*) */
html body a.jp-video-play-icon,
html body a.jp-play,
html body a.jp-pause,
html body a.jp-stop,
html body a.jp-mute,
html body a.jp-unmute,
html body a.jp-volume-max,
html body a.jp-full-screen,
html body a.jp-restore-screen,
html body a.jp-repeat,
html body a.jp-repeat-off {
  color: var(--leaf) !important;
  border-color: var(--leaf) !important;
  background-color: transparent !important; /* garante que não volte bg azul */
}

/* 9) Botões de confirmação/ações com fundo azul */
html body #confirm-delete-track,
html body .addbtn {
  background: var(--leaf) !important;
  border-color: var(--leaf) !important;
  color: #fff !important;
}

/* 10) Outros links azuis genéricos (fallback sem afetar hover/visited do tema) */
html body a:not([class*="btn"]):not([class*="button"]) {
  /* só troca a cor se ela estiver azul padrão; se o tema der outra cor, essa regra perde */
  color: var(--leaf) !important;
}

/* === LOGO: garante renderização e 66% de largura === */
html body a#logo{
  display: block !important;
  /* URL com espaço: use aspas ou %20 e um versionamento p/ forçar recarregar */
  background-image: url("https://floresta.soundchute.com/custom/logo%20recortado.png?v=2") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;

  width: 66% !important;     /* pedido: 66% do container */
  height: 70px !important;    /* altura explícita para não sumir */
  line-height: 70px !important; /* evita colapsar em alguns temas */
  overflow: visible !important;

  /* alguns temas escondem texto com text-indent; neutraliza para não deslocar o bg */
  text-indent: 0 !important;
}

/* Header precisa comportar a altura do logo */
html body .banner,
html body .topbar,
html body #header,
html body .sm-header{
  min-height: 70px !important;
  display: flex !important;
  align-items: center !important;
}

/* Topo (view-head) em verde escuro */
html body div#view-head {
  background: url("https://floresta.soundchute.com/custom/fundo login.jpg") no-repeat center center !important;
  background-size: cover !important; /* cobre toda a área, ajusta automaticamente */
  box-shadow: none !important;       /* remove sombra antiga se não quiser conflito */
  border-bottom: none !important;    /* idem, se quiser liso */
}

/* Container de botões de busca - tira azul */
html body #div-search-buttons-container {
  border-bottom: 1px solid var(--forest, #003027) !important;
}

/* ===============================
   OVERRIDES FLORESTA (prioridade)
   =============================== */

/* Botões com sprite antigo */
div.view-project span.prjbtn.prj-emailable {
    background: #f7fcfe url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat -784px 6px !important;
    border: solid 1px var(--leaf, #5EB230) !important;
}

div#view-content div.btn-forward span {
    background: url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat -107px -98px !important;
}

div#view-content div.btn-back span {
    background: url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat -66px -98px !important;
}

/* Botão de limpar busca */
#btn-project-search-clear {
    background-color: var(--leaf, #5EB230) !important;
    border: 1px solid var(--leaf, #5EB230) !important;
    color: #fff !important;
}

/* Seções com borda azul */
ul.project li.t-section > span.a,
ul.project li.l-section > span.a,
ul.project li.l-section.selected > span.a {
    border-left: 3px solid var(--leaf, #5EB230) !important;
}

/* Metadata (botões, tabelas e destaques) */
#wrap-metadata .btn-toggle {
    background: var(--leaf, #5EB230) !important;
    color: #fff !important;
}

#wrap-metadata .something .mode {
    color: var(--leaf, #5EB230) !important;
}

#wrap-metadata .something table th,
#wrap-metadata .something table td {
    border-right: 1px solid var(--leaf, #5EB230) !important;
    border-bottom: 1px solid var(--leaf, #5EB230) !important;
    color: var(--leaf, #5EB230) !important;
}

#wrap-metadata .something table {
    border-left: 1px solid var(--leaf, #5EB230) !important;
    border-top: 1px solid var(--leaf, #5EB230) !important;
}

/* Player e botões do player */
#main.player-html5flashback #ply_meta .ply_btns > span,
#onepage .wrap-player-html5flashback #ply_meta .ply_btns > span,
#main.player-html5full #ply_meta .ply_btns > span,
#onepage .wrap-player-html5full #ply_meta .ply_btns > span,
#main.player-html5fullAltOne #ply_meta .ply_btns > span,
#onepage .wrap-player-html5fullAltOne #ply_meta .ply_btns > span,
#main.player-html5 #ply_meta .ply_btns > span,
#onepage .wrap-player-html5 #ply_meta .ply_btns > span {
    background: transparent url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat 0 0 !important;
    color: var(--leaf, #5EB230) !important;
}

div#view-player.t-html5fullAltOne div#html5player-controls {
    background-image: linear-gradient(top, #4C4C4C, #2f2f2f) !important;
    background-image: -moz-linear-gradient(center top, #4C4C4C, #2f2f2f) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#2f2f2f)) !important;
    border-radius: 20px !important;
}

div#view-player.t-html5fullAltOne div#html5player-volumeTrack {
    background: linear-gradient(to right, var(--leaf, #5EB230) 0%, #919191 100%) !important;
}

/* ===============================
   Overrides Floresta - Azul → Verde
   =============================== */

/* Facet header */
div#wrap-facets div.facet-header {
    border-left: 3px solid var(--leaf, #5EB230) !important;
}

/* Botão de novo cuesheet (sprite) */
div.view-project span.prjbtn.prj-new-cuesheet {
    background: #f7fcfe url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat -629px 3px !important;
    border: solid 1px var(--leaf, #5EB230) !important;
}

/* Playlist alvo */
ul.project li.t-playlist.target {
    background-color: transparent !important;
    border: 2px solid var(--leaf, #5EB230) !important;
}

/* Display options */
div.displayOptionsBox {
    color: var(--leaf, #5EB230) !important;
}

/* Folder links */
li.t-folder .folder_a {
    color: var(--leaf, #5EB230) !important;
}

/* Modal close */
.mm-modal .mm-modal-outer .mm-modal-close {
    background: var(--leaf, #5EB230) !important;
}

/* Download buttons */
.downloadtop ul.touch li,
.download-button {
    background: var(--leaf, #5EB230) !important;
    color: #fff !important;
}

/* Simple download block */
.simple-download-block {
    border: 1px solid var(--leaf, #5EB230) !important;
}

/* Player buttons (sprites + texto) */
#main.player-html5flashback #ply_meta .ply_btns > span,
#onepage .wrap-player-html5flashback #ply_meta .ply_btns > span,
#main.player-html5full #ply_meta .ply_btns > span,
#onepage .wrap-player-html5full #ply_meta .ply_btns > span,
#main.player-html5fullAltOne #ply_meta .ply_btns > span,
#onepage .wrap-player-html5fullAltOne #ply_meta .ply_btns > span,
#main.player-html5 #ply_meta .ply_btns > span,
#onepage .wrap-player-html5 #ply_meta .ply_btns > span {
    background: transparent url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat 0 0 !important;
    color: var(--leaf, #5EB230) !important;
}

/* Left tab head */
.lefttabhead {
    border-left: 3px solid var(--leaf, #5EB230) !important;
}
.lefttabhead:hover .tab-collapse-box {
    color: var(--leaf, #5EB230) !important;
}

/* Search fields button (sprite antigo → novo) */
div#search #div-search-container #btn-search-fields span {
    background: url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat -388px -5px !important;
}

/* Album recent widget title */
.wdgt-tbl-album-recent .album-container .cddesc span.title {
    color: var(--leaf, #5EB230) !important;
    font-weight: bold;
    margin-bottom: 6px;
    padding-top: 8px;
    clear: both;
    padding-left: 5px;
}

/* Forçar override para botão de Search Fields (sprite antigo → sp1-white) */
#search #div-search-container #btn-search-fields span {
    background: url(https://floresta.soundchute.com/custom/sp1-white.png) no-repeat -388px -5px !important;
    display: inline-block !important;
    width: 12px !important;
    height: 13px !important;
}

/* === ALBUM INFO: troca sprite antiga por sp1-white, preservando posição === */
html body div.view-albums div.album-info {
  /* use shorthand p/ suplantar qualquer 'background:' anterior com !important */
  background: url("https://floresta.soundchute.com/custom/sp1-white.png") no-repeat -306px -429px transparent !important;

  /* mantém dimensões que o tema espera */
  width: 24px !important;
  height: 24px !important;

  /* garante que nenhuma regra genérica recolora */
  background-color: transparent !important;
}

/* Caso o tema aplique a versão 'lightgray' nesse combo, anulamos também */
html body div.wdgt-content div.album-container div.album-info,
html body div.view-albums div.album-info,
html body div.view-albums div.album-download-icon {
  /* só reforço da imagem; o caso principal acima já cobre */
  background-image: url("https://floresta.soundchute.com/custom/sp1-white.png") !important;
}

/* Força os itens do menu no cabeçalho verde a ficarem brancos */
#view-head #user-head-info #user-menu-cont > a,
#view-head #user-head-info #user-menu-cont > span {
    color: #fff !important;
}

/* --- Overrides adicionais --- */

/* Botões info (antes azul degradê → agora verde leaf) */
a.mm-btn.mm-btn-info,
button.mm-btn.mm-btn-info,
span.mm-btn.mm-btn-info {
  background-position: 0 0 !important;
  background-color: var(--leaf, #5EB230) !important;
  background-image: linear-gradient(top, var(--leaf, #5EB230), var(--leaf, #5EB230)) !important;
  background-image: -moz-linear-gradient(center top, var(--leaf, #5EB230), var(--leaf, #5EB230)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5EB230, endColorstr=#5EB230) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--leaf, #5EB230)), to(var(--leaf, #5EB230))) !important;
  color: #ffffff !important;
  text-shadow: 0px 0px 1px #2a2c2c !important; /* sombra discreta */
}

/* Separador playlist (antes borda azul → agora verde leaf) */
ul.project li.t-playlist ul {
  border-bottom: 2px solid var(--leaf, #5EB230) !important;
  padding-bottom: 15px;
  margin-bottom: 6px;
}

/* Botão de download do projeto (sprite atualizado) */
div.view-project span.prjbtn.prj-download {
  background: #f7fcfe var(--sp1-url) no-repeat -846px -2px !important;
  border: solid 1px var(--leaf, #5EB230) !important;
}

/* =======================
   SPRITE: forçar sp1-white
   ======================= */

/* ——— Search toolbar / badges ——— */
span#img-view-cart{background:var(--sp1-url) no-repeat -28px -5px !important;}
select#sel-source{background:var(--sp1-url) no-repeat -74px -5px !important;}
#search #div-search-container #btn-search-fields span{background:var(--sp1-url) no-repeat -388px -5px !important;}
#search #div-search-container #btn-clear-dropdown span{background:var(--sp1-url) no-repeat -405px -5px !important;}
#search #div-search-container #btn-small-search-advanced span{background:var(--sp1-url) no-repeat -421px -5px !important;}
#search #div-search-container #btn-lock span{background:var(--sp1-url) no-repeat -443px -5px !important;}
#main.lock-on #search #div-search-container #btn-lock span{background:var(--sp1-url) no-repeat -271px -98px !important;}
#search #div-search-container #btn-search .item-text{background:var(--sp1-url) no-repeat -460px -5px !important;}
.catalog_search_reset .icon{background:var(--sp1-url) no-repeat -487px -5px !important;}
.catalog_search_indicator-arow{background:var(--sp1-url) no-repeat -505px -5px !important;}
.search-project .ProjectSearchType a{background:var(--sp1-url) no-repeat -915px -5px !important;}

/* ——— Project header buttons ——— */
div.view-project span.prjbtn.prj-open-videosync{background:#f7fcfe var(--sp1-url) no-repeat -517px 2px !important;}
div.view-project span.prjbtn.prj-open-videosync:hover{background:var(--leaf,#5EB230) var(--sp1-url) no-repeat -549px 2px !important;}

div.view-project span.prjbtn.prj-new-playlist{background:#f7fcfe var(--sp1-url) no-repeat -581px 5px !important;}
div.view-project span.prjbtn.prj-new-playlist:hover{background:var(--leaf,#5EB230) var(--sp1-url) no-repeat -604px 5px !important;}

div.view-project span.prjbtn.prj-new-cuesheet{background:#f7fcfe var(--sp1-url) no-repeat -629px 3px !important;}
div.view-project span.prjbtn.prj-new-cuesheet:hover{background:var(--leaf,#5EB230) var(--sp1-url) no-repeat -652px 3px !important;}

div.view-project span.prjbtn.prj-new-folder{background:#f7fcfe var(--sp1-url) no-repeat -676px 4px !important;}
div.view-project span.prjbtn.prj-new-folder:hover{background:var(--leaf,#5EB230) var(--sp1-url) no-repeat -701px 4px !important;}

div.view-project span.prjbtn.prj-delete{background:#f7fcfe var(--sp1-url) no-repeat -730px 4px !important;}
div.view-project span.prjbtn.prj-delete:hover{background:var(--leaf,#5EB230) var(--sp1-url) no-repeat -755px 4px !important;}

div.view-project span.prjbtn.prj-emailable{background:#f7fcfe var(--sp1-url) no-repeat -784px 6px !important;}
div.view-project span.prjbtn.prj-emailable:hover{background:var(--leaf,#5EB230) var(--sp1-url) no-repeat -811px 6px !important;}

div.view-project span.prjbtn.prj-download{background:#f7fcfe var(--sp1-url) no-repeat -846px -2px !important;}
div.view-project span.prjbtn.prj-download:hover{background:var(--leaf,#5EB230) var(--sp1-url) no-repeat -877px -2px !important;}

/* ——— Project list / folders ——— */
ul.project li.t-section.closed > span span.b,
ul.project li.closing > span span.b{background:var(--sp1-url) no-repeat -960px -5px !important;}

ul.project li.t-section > span span.b{background:var(--sp1-url) no-repeat -984px -5px !important;}

ul.project li.t-folder.closed > span span.b,
.parent-section-shared .folders_inner .closed > span.a span.b{background:var(--sp1-url) no-repeat -32px -66px !important;}

ul.project li.t-folder.opened > span span.b,
.parent-section-shared .folders_inner .opened > span.a span.b{background:var(--sp1-url) no-repeat -55px -66px !important;}

ul.folders_inner::before{background:var(--sp1-url) no-repeat -5px -66px !important;}

/* ——— Topics / home / nav ——— */
div#main.search-topics-enabled #btn-topics-display span{background:var(--sp1-url) no-repeat -5px -98px !important;}
div#main #btn-topics-display span{background:var(--sp1-url) no-repeat -242px -98px !important;}
div#btn-home span{background:var(--sp1-url) no-repeat -26px -97px !important;}

/* ——— View content nav buttons ——— */
div#view-content div.btn-back span{background:var(--sp1-url) no-repeat -66px -98px !important;}
div#view-content div.btn-forward span{background:var(--sp1-url) no-repeat -107px -98px !important;}
div#view-content > div.head #btn-show-tools-group > span{background:var(--sp1-url) no-repeat -152px -96px !important;}
span.icon.icon-database{background:var(--sp1-url) no-repeat -193px -97px !important;}
#main.lock-off #search #div-search-container #btn-lock span{background:var(--sp1-url) no-repeat -298px -97px !important;}

/* ——— Play / add / download iconareas ——— */
span.btn-play span.btn-play-text{background:var(--sp1-url) no-repeat -344px -97px !important;}
tr.playing span.btn-play span.btn-play-text{background:var(--sp1-url) no-repeat -504px -631px !important;}

span.btn-add .iconarea{background:var(--sp1-url) no-repeat -428px -98px !important;}
span.btn-add .iconarea:hover{background:var(--sp1-url) no-repeat -6px -429px !important;}

span.btn-download .iconarea{background:var(--sp1-url) no-repeat -492px -98px !important;}
span.btn-download .iconarea:hover{background:var(--sp1-url) no-repeat -70px -429px !important;}

span.btn-album-info .iconarea{background:var(--sp1-url) no-repeat -558px -98px !important;}
span.btn-album-info .iconarea:hover{background:var(--sp1-url) no-repeat -136px -429px !important;}

span.btn-cart-ecomm .iconarea{background:var(--sp1-url) no-repeat -623px -98px !important;}
span.btn-cart-ecomm .iconarea:hover{background:var(--sp1-url) no-repeat -201px -429px !important;}

.view-tracks .viewglobalcomment{background:var(--sp1-url) no-repeat -771px -97px !important;}

/* ——— Pagination ——— */
div.pg span.pg-first{background:var(--sp1-url) no-repeat -962px -97px !important;}
div.pg span.pg-prev{background:var(--sp1-url) no-repeat -874px -97px !important;}
div.pg span.pg-next{background:var(--sp1-url) no-repeat -832px -97px !important;}
div.pg span.pg-last{background:var(--sp1-url) no-repeat -920px -97px !important;}

/* ——— Album info badge ——— */
div.view-albums div.album-info,
div.wdgt-content div.album-container div.album-info,
div.wdgt-content div.album-container div.album-info:hover{background:var(--sp1-url) no-repeat -306px -429px !important;}

/* ——— Selects (setinhas custom) ——— */
#comm-view-cart-items .selection-blok select,
.download-lower-select,
#dialog-advanced h4.mm-modal-sub-header select,
#dialog-advanced.mm-modal #dialog-advanced-rule-builder .rules .rule select,
div#view-content div.view-browse div.head select,
#commmerce-rate-options #commerce-rate-optons-choices #commmerce-rate-options-list td select,
#comm-view-cart-billing-details .frm.parent select {
  background: var(--sp1-url) no-repeat -36px -168px !important;
}

/* ——— Dialog rule builder +/- ——— */
#dialog-advanced.mm-modal #dialog-advanced-rule-builder .rules .rule span.btn-plus{background:var(--sp1-url) no-repeat -771px -96px !important;}
#dialog-advanced.mm-modal #dialog-advanced-rule-builder .rules .rule span.btn-minus{background:var(--sp1-url) no-repeat -297px -168px !important;}

/* ——— Misc ——— */
body#body-main span.edit-user_comments{background:var(--sp1-url) no-repeat -698px -97px !important;}
#licensedtrack .download-area-close{background:var(--sp1-url) no-repeat -66px -96px !important;}

/* ——— Project control bar icons ——— */
.project-control-btn span{background:var(--sp1-url) no-repeat -6px -98px !important;}
.project-control-btn span.show{background:var(--sp1-url) no-repeat -242px -98px !important;}

/* ——— Player (html5fullAltOne) meta bar ——— */
#main.player-html5fullAltOne #ply_meta .ply_btns > span.btn-info{background:var(--sp1-url) no-repeat -517px -429px !important;}
#main.player-html5fullAltOne #ply_meta .ply_btns > span.btn-add{background:var(--sp1-url) no-repeat -517px -473px !important;}
#main.player-html5fullAltOne #ply_meta .ply_btns > span.btn-download{background:var(--sp1-url) no-repeat -517px -515px !important;}
#main.player-html5fullAltOne #ply_meta .ply_btns > span.btn-download-album{background:var(--sp1-url) no-repeat -746px -429px !important;}
#main.player-html5fullAltOne #ply_meta .ply_btns > span.btn-similar{background:var(--sp1-url) no-repeat -748px -474px !important;}

/* ——— NO_GROUP_TOOLS toggle bar ——— */
.NO_GROUP_TOOLS #btn-columns{background:var(--sp1-url) no-repeat -176px -573px !important;}
.NO_GROUP_TOOLS #btn-view-fixed{background:var(--sp1-url) no-repeat -95px -573px !important;}
.NO_GROUP_TOOLS #btn-view-auto{background:var(--sp1-url) no-repeat -264px -573px !important;}
.NO_GROUP_TOOLS #btn-group{background:var(--sp1-url) no-repeat -530px -573px !important;}
.NO_GROUP_TOOLS #btn-vista-tracks{background:var(--sp1-url) no-repeat -95px -573px !important;}
.NO_GROUP_TOOLS #btn-vista-mixed{background:var(--sp1-url) no-repeat -438px -573px !important;}
.NO_GROUP_TOOLS #btn-vista-albums{background:var(--sp1-url) no-repeat -353px -573px !important;}
.NO_GROUP_TOOLS #btn-player-toggle{background:var(--sp1-url) no-repeat -723px -573px !important;}
.NO_GROUP_TOOLS #btn-browse{background:var(--sp1-url) no-repeat -640px -573px !important;}
.NO_GROUP_TOOLS #btn-update{background:var(--sp1-url) no-repeat -789px -573px !important;}

/* =========================================================
   LOTE DE AJUSTES - ÍCONES, BOTÕES E WAVEFORM
   ========================================================= */

/* --- ALBUM DETAILS --- */
.single-album-image-wrap .single-album-details .album-library{
  color: var(--leaf) !important;
}

.single-album-details .album-back-icon{
  color: var(--leaf) !important;
  background: transparent url(/img/iconsprite-retina/icon-sprite-white.png) no-repeat -79px 1px !important;
  border-color: var(--leaf) !important;
}

/* --- BOTÕES DE PROJETO (Topo do Project) --- */
div.view-project span.prjbtn.prj-open-videosync{
  background: #f7fcfe var(--sp1-url) no-repeat -517px 2px !important;
  border: 1px solid var(--leaf) !important;
}
div.view-project span.prjbtn.prj-new-playlist{
  background: #f7fcfe var(--sp1-url) no-repeat -581px 5px !important;
  border: 1px solid var(--leaf) !important;
}
div.view-project span.prjbtn.prj-new-folder{
  background: #f7fcfe var(--sp1-url) no-repeat -676px 4px !important;
  border: 1px solid var(--leaf) !important;
}
div.view-project span.prjbtn.prj-delete{
  background: #f7fcfe var(--sp1-url) no-repeat -730px 4px !important;
  border: 1px solid var(--leaf) !important;
}

/* Player – barra tocada (overlay) – força cor sólida */
html body #html5player-playedPortionOverlay {
  background: none !important;          /* elimina bg anterior (gradiente/imagen) */
  background-color: var(--leaf) !important;  /* usa o verde do tema */
}

/* Botão download álbum (single) – ajustado */
.single-album-image-wrap .single-album-details .btn-download-album-single {
    position: absolute !important;
    display: block;
    left: 10px;
    top: 120px;
    margin: 5px 3px 3px 3px;
    width: 18px;
    height: 18px;

    cursor: pointer;
    font-weight: bold;
    text-indent: -999999px;

    background-color: var(--leaf) !important;
    background-image: url(/img/iconsprite-retina/icon-sprite-white.png) !important;
    background-position: -143px 2px !important;
    border: 1px solid var(--leaf) !important;
    color: #fff !important;
}

/* Base: garante que NENHUMA regra do tema zere o sprite */
.single-album-image-wrap .single-album-details .album-add-to-playlist,
.single-album-image-wrap .single-album-details .btn-download-album-single,
.single-album-details .album-back-icon {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-origin: content-box !important;
    background-clip: padding-box !important;
    text-indent: -999999px !important; /* mantém o texto escondido */
    border-radius: 100px !important;
}

/* Ícone “+” (adicionar à playlist) – ícone branco em fundo verde */
.single-album-image-wrap .single-album-details .album-add-to-playlist {
    background-color: var(--leaf) !important;
    background-image: url(/img/iconsprite-retina/icon-sprite-white.png) !important;
    background-position: -751px -95px !important; /* 🔧 ajuste este valor */
    background-repeat: no-repeat !important;
    background-size: auto !important;
    border: 1px solid var(--leaf) !important;
    border-radius: 100px !important;
    color: #fff !important;
}

/* Botão voltar – ícone branco sobre fundo verde */
.single-album-details .album-back-icon {
    background-color: var(--leaf) !important;
    background-image: url(/img/iconsprite-retina/icon-sprite-white.png) !important;
    background-position: -79px 1px !important;
    border: 1px solid var(--leaf) !important;
    color: #fff !important;
}

/* Em alguns temas, há uma regra que tira o bg desses dois – neutraliza: */
.single-album-details #btn-download-album,
.single-album-details .album-back-icon {
    background: inherit; /* não apaga o que definimos acima porque lá tem !important */
}

/* Overlay da parte tocada – força verde */
html body #view-player #html5player-playedPortionOverlay,
html body div#html5player-playedPortionOverlay {
    background: var(--leaf) !important;
}

/* Ajuste de tom do PNG da waveform para “verde” */
#view-player #html5player-waveform-img {
    filter: hue-rotate(-150deg) saturate(3) brightness(2.7) !important;
}

/* =========================
   1) Fonte global Montserrat
   ========================= */
html, body, input, button, select, textarea {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}

/* ======================================
   2) Login/Forgot — fundo cobrindo 100%
   (mata qualquer fundo cinza/branco)
   ====================================== */
html#login, body#login,
html#forgot, body#forgot {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: url("https://floresta.soundchute.com/custom/fundo login.jpg")
              center center / cover fixed no-repeat !important;
}

/* evita que regras globais pintem o fundo por cima */
body#login *, body#forgot * {
  background-color: transparent !important;
}

/* mantém apenas o card com seu próprio fundo */
body#login #login-box, 
body#forgot #login-box,
body#login #login, 
body#forgot #login {
  background-color: rgba(0,0,0,.65) !important; /* ajuste se quiser */
}

/* força o wrapper da página a ocupar a viewport inteira
   e posiciona o conteúdo confortavelmente */
body#login #wrap, 
body#forgot #wrap {
  min-height: 100vh !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;     /* top */
  padding-top: 100px;              /* distância do topo p/ o logo */
  padding-bottom: 60px;
  background: transparent !important;
}

/* ======================================
   3) Login/Forgot — logo da Floresta
   ====================================== */
body#login #logo, 
body#forgot #logo {
  display: block !important;
  margin: 0 auto 20px auto !important;
  width: 66% !important;            /* pedido: 66% da largura do container */
  max-width: 420px !important;      /* trava para telas grandes (ajuste se quiser) */
  height: 90px !important;          /* ajuste conforme proporção do seu PNG */
  background: url("https://floresta.soundchute.com/custom/logo recortado.png")
              center / contain no-repeat !important;
}

/* ================================
   LOGIN + REGISTER CORREÇÕES
   ================================ */

/* Inputs de login: fundo escuro + texto branco legível */
body#login input[type='text'],
body#login input[type='password'],
body#forgot input[type='text'],
body#forgot input[type='password'],
body#register input[type='text'],
body#register input[type='password'],
body#register input[type='email'],
body#register select,
body#register textarea {
  background: #222 !important;
  border: 1px solid #666 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Placeholder claro para contraste */
body#login input::placeholder,
body#register input::placeholder {
  color: #ccc !important;
}

/* Botão login (submit) → verde em vez do azul */
body#login .dialog input[type="submit"],
body#forgot .dialog input[type="submit"] {
  background: var(--leaf) !important;   /* verde */
  border: 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-weight: bold !important;
  text-shadow: none !important;
  padding: 6px 12px !important;
}

/* Balão de tags (prs-term) → texto branco */
html body .prs-term,
html body #savesearchcontent.parsed,
html body .parsed {
  color: #fff !important;
}

/* Paginação: número ativo em preto para contraste */
html body .pg.pg-active,
html body div.pg span.pg-active {
  color: #000 !important;
  font-weight: bold !important;
  background-color: #fff !important; /* opcional, realce */
  border-radius: 3px;
  padding: 0 4px;
}

/* ================================
   PÁGINA REGISTER (/register)
   ================================ */

/* Fundo igual ao login */
html#register, body#register {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: url("https://floresta.soundchute.com/custom/fundo login.jpg")
              center center / cover fixed no-repeat !important;
}

/* Neutralizar fundo cinza herdado */
body#register * {
  background-color: transparent !important;
}

/* Caixa do formulário mantém fundo */
body#register #login-box, 
body#register #register-box {
  background-color: rgba(0,0,0,.65) !important;
  padding: 20px;
  border-radius: 8px;
}

/* Botão de registro → verde */
body#register input.btn-register.mm-btn.mm-btn-info.right {
  background-color: var(--leaf) !important;
  border-radius: 4px !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  height: 42px !important;
  padding: 0 24px !important;
  margin-bottom: 20px !important;
}

/* Logo da Floresta no Register */
body#register #logo {
  display: block !important;
  margin: 0 auto 20px auto !important;
  width: 66% !important;
  max-width: 420px !important;
  height: 90px !important;
  background: url("https://floresta.soundchute.com/custom/logo recortado.png")
              center / contain no-repeat !important;
}

/* Paginação: número ativo destacado */
html body div.pg span.pg-active,
html body div.pg .pg-active,
html body .pg span.pg-active {
  color: #000 !important;
  font-weight: bold !important;
  background: #fff !important;
  border: 1px solid var(--leaf) !important;
  border-radius: 3px !important;
  padding: 0 4px !important;
}

/********************************************
 * FIX — TROCA DE AZUIS NAS JANELAS
 * PROFILE, DOWNLOAD E INPUTS DE PREFS
 ********************************************/

/* Verde escuro padrão */
:root {
    --leaf-dark: #2F6B1A;
}

/* DOWNLOAD MODAL — botões da lista */
#downloadmodal fieldset ul.touch li {
    background: var(--leaf-dark) !important;
    color: #fff !important;
}

/* Botão azul escuro genérico */
.blue > span {
    background-color: var(--leaf-dark) !important;
    background-image: none !important;
    color: #fff !important;
}

/* Links azuis → verdes */
a:link,
a:visited,
a:active {
    color: var(--leaf) !important;
}

/* LABELS de Profile */
div.pref span.label {
    color: var(--leaf) !important;
}

/* Textos dentro de inputs de prefs */
div.pref span.pref input[type='text'],
div.pref span.pref input[type='password'] {
    color: var(--leaf) !important;
}

/* Botão DONE no profile */
div.view-prefs div#pref-edit-area input.btn-done {
    color: var(--leaf) !important;
    background-color: #000 !important;
}

/* Ícone de ajuda (?)  */
span.btn-help:before {
    color: var(--leaf) !important;
}

/* Registro de seleção azul nos PLAYLIST/PROJECT */
ul.project li.t-playlist ul {
    border-bottom-color: var(--leaf) !important;
}

/* Campo de download dentro do profile */
.download-lower-select {
    border-color: var(--leaf) !important;
}

/* Botões de + e – do Rule Builder */
#dialog-advanced.mm-modal #dialog-advanced-rule-builder .rules .rule span.btn-plus,
#dialog-advanced.mm-modal #dialog-advanced-rule-builder .rules .rule span.btn-minus {
    color: var(--leaf) !important;
}

/* Ícones azuis (os de sprite lightblue) devem ficar verdes */
.view-tracks .viewglobalcomment,
span.btn-add .iconarea,
span.btn-download .iconarea,
span.btn-album-info .iconarea,
span.btn-cart-ecomm .iconarea {
    filter: hue-rotate(80deg) brightness(1.2); /* aplica tonalidade verde sobre o sprite branco/azul */
}

/* JANELA DE PROFILE — cabeçalhos */
div.view-prefs .pref-head,
div.view-prefs .pref-title {
    color: var(--leaf) !important;
}

/* Títulos de seções internas */
div.pref h3,
div.pref h4 {
    color: var(--leaf) !important;
}

/* Botão SAVE nos prefs */
div.pref input[type='submit'],
div.pref input[type='button'] {
    background-color: var(--leaf) !important;
    color: #fff !important;
    border: none !important;
}

/* DOWNLOAD PAGE – campos */
#downloadmodal input,
#downloadmodal select,
#downloadmodal textarea {
    border-color: var(--leaf) !important;
    color: #fff !important;
}

/********************************************
 * Qualquer azul residual global
 ********************************************/
[class*="blue"], 
[class*="Blue"] {
    color: var(--leaf) !important;
}

/**************************************
 * PATCH 1 — bluepill → verde leaf
 **************************************/
#unique_track_info_popup.inside-info-return .gutter .album + div .bluepill {
    background: var(--leaf) !important;
    color: #fff !important;
}

/**************************************
 * PATCH 2 — botão circular fechar pop-up
 **************************************/
.close-return-popup {
    background: var(--leaf) !important;
    border-color: var(--leaf) !important;
    color: #fff !important;
}

/**************************************
 * PATCH 3 — substituir sprite branca pelo arquivo customizado
 **************************************/
.return-popup-btns .info-container-button-download {
    background-image: url("https://floresta.soundchute.com/custom/sp1-white.png?v=1") !important;
}

/**************************************
 * PATCH 4 — faixa selecionada (verde escuro)
 **************************************/
table.table tbody tr.selected {
    background: #3F4A3E !important;
    color: #fff !important;
}

/* ---- Override dos botões da janela de retorno (tracks e add) ---- */
.return-popup-btns .info-container-button-tracks {
    background: url(https://floresta.soundchute.com/custom/sp1-white.png?v=1) 
                no-repeat -539px -237px !important;
}

.return-popup-btns .info-container-button-add {
    background: url(https://floresta.soundchute.com/custom/sp1-white.png?v=1) 
                no-repeat -357px -237px !important;
}

/* ---- CLOSE MESSAGE (janela modal) ---- */
.message_modal .message_header #close-message {
    color: var(--leaf) !important;   /* Substitui #11b9e1 */
}

.message_modal .message_header #close-message:hover {
    color: var(--leaf-hi) !important;   /* opcional — brilho no hover */
}

/* --- Modal Tabs: substituir azul por verde --- */

/* Aba selecionada */
.mm-modal .mm-modal-outer .mm-modal-tabs li.selected {
    background: var(--leaf) !important; /* verde claro */
    border: 1px solid var(--leaf) !important;
    border-bottom: 0 !important;
}

/* Conteúdo do tab (borda superior que antes era azul) */
.mm-modal .mm-modal-outer .mm-modal-inner.mm-modal-tabs-content {
    border: 1px solid var(--forest) !important; /* verde escuro */
}

/* ================================
   1) Azuis → verde var(--leaf)
   ================================ */

/* #onepage headings */
#onepage #wrap-edit .heading {
    color: var(--leaf) !important;
}

/* Stats page headings */
#div-onepage-stats-content .div-onepage-stats-title {
    color: var(--leaf) !important;
}

/* "edit fields" blue row */
#onepage #wrap-edit #fs-fields thead th {
    background: #000 !important; /* era #4fd7f6 — agora preto */
    color: #fff !important;
}

/* Título do cuesheet: sem fundo sólido, só texto sobre o header */
div#view-head h2.cuesheet-header-text {
  background: transparent !important;
  color: #ffffff !important;
  line-height: 1.4;
  padding-top: 20px;  /* opcional: empurra o texto pra baixo do logo */
}