/* Hide columns initially to prevent layout flash, then handle via JS classes */
.col-1, .col-2 {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Base custom link styling */
.woo-toggle-link-container-4710704b {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #e5e5e5;
    text-align: left;
}

.woo-toggle-link-4710704b {
    display: inline-block;
    font-weight: 600;
    color: #111;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.2s ease;
}

.woo-toggle-link-4710704b:hover {
    color: #555;
}

/* Hide WooCommerce columns layout defaults if registration is enabled */
@media (min-width: 768px) {
    .u-columns.col2-set {
        display: block !important;
    }
    .u-columns.col2-set .col-1,
    .u-columns.col2-set .col-2 {
        float: none !important;
        width: 100% !important;
        max-width: 500px;
        margin: 0 auto !important;
    }
}

/* Handle display logic */
.col-1.hidden-form-4710704b,
.col-2.hidden-form-4710704b {
    display: none !important;
}