/* MasterBinder 0.0.11 — rendering definitivo carta/fallback nella tasca Binder */

.binder-slot {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Una sola cella: immagine e fallback NON possono più stare affiancati. */
.binder-card-image-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 1 1 0 !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    place-items: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 5px 7px !important;
    border: 0 !important;
    background: #0e1522 !important;
    text-align: center !important;
}

.binder-card-image-shell > .binder-card-image,
.binder-card-image-shell > .binder-card-fallback {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.binder-card-image-shell > .binder-card-image {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 96% !important;
    max-height: 98% !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    transform-origin: center center !important;
}

.binder-card-image-shell:hover > .binder-card-image,
.binder-card-image-shell:not(:disabled):hover > .binder-card-image {
    transform: none !important;
}

/* hidden deve vincere su tutti i vecchi display:flex del fallback. */
.binder-card-image-shell > .binder-card-fallback[hidden],
.binder-card-image-shell > .binder-card-image[hidden] {
    display: none !important;
}

.binder-card-image-shell > .binder-card-fallback:not([hidden]) {
    box-sizing: border-box !important;
    width: 90% !important;
    height: 90% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 90% !important;
    max-height: 90% !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}