/* Additional styles for the application */
body {
    padding-bottom: 20px;
}

pre {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
    overflow-x: auto;
}

code {
    color: #28a745;
}

.list-group-item {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.125);
}

.list-group-item h3 {
    font-size: 1.25rem;
    color: #17a2b8;
}

#current-lunar-info, #calculation-result {
    min-height: 150px;
}

/* Add some animation for loading states */
.loading {
    position: relative;
}

.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
}

.loading::before {
    content: 'Loading...';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    z-index: 1;
}

/* Planet and zodiac colors */
.planet-sun { color: #FF9800; }
.planet-moon { color: #BDBDBD; }
.planet-mercury { color: #00BCD4; }
.planet-venus { color: #E91E63; }
.planet-mars { color: #F44336; }
.planet-jupiter { color: #673AB7; }
.planet-saturn { color: #607D8B; }
.planet-uranus { color: #3F51B5; }
.planet-neptune { color: #2196F3; }
.planet-pluto { color: #9C27B0; }

.sign-aries { color: #F44336; }
.sign-taurus { color: #4CAF50; }
.sign-gemini { color: #FFEB3B; }
.sign-cancer { color: #BDBDBD; }
.sign-leo { color: #FF9800; }
.sign-virgo { color: #795548; }
.sign-libra { color: #3F51B5; }
.sign-scorpio { color: #9C27B0; }
.sign-sagittarius { color: #FF5722; }
.sign-capricorn { color: #607D8B; }
.sign-aquarius { color: #2196F3; }
.sign-pisces { color: #00BCD4; }

/* Retrograde indicator */
.retrograde {
    color: #F44336;
    font-style: italic;
}