/**
 * Debug Button Visibility Issues
 * Ultra-high specificity CSS to force button visibility
 */

/* ULTRA HIGH SPECIFICITY - Force container visibility */
html body.single-product .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions.wcc-cloned-buttons.wcc-visibility-rules-container,
html body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions.wcc-cloned-buttons.wcc-visibility-rules-container,
body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions.wcc-cloned-buttons.wcc-visibility-rules-container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: 40px !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    z-index: 9999 !important;
    margin: 0 0 0 10px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
}

/* ULTRA HIGH SPECIFICITY - Force individual button visibility */
html body.single-product .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions .wcc-cloned-add-to-cart,
html body.single-product .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions .wcc-cloned-direct-checkout,
html body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions .wcc-cloned-add-to-cart,
html body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions .wcc-cloned-direct-checkout,
body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions .wcc-cloned-add-to-cart,
body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons .wcc-last-step-actions .wcc-cloned-direct-checkout {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    height: 40px !important;
    min-width: 100px !important;
    min-height: 40px !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    z-index: 10000 !important;
    margin: 0 5px 0 0 !important;
    padding: 8px 16px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    color: #333 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    transition: none !important;
}

/* Force parent containers to show content */
html body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons:has(.wcc-cloned-buttons),
body .wcc-customization-container .wcc-step-content .wcc-navigation-buttons:has(.wcc-last-step-actions) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 50px !important;
    width: 100% !important;
    position: relative !important;
    z-index: 999 !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Ensure step content doesn't clip buttons */
html body .wcc-customization-container .wcc-step-content:has(.wcc-cloned-buttons),
body .wcc-customization-container .wcc-step-content:has(.wcc-last-step-actions) {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    height: auto !important;
    min-height: auto !important;
    position: relative !important;
}

/* Debug styles removed - they were interfering with visibility positioning
 * The global * selector was affecting ALL elements, including .hidden-by-rule positioning
 * The background colors were temporary debugging aids no longer needed
 */

/* Fix any potential font-size: 0 issues */
.wcc-navigation-buttons,
.wcc-last-step-actions,
.wcc-cloned-buttons,
.wcc-visibility-rules-container {
    font-size: 14px !important;
}

/* Force layout recalculation */
.wcc-navigation-buttons::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}