/* ==========================================================================
   1. Special Position Visibility
   ========================================================================== */
:is(.ff-position-page-break, 
.ff-position-text, 
.ff-position-shipping, 
.ff-position-total, 
.ff-position-voucher) td {
    color: transparent !important;
}

:is(.ff-position-page-break, 
.ff-position-text, 
.ff-position-shipping, 
.ff-position-total,
 .ff-position-voucher) td > * {
    visibility: hidden !important;
}

.ff-position-text td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7), :nth-of-type(8)),
.ff-position-text td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7), :nth-of-type(8)) > * {
    color: inherit !important;
    visibility: visible !important;
}

.ff-position-shipping td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7), :nth-of-type(8), :nth-of-type(9), :nth-of-type(10), :nth-of-type(11), :nth-of-type(12), :nth-of-type(13)),
.ff-position-shipping td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7), :nth-of-type(8), :nth-of-type(9), :nth-of-type(10), :nth-of-type(11), :nth-of-type(12), :nth-of-type(13)) > * {
    color: inherit !important;
    visibility: visible !important;
}

.ff-position-total td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7), :nth-of-type(8), :nth-of-type(13)),
.ff-position-total td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7), :nth-of-type(8), :nth-of-type(13)) > * {
    color: inherit !important;
    visibility: visible !important;
}

:is(.ff-position-page-break, .ff-position-voucher) td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7)),
:is(.ff-position-page-break, .ff-position-voucher) td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(7)) > * {
    color: inherit !important;
    visibility: visible !important;
}


/* ==========================================================================
   2. Extra CSS classes for selection dialog 
   ========================================================================== */

.ff-position-page-break-selection {
    background: var(--fox-color-special-position-pagebreak) !important;
}

.ff-position-shipping-selection {
    background: var(--fox-color-special-position-shipping) !important;
}

.ff-position-text-selection {
    background: var(--fox-color-special-position-text) !important;
}

.ff-position-total-selection {
    background: var(--fox-color-special-position-total) !important;
}

.ff-position-voucher-selection {
    background: var(--fox-color-special-position-voucher) !important;
}