/* ==========================================================
   SPYWORLD MAGAZIN & AKTUELLE NEWS
   Modul: spyworldmagazin
   Version: 1.0.5
   Frontend – kompakter Magazinblock mit Scrollbereich
   ========================================================== */

#spyworld-magazin {
    background: #f7f7f7;
    border: 1px solid #d4d4d4;
    display: flex;
    flex-direction: column;
    height: var(--swmag-box-height, 400px);
    margin: 0 0 24px;
    max-height: var(--swmag-box-height, 400px);
    width: 100%;
}

#spyworld-magazin .spyworld-magazin-title {
    background: var(--swmag-title-bg, #0C2ADC);
    border-bottom: 1px solid #d4d4d4;
    color: var(--swmag-title-color, #ffffff) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    padding: 10px 12px;
}

#spyworld-magazin .spyworld-magazin-content {
    background: #f7f7f7;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 8px 0 10px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #9aa3ad #eef0f2;
}

#spyworld-magazin .spyworld-magazin-content::-webkit-scrollbar {
    width: 8px;
}

#spyworld-magazin .spyworld-magazin-content::-webkit-scrollbar-track {
    background: #eef0f2;
}

#spyworld-magazin .spyworld-magazin-content::-webkit-scrollbar-thumb {
    background: #9aa3ad;
    border-radius: 8px;
}

#spyworld-magazin ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#spyworld-magazin li {
    border-bottom: 1px solid #dddddd;
    margin: 0;
    padding: 0;
}

#spyworld-magazin li:last-child {
    border-bottom: 0;
}

#spyworld-magazin a {
    align-items: start;
    color: #4a4a4a !important;
    display: grid;
    font-size: 13px !important;
    font-weight: 400 !important;
    gap: 4px;
    grid-template-columns: 9px minmax(0, 1fr);
    line-height: 1.22 !important;
    padding: 6px 0;
    text-decoration: none;
}

#spyworld-magazin li:hover,
#spyworld-magazin li.active {
    background: var(--swmag-hover-bg, #eef4fb);
}

#spyworld-magazin a:hover,
#spyworld-magazin li.active > a {
    color: var(--swmag-hover-color, #0C2ADC) !important;
    font-weight: 400 !important;
}

#spyworld-magazin .spyworld-magazin-arrow {
    color: #6c7480;
    font-size: 14px;
    line-height: 1.15;
    margin-top: 1px;
}

#spyworld-magazin .spyworld-magazin-linktext {
    hyphens: auto;
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
}