/* SwiPay Partner – Partner-Grid */

.swipay-contentgrid {
    column-count: var(--swipay-columns, 4);
    column-gap: 1rem;
    max-width: 100%;
    overflow-x: hidden;
}

@media (max-width: 1024px) {
    .swipay-contentgrid {
        column-count: 2;
    }
}

@media (max-width: 600px) {
    .swipay-contentgrid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 1rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 1rem;
        column-count: unset;
    }
}

.swipay-contentbox {
    display: inline-block;
    width: 100%;
    margin: 0 0 1rem;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 2%;
    box-sizing: border-box;
    break-inside: avoid;
}

@media (max-width: 600px) {
    .swipay-contentbox {
        flex: 0 0 100%;
        max-width: 100%;
        scroll-snap-align: start;
        margin: 0;
    }
}

/* Thumbnail: fixierte Höhe, zentriert */
.swipay-thumbnail {
    text-align: center;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 1rem;
}

.swipay-thumbnail img {
    max-height: 100%;
    max-width: 80%;
    object-fit: contain;
    display: block;
}

/* Icon optional */
.swipay-icon {
    text-align: center;
    margin-bottom: 1rem;
}

/* Innentitel ausblenden (Inhalt wird über Editor-Content gesteuert) */
.swipay-contentbox-inner > h3 {
    display: none;
}

/* Link-Zeile */
.swipay-link {
    display: block;
    text-align: left;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.swipay-link a {
    color: inherit;
    text-decoration: none;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.swipay-link a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Avada-Kompatibilität */
.fusion-accordian .panel-title a {
    display: inline-block;
}

.swipay-toggle {
    display: none;
}