/* Zodiac Icons Sprite - 4 columns x 3 rows */
.zodiac-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url('/horoscope/images/zodiac-gold.png');
  background-size: 192px 144px; /* 4x3 grid */
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}

/* Small version for inline use */
.zodiac-icon-sm {
  width: 24px;
  height: 24px;
  background-size: 96px 72px;
}

/* Large version for headers */
.zodiac-icon-lg {
  width: 80px;
  height: 80px;
  background-size: 320px 240px;
}

/* Large positions */
.zodiac-icon-lg.zodiac-aries { background-position: 0 0; }
.zodiac-icon-lg.zodiac-taurus { background-position: -80px 0; }
.zodiac-icon-lg.zodiac-gemini { background-position: -160px 0; }
.zodiac-icon-lg.zodiac-cancer { background-position: -240px 0; }
.zodiac-icon-lg.zodiac-leo { background-position: 0 -80px; }
.zodiac-icon-lg.zodiac-virgo { background-position: -80px -80px; }
.zodiac-icon-lg.zodiac-libra { background-position: -160px -80px; }
.zodiac-icon-lg.zodiac-scorpio { background-position: -240px -80px; }
.zodiac-icon-lg.zodiac-sagittarius { background-position: 0 -160px; }
.zodiac-icon-lg.zodiac-capricorn { background-position: -80px -160px; }
.zodiac-icon-lg.zodiac-aquarius { background-position: -160px -160px; }
.zodiac-icon-lg.zodiac-pisces { background-position: -240px -160px; }

/* Row 1 */
.zodiac-aries { background-position: 0 0; }
.zodiac-taurus { background-position: -48px 0; }
.zodiac-gemini { background-position: -96px 0; }
.zodiac-cancer { background-position: -144px 0; }

/* Row 2 */
.zodiac-leo { background-position: 0 -48px; }
.zodiac-virgo { background-position: -48px -48px; }
.zodiac-libra { background-position: -96px -48px; }
.zodiac-scorpio { background-position: -144px -48px; }

/* Row 3 */
.zodiac-sagittarius { background-position: 0 -96px; }
.zodiac-capricorn { background-position: -48px -96px; }
.zodiac-aquarius { background-position: -96px -96px; }
.zodiac-pisces { background-position: -144px -96px; }

/* Small versions */
.zodiac-icon-sm.zodiac-aries { background-position: 0 0; }
.zodiac-icon-sm.zodiac-taurus { background-position: -24px 0; }
.zodiac-icon-sm.zodiac-gemini { background-position: -48px 0; }
.zodiac-icon-sm.zodiac-cancer { background-position: -72px 0; }
.zodiac-icon-sm.zodiac-leo { background-position: 0 -24px; }
.zodiac-icon-sm.zodiac-virgo { background-position: -24px -24px; }
.zodiac-icon-sm.zodiac-libra { background-position: -48px -24px; }
.zodiac-icon-sm.zodiac-scorpio { background-position: -72px -24px; }
.zodiac-icon-sm.zodiac-sagittarius { background-position: 0 -48px; }
.zodiac-icon-sm.zodiac-capricorn { background-position: -24px -48px; }
.zodiac-icon-sm.zodiac-aquarius { background-position: -48px -48px; }
.zodiac-icon-sm.zodiac-pisces { background-position: -72px -48px; }