/* ============================================================
   ESTILS GENERALS TARGETES ASTRONOMIA
   ============================================================ */

.moon-widget,
.card-body {
    font-family: 'Poppins', sans-serif;
    font-size: 0.95rem;
}


/* ============================================================
   INFORMACIÓ LUNAR
   ============================================================ */

.moon-info {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}


/* ============================================================
   FILES D'INFORMACIÓ
   ============================================================ */

.moon-row {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

    padding: 0.35rem 0.4rem;

    border-bottom: 1px solid #e0e0e0;
}

.moon-row:last-child {
    border-bottom: none;
}


/* Etiquetes */

.moon-row .label {
    font-weight: 500;
    color: #6c757d;
}


/* Valors */

.moon-row span:not(.label) {
    text-align: right;
    flex-shrink: 0;
    color: #495057;
}


/* ============================================================
   FASE LUNAR
   ============================================================ */

#moon-phase {
    font-weight: bold;
    color: #343a40;
}


.moon-illum {
    background-position: right;
}


#moon-illum,
#moon-next,
#moon-rise,
#moon-set {
    color: #495057;
}


/* ============================================================
   ALTRES DADES
   ============================================================ */

#sun-rise,
#sun-set,
#sun-max-alt,
#sun-day-length,
#sun-golden-end,
#earth-moon-dist,
#earth-sun-dist,
#julian-date,
#lst,
#zenith-const,
#next-solar-eclipse,
#next-lunar-eclipse,
#next-supermoon,
#next-meteor-shower {
    color: #495057;
}