/* ==========================================================================
   KS Payment Logos Pro v1.0.0 — Frontend CSS
   Static layout. Colors and sizes come from dynamic CSS in class-kspl2-frontend.php
   ========================================================================== */

/* ===== The full-width row that sits BELOW copyright ===== */
.kspl2-row {
    width: 100%;
    box-sizing: border-box;
    /* background, padding, borders set by dynamic CSS */
}

/* ===== Inner container — centered, max-width controlled ===== */
.kspl2-row .kspl2-inner {
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* gap and justify-content set by dynamic CSS */
}

/* ===== Each logo (link or static span) ===== */
.kspl2-row .kspl2-logo {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.kspl2-row a.kspl2-logo:hover {
    opacity: 0.85;
    transform: translateY(-1px);
}
.kspl2-row .kspl2-logo img {
    display: block;
    width: auto;
    object-fit: contain;
    /* default height set by dynamic CSS, but per-logo inline style overrides */
}

/* ===== Mobile tweaks ===== */
@media (max-width: 600px) {
    .kspl2-row .kspl2-inner {
        gap: 8px;
        padding: 0 16px;
        justify-content: center !important;
    }
}