/* sponsor-rail.css — sponsor-/partnerloggor fästa längs sidorna, bara på
   breda skärmar (annars trycker de undan innehåll eller känns stökigt). */

.sponsor-rail {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 40;
    display: none;
    flex-direction: column;
    gap: .9rem;
}
.sponsor-rail--left { left: 1.25rem; }
.sponsor-rail--right { right: 1.25rem; }

.sponsor-rail-tile {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-md);
    background: var(--color-surface);
    border: 1px solid var(--color-surface-border);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .6rem;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sponsor-rail-tile img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(.4);
    opacity: .8;
    transition: filter .2s ease, opacity .2s ease;
}
.sponsor-rail-tile:hover {
    transform: translateX(3px) scale(1.08);
    border-color: rgba(240,180,60,.5);
    box-shadow: 0 12px 28px rgba(240,180,60,.2);
}
.sponsor-rail--right .sponsor-rail-tile:hover { transform: translateX(-3px) scale(1.08); }
.sponsor-rail-tile:hover img { filter: grayscale(0); opacity: 1; }

/* Bara på riktigt breda skärmar där det finns gott om marginal utanför
   själva innehållet (annars skulle de överlappa text/knappar). */
@media (min-width: 1500px) {
    .sponsor-rail { display: flex; }
}