/*
 * Sin Control Distro - Main Stylesheet
 * Combines brand colors and DSP logo sprites
 */

/* ==========================================================================
   Brand Colors
   ========================================================================== */

/* Yellow brand color: #fddd10 */
.text-brand-yellow {
  color: #fddd10 !important;
}

.bg-brand-yellow {
  background-color: #fddd10 !important;
}

.border-brand-yellow {
  border-color: #fddd10 !important;
}

.hover\:text-brand-yellow:hover {
  color: #fddd10 !important;
}

.hover\:bg-brand-yellow:hover {
  background-color: #fddd10 !important;
}

/* Black brand color for consistency */
.text-brand-black {
  color: #000000 !important;
}

.bg-brand-black {
  background-color: #000000 !important;
}

.border-brand-black {
  border-color: #000000 !important;
}

.hover\:bg-brand-black:hover {
  background-color: #000000 !important;
}

/* Utility class for gray-900 (very dark hover state) */
.hover\:bg-gray-900:hover {
  background-color: #111827 !important;
}

/* Common button combinations */
.btn-brand {
  background-color: #000000 !important;
  color: #fddd10 !important;
  border: 2px solid #fddd10 !important;
}

.btn-brand:hover {
  background-color: #111827 !important;
}

/* Landing page specific combinations */
.btn-brand-link {
  background-color: #000000;
  color: #fddd10;
  border: 2px solid #fddd10;
}

.btn-brand-link:hover {
  background-color: #111827;
}

/* Link styles - black links */
.link-brand {
  color: #000000 !important;
}

.link-brand:hover {
  text-decoration: underline;
}

/* ==========================================================================
   DSP Logo Sprites
   ========================================================================== */

.dsp-item-logo {
    width: 32px;
    height: 32px;
    background-image: url("/assets/dsps/dsp-logos-v2-486b23b0.png");
    background-size: 352px 352px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
    margin: 0;
    display: inline-block;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Retina display support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .dsp-item-logo {
        background-image: url("/assets/dsps/dsp-logos-v2@2x-e76a0b17.png");
    }
}

@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .dsp-item-logo {
        background-image: url("/assets/dsps/dsp-logos-v2@3x-1b9e098b.png");
    }
}

/* DSP Logo Positions */
.dsp-item-logo-nuuday { background-position: 0px 0px; }
.dsp-item-logo-sevendigital { background-position: -32px -96px; }
.dsp-item-logo-eighttrack { background-position: -32px 0px; }
.dsp-item-logo-amazon { background-position: -64px 0px; }
.dsp-item-logo-amazondod { background-position: -64px 0px; }
.dsp-item-logo-amie { background-position: -64px -96px; }
.dsp-item-logo-audiblemagic { background-position: -96px 0px; }
.dsp-item-logo-beatport { background-position: -96px -96px; }
.dsp-item-logo-deezer { background-position: -128px 0px; }
.dsp-item-logo-emusic { background-position: -128px -96px; }
.dsp-item-logo-eos { background-position: -160px 0px; }
.dsp-item-logo-googlemusic { background-position: -160px -96px; }
.dsp-item-logo-omnifone { background-position: 0px -32px; }
.dsp-item-logo-iheartradio { background-position: 0px -128px; }
.dsp-item-logo-imusica { background-position: -32px -32px; }
.dsp-item-logo-itunes { background-position: -32px -128px; }
.dsp-item-logo-itunestransporter { background-position: -32px -128px; }
.dsp-item-logo-juno { background-position: -64px -128px; }
.dsp-item-logo-kanjian { background-position: -64px -32px; }
.dsp-item-logo-kkbox { background-position: -96px -128px; }
.dsp-item-logo-medianet { background-position: -96px -32px; }
.dsp-item-logo-nokia { background-position: -128px -128px; }
.dsp-item-logo-rdio { background-position: -128px -32px; }
.dsp-item-logo-pandora { background-position: -128px -32px; }
.dsp-item-logo-pcmusic { background-position: -128px -160px; }
.dsp-item-logo-napster { background-position: -160px -32px; }
.dsp-item-logo-saavn { background-position: -192px -32px; }
.dsp-item-logo-shazam { background-position: 0px -160px; }
.dsp-item-logo-simfy { background-position: 0px -64px; }
.dsp-item-logo-slacker { background-position: -192px 0px; }
.dsp-item-logo-soundcloud { background-position: -32px -160px; }
.dsp-item-logo-spotify { background-position: -32px -64px; }
.dsp-item-logo-spotifyplaylist { background-position: -32px -64px; }
.dsp-item-logo-tidal { background-position: -64px -64px; }
.dsp-item-logo-vervelife { background-position: -64px -160px; }
.dsp-item-logo-vidzone { background-position: -96px -64px; }
.dsp-item-logo-wasabeat { background-position: -96px -160px; }
.dsp-item-logo-xboxmusic { background-position: -128px -64px; }
.dsp-item-logo-youtube { background-position: -160px -64px; }
.dsp-item-logo-youtubemusic { background-position: -160px -64px; }
.dsp-item-logo-youtubepublishing { background-position: -160px -64px; }
.dsp-item-logo-zvook { background-position: 0px -96px; }
.dsp-item-logo-metapop { background-position: -192px -128px; }
.dsp-item-logo-soundexchange { background-position: -192px -160px; }
.dsp-item-logo-peloton { background-position: -160px -160px; }
.dsp-item-logo-linemusic { background-position: -192px -96px; }
.dsp-item-logo-umamusic { background-position: -192px -64px; }
.dsp-item-logo-awa { background-position: -32px -192px; }
.dsp-item-logo-touchtunes { background-position: -64px -192px; }
.dsp-item-logo-netease { background-position: -96px -192px; }
.dsp-item-logo-alibaba { background-position: -128px -192px; }
.dsp-item-logo-facebookmusic { background-position: -160px -192px; }
.dsp-item-logo-facebookfingerprinting { background-position: -160px -192px; }
.dsp-item-logo-rxmusic { background-position: -192px -192px; }
.dsp-item-logo-audiomack { background-position: 0px -224px; }
.dsp-item-logo-leeway { background-position: -32px -224px; }
.dsp-item-logo-yandex { background-position: -64px -224px; }
.dsp-item-logo-tencent { background-position: -96px -224px; }
.dsp-item-logo-tiktok { background-position: -128px -224px; }
.dsp-item-logo-boomplay { background-position: -160px -224px; }
.dsp-item-logo-jaxsta { background-position: -192px -224px; }
.dsp-item-logo-mixcloud { background-position: -224px 0px; }
.dsp-item-logo-anghami { background-position: -224px -32px; }
.dsp-item-logo-hungama { background-position: -224px -64px; }
.dsp-item-logo-pretzel { background-position: -224px -96px; }
.dsp-item-logo-bleep { background-position: -224px -128px; }
.dsp-item-logo-bugs { background-position: -224px -160px; }
.dsp-item-logo-dubstoresound { background-position: -256px -32px; }
.dsp-item-logo-fizy { background-position: -256px -64px; }
.dsp-item-logo-groovefox { background-position: -256px 0px; }
.dsp-item-logo-hardstyle { background-position: -224px -192px; }
.dsp-item-logo-joox { background-position: -224px -224px; }
.dsp-item-logo-kuackmedia { background-position: -256px -96px; }
.dsp-item-logo-moraqualitas { background-position: -256px -128px; }
.dsp-item-logo-navermusic { background-position: -256px -160px; }
.dsp-item-logo-nightlifemusic { background-position: -256px -192px; }
.dsp-item-logo-stellarentertainment { background-position: 0px -256px; }
.dsp-item-logo-timitalia { background-position: -32px -256px; }
.dsp-item-logo-trackdrip { background-position: -64px -256px; }
.dsp-item-logo-beatsource { background-position: -96px -256px; }
.dsp-item-logo-dreamuscompany { background-position: -128px -256px; }
.dsp-item-logo-geniemusic { background-position: -160px -256px; }
.dsp-item-logo-soundmouse { background-position: -192px -256px; }
.dsp-item-logo-applemusic { background-position: -224px -256px; }
.dsp-item-logo-amazonmusic { background-position: -256px -256px; }
.dsp-item-logo-resso { background-position: -32px 0px; }
.dsp-item-logo-downtown { background-position: 0px -288px; }
.dsp-item-logo-adaptr { background-position: -32px -288px; }
.dsp-item-logo-lyricfind { background-position: -64px -288px; }
.dsp-item-logo-tribecast { background-position: -96px -288px; }
.dsp-item-logo-vevo { background-position: -128px -288px; }
.dsp-item-logo-bmat { background-position: -160px -288px; }
.dsp-item-logo-clicknclear { background-position: -192px -288px; }
.dsp-item-logo-moodagent { background-position: -224px -288px; }
.dsp-item-logo-zingmp3 { background-position: -256px -288px; }
.dsp-item-logo-qobuz { background-position: -288px 0px; }
.dsp-item-logo-moodmedia { background-position: -288px -32px; }
.dsp-item-logo-gogopix { background-position: -288px -64px; }
.dsp-item-logo-labocinalatina { background-position: -288px -96px; }
.dsp-item-logo-trebel { background-position: -288px -128px; }
.dsp-item-logo-kuaishou { background-position: -288px -160px; }
.dsp-item-logo-supernatural { background-position: -288px -192px; }
.dsp-item-logo-hookmusic { background-position: -288px -224px; }
.dsp-item-logo-lissen { background-position: -288px -256px; }
.dsp-item-logo-audius { background-position: -288px -288px; }
.dsp-item-logo-idagio { background-position: -320px 0px; }
.dsp-item-logo-mdundo { background-position: -320px -32px; }