/* ══════════════════════════════════════════════════════════
   MULTI-LOGO: style dla klonowanych instancji logo
   ══════════════════════════════════════════════════════════ */

/* Dodatkowe instancje logo (Logo 2, Logo 3) — pod oryginalnym wrapperem */
#logo-instances-extra .logo-instance {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
    position: relative;
}

/* Nagłówek klonowanego logo z numerem i przyciskiem Usuń */
.logo-instance-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.logo-instance-header strong {
    font-size: 14px;
    color: #333;
}

.logo-instance-remove {
    font-size: 12px;
    padding: 4px 10px;
    border: 1px solid #d63838;
    background: transparent;
    color: #d63838 !important;
    border-radius: 4px;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.logo-instance-remove:hover {
    background: #d63838;
    color: #fff !important;
    box-shadow: none !important;
}

/* Przycisk "Dodaj kolejne logo" */
#logo-add-btn {
    display: inline-block;
    font-size: 13px;
    padding: 8px 16px;
    border: 1px solid #3863d6;
    background: transparent;
    color: #3863d6 !important;
    border-radius: 30px;
    cursor: pointer;
    transition: background .15s, color .15s;
}

#logo-add-btn:hover {
    background: #3863d6;
    color: #fff !important;
    box-shadow: none !important;
}

/* Pozycja pliku w klonach — taka sama jak w oryginale (była w istniejącym CSS:
   .p-card__article--logo .form__file { position: absolute; top: 0; right: 0; })
   Klony są wewnątrz #logo-instances-extra a NIE w .ia__wrapper, więc dla nich
   reset pozycji do statycznej. */
#logo-instances-extra .form__file {
    position: static;
}