/* Ticket 519: optional vertical advanced-option cards, matching product colours. */
.kdp-pf-form-item-input-inline.kdp-advanced-options-large.kdp-pf-form-item-images {
    grid-template-columns: repeat(var(--kdp-option-columns, 5), minmax(0, 1fr));
    gap: 10px;
}
.kdp-advanced-options-large > label {
    min-width: 0;
    margin-bottom: 0!important;
}
.kdp-pf-form-item-input-inline.kdp-advanced-options-large > label .label-option-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    position: relative;
    margin-bottom: 0;
    padding: 5px;
    text-align: center;
}
.kdp-pf-form-item-input-inline.kdp-advanced-options-large > label .label-option-contents > img:first-child {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: contain;
    flex: none;
    margin: 0!important;
}
.kdp-pf-form-item-input-inline.kdp-advanced-options-large > label .label-option-contents .text,
.kdp-pf-form-item-input-inline.kdp-advanced-options-large > label .label-option-contents:hover .text {
    position: static;
    width: 100%!important;
    min-width: 0;
    max-width: none!important;
    margin: 5px 0 0!important;
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: visible;
    text-overflow: clip;
    background: transparent;
    box-shadow: none;
}
.kdp-advanced-options-large > .fa-chevron-down {
    display: none;
}
@media (max-width: 480px) {
    .kdp-advanced-options-large {
        --kdp-option-columns: 3;
    }
}

/* Only count option labels, excluding the hidden empty radio and chevron. */
.kdp-advanced-options-large:has(> label:nth-of-type(1):last-of-type) {
    --kdp-option-columns: 1;
}
.kdp-advanced-options-large:has(> label:nth-of-type(2):last-of-type) {
    --kdp-option-columns: 2;
}
.kdp-advanced-options-large:has(> label:nth-of-type(3):last-of-type) {
    --kdp-option-columns: 3;
}
.kdp-advanced-options-large:has(> label:nth-of-type(4):last-of-type) {
    --kdp-option-columns: 4;
}
.kdp-pf-form-item-input-inline.kdp-advanced-options-large > label .label-option-contents > .tooltip-wrapper {
    position: absolute;
    top: 4px;
    right: 4px;
    margin: 0!important;
}