/* ===================================================
   Guild Monitor
=================================================== */

#guild-monitor {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 20px;

    margin-top: 24px;

}

.guild-monitor-card {

    display: flex;

    flex-direction: column;

    background: var(--panel);

    border-radius: 10px;

    overflow: hidden;

    transition: all .25s ease;
    cursor: pointer;
    transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.guild-monitor-card:hover {

    transform: translateY(-6px) scale(1.02);

    box-shadow: 0 0 26px rgba(212, 175, 55, 0.45);

    border-color: #d4af37;

}

.guild-monitor-card:hover .guild-monitor-image img {

    transform: scale(1.30);

}

.guild-monitor-card.boss-no-progress .guild-monitor-image img {
    filter: grayscale(100%);
}

.guild-monitor-card.boss-killed {

    border: 2px solid #f0d27a;

    box-shadow:
        0 0 18px rgba(240,210,122,.40),
        0 0 4px rgba(255,255,255,.10),
        inset 0 0 0 1px rgba(255,235,170,.20);

}

.guild-monitor-card.boss-progress {

    border: 2px solid #66552b;

    box-shadow: none;

}

.guild-monitor-image {

    width: 100%;

    height: 140px;

    background: var(--background);

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    position: relative;

}

.guild-monitor-image img {

    width: 88%;

    height: 88%;

    object-fit: contain;

    object-position: center;

    display: block;

    transition: transform .25s ease;

}

.guild-monitor-badge {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 78px;

    padding: 5px 6px;

    border-radius: 6px;

    border: 1px solid;

    text-align: center;

    box-shadow:
        0 2px 6px rgba(0,0,0,.45);

    z-index: 2;

}

.guild-monitor-badge .badge-line1{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:4px;

    font-size:10px;

    font-weight:800;

    letter-spacing:.8px;

    line-height:1;

}

.guild-monitor-badge .badge-line2{

    margin-top:3px;

    font-size:10px;

    font-weight:800;

    letter-spacing:1px;

    line-height:1;

    text-align:center;

}

/* ---------- NORMAL ---------- */

.guild-monitor-badge.normal{

    background:#252525;

    border-color:#777;

}

.guild-monitor-badge.normal .badge-line1,
.guild-monitor-badge.normal .badge-line2{

    color:#67d86d;

}

/* ---------- HEROIC ---------- */

.guild-monitor-badge.heroic{

    background:#221a30;

    border-color:var(--difficulty-heroic);

}

.guild-monitor-badge.heroic .badge-line1,
.guild-monitor-badge.heroic .badge-line2{

    color:var(--difficulty-heroic);

}

/* ---------- MYTHIC ---------- */

/*
 * Hier passten Rahmen und Schrift vorher nicht zusammen:
 * Der Rahmen war golden, die Schrift dagegen lila.
 * Jetzt ist beides gold.
 */
.guild-monitor-badge.mythic{

    background:#2b2618;

    border-color:var(--difficulty-mythic);

}

.guild-monitor-badge.mythic .badge-line1,
.guild-monitor-badge.mythic .badge-line2{

    color:var(--difficulty-mythic);

}

.guild-monitor-content {

    flex: 1;

    padding: 14px 18px;

}

.guild-monitor-title {

    font-size: 22px;

    font-weight: 700;

    color: var(--gold-light);

    margin-bottom: 10px;

    line-height: 1.2;

}

.guild-monitor-status {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 8px;

}

.guild-monitor-status.success {

    color: #59d36a;

}

.guild-monitor-status.progress {

    color: #f3b343;

}

.guild-monitor-progress {

    color: var(--text-secondary);

    font-weight: 500;

    margin-bottom: 18px;

}

.guild-monitor-stats {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 16px;

}

.guild-monitor-stats div {

    background: var(--panel-light);

    border: 1px solid var(--border);

    border-radius: 6px;

    padding: 10px;

    text-align: center;

    transition: .2s;

}

.guild-monitor-card:hover .guild-monitor-stats div {

    border-color: rgba(240,210,122,.20);

}

.guild-monitor-stats strong {

    display: block;

    color: var(--text-muted);

    font-size: 12px;

    margin-bottom: 4px;

}

.guild-monitor-badge.mythic.progress{

    background:#26221a;

    border-color:var(--difficulty-mythic);

}

.guild-monitor-badge.mythic.progress .badge-line1,
.guild-monitor-badge.mythic.progress .badge-line2{

    color:var(--difficulty-mythic);

}

.guild-monitor-badge.heroic.progress{

    background:#221a30;

    border-color:var(--difficulty-heroic);

}

.guild-monitor-badge.heroic.progress .badge-line1,
.guild-monitor-badge.heroic.progress .badge-line2{

    color:var(--difficulty-heroic);

}

.guild-monitor-badge.normal.progress{

    background:#252525;

    border-color:#8a8a8a;

}

.guild-monitor-badge.normal.progress .badge-line1,
.guild-monitor-badge.normal.progress .badge-line2{

    color:#67d86d;

}