/* ============================================================
   Geburtstagskarte – Modern & Kompakt
   ============================================================ */

.birthday-card {
    position: relative;
    border: 1px solid rgba(212,175,55,0.55);
    border-radius: 10px;
    padding: 14px 16px;
    background: #ffffff;
    box-shadow: 0 0 8px rgba(212,175,55,0.20);
    overflow: hidden; /* falls nötig */
}

/* 3D‑Wasserzeichen – großes, gekipptes Logo */
.birthday-card::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 170px;
    height: 170px;

    /* 3D‑Kippung + Verschiebung */
    transform: translate(-50%, -50%)
               translateX(120px)
               translateY(40px)
               rotate(12deg)
               rotateY(20deg)
               rotateX(-30deg);

    background-image: url("../../img/logo.svg"); /* neuer Pfad */
    background-repeat: no-repeat;
    background-size: contain;

    opacity: 0.10;
    pointer-events: none;
    z-index: 0;

    /* Gold-Glow */
    filter: drop-shadow(0 0 12px rgba(212,175,55,0.35));
}

/* Monats-Badge */
#geburtstags-monat {
    display: inline-block;
    background: #d4af37;
    color: white;
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 10px;
}

/* Untertitel */
.birthday-card .card-subtitle {
    margin-top: 6px;
    font-size: 0.85rem;
    color: #444;
}

/* Eintrag */
.birthday-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    animation: fadeIn 0.35s ease-out;
}

/* Avatar */
.birthday-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

/* Vereinsfarben alternierend */
.birthday-item:nth-child(odd) .birthday-avatar {
    background: #d4af37;
    color: white;
}

.birthday-item:nth-child(even) .birthday-avatar {
    background: #1a2a6c;
    color: #d4af37;
}

/* Textblock */
.birthday-info {
    line-height: 1.25;
    font-size: 0.9rem;
}

/* Name + Alter */
.birthday-info strong {
    font-size: 0.9rem;
    font-weight: 600;
}

/* Alter */
.birthday-age {
    font-size: 0.8rem;
    color: #555;
}

/* Datum */
.birthday-date {
    font-size: 0.75rem;
    color: #666;
}

/* Divider */
.birthday-divider {
    height: 1px;
    background: linear-gradient(
        to right,
        #d4af37 0%,
        rgba(212,175,55,0.25) 50%,
        transparent 100%
    );
    margin: 6px 0 6px 48px;
}

/* Gratulationstexte */
.birthday-today,
.birthday-congrats {
    margin: 6px 0 4px 48px;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.25;
}

/* Heute hat Geburtstag */
.birthday-today {
    color: #d4af37;
    background: rgba(212,175,55,0.15);
    padding: 6px 10px;
    border-radius: 6px;
}

/* Trainingswoche */
.birthday-congrats {
    color: #008000;
}

/* Fade-in Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}