
.wp-block-genesis-blocks-gb-columns {
    height: 200px;
}

.singleproduct_info
{
    justify-content: center;
    align-items: center;
    & > *
    {
        text-align: center;
    }

    .singleproduct_desc {
        width: 100%;
    }
    .singleproduct_right {
        padding-left: 0;
    }
    .singleproduct_img
    {
        display: none;
    }
}

.bulk-order-bundle-page div.summary-add-to-cart-form-bundle {

    display: flex;
    justify-content: center;

    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;

    .entry-summary {
        display: block;
        width: 100%;
    }

    /* Hide summary elements we don't need, but keep the form */
    .entry-summary > *:not(form.cart) {
        display: none;
    }

    form.cart {
        display: flex;
        background: #fff;
        border-radius: 20px;
        padding: 40px;
        flex-direction: column;
        width: 100%;
        position: relative;

        table tr:nth-child(even) {
            background: unset;
        }

        thead {
            display: none;
        }

        tr {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 15px 25px;
            border-bottom: 1px solid #e0e0e0;

            td.bundled_item_images_col {
                flex-shrink: 0;
                width: 100px;

                img {
                    width: 70px;
                    height: 70px;
                    object-fit: contain;
                }
            }

            td.bundled_item_details_col .product_title {
                font-weight: 800;
                font-size: 1.75em;
                flex-shrink: 0;
                width: 200px;
            }

            .product-details-link {
                flex-shrink: 0;
                width: 150px;

                a {
                    color: #6f2277;
                    text-decoration: none;
                    font-size: .70em;
                    text-transform: uppercase;
                    font-weight: 600;
                    letter-spacing: 0.5px;
                }

                a:hover {
                    text-decoration: underline;
                }
            }

            td.bundled_item_price_col {

                margin-left: auto;
                flex-shrink: 0;
                width: 130px;

                span {
                    font-size: .95em;
                    font-weight: 600;
                }

                span.woocommerce-Price-currencySymbol {
                    width: auto;
                    display: inline;
                }
                span.bundled_item_price_quantity {
                    display: none;
                }
            }

            div.quantity {
                display: inline-flex !important;
                flex-direction: row !important;
                align-items: center;
                justify-content: center;
                background: #FFF4E4 !important;
                border-radius: 30px;
                padding: 8px 12px 8px 18px;
                gap: 6px;

                input {
                    appearance: none !important;
                    -webkit-appearance: none !important;
                    -moz-appearance: textfield !important;
                    background: transparent !important;
                    border: none !important;
                    outline: none !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    box-shadow: none !important;
                    width: 2ch !important;
                    text-align: center !important;
                    font-weight: 700 !important;
                    font-size: 1.1em !important;
                }

                input::-webkit-inner-spin-button,
                input::-webkit-outer-spin-button {
                    -webkit-appearance: none !important;
                    margin: 0 !important;
                    display: none !important;
                }

                .qty-arrows {
                    display: flex;
                    flex-direction: column;
                    gap: 2px;
                }

                .qty-btn {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: transparent;
                    border: none;
                    cursor: pointer;
                    padding: 0;
                    width: 14px;
                    height: 10px;
                    color: #333;
                    flex-shrink: 0;
                    line-height: 1;
                }

                .qty-btn:hover {
                    color: #6f2277;
                }

                .qty-btn svg {
                    width: 10px;
                    height: 6px;
                }
            }
        }

        .woocommerce-info {
            display: none;
        }

        div.bundle_data .bundle_wrap {
            width: 100%;
            display: flex;
            flex-direction: row;
        }


    }

    span.item_qty {
        display: none !important;
    }

    div.bundle_button .quantity {
        display: none;
    }

    /* =============================================
       BUNDLE FOOTER AREA
       ============================================= */

    /* Main footer container - single row layout */
    div.bundle_data {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 30px;
        padding: 20px 0;
        position: sticky;
        bottom: 20px;
        width: 100% !important;
    }

    /* =============================================
       SUBSCRIPTION OPTIONS WRAPPER
       ============================================= */

    .bundle_wrap .wcsatt-options-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-shrink: 0;
        order: 0;
        margin-right: auto;
        min-width: 280px;
        height: 44px;
        overflow: visible;
    }

    /* Prompt area with checkbox */
    .bundle_wrap .wcsatt-options-product-prompt {
        display: flex;
        align-items: center;
        height: 44px;
        margin-bottom: auto;
    }

    .bundle_wrap .wcsatt-options-prompt-radios {
        display: flex;
        align-items: center;
        gap: 8px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .bundle_wrap .wcsatt-options-prompt-radios li {
        margin: 0;
        padding: 0;
    }

    /* Style label as a clickable pill - upsell element */
    .bundle_wrap .wcsatt-options-prompt-label-subscription {
        display: inline-flex;
        align-items: center;
        gap: 0;
        background: #6f2277;
        border: 2px solid #6f2277;
        border-radius: 50px;
        padding: 10px 20px;
        font-size: 0.85em;
        font-weight: 600;
        color: #fff;
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.2s ease;
    }

    .bundle_wrap .wcsatt-options-prompt-label-subscription:hover {
        background: #8a3392;
        border-color: #8a3392;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(111, 34, 119, 0.25);
    }

    /* Hide the radio input completely */
    .bundle_wrap .wcsatt-options-prompt-action-input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    /* Active/checked state - gold background, dark text */
    .bundle_wrap .wcsatt-options-prompt-label-subscription:has(input:checked) {
        background: #FFC979;
        border-color: #FFC979;
        color: #333;
        box-shadow: 0 2px 6px rgba(255, 201, 121, 0.4);
    }

    .bundle_wrap .wcsatt-options-prompt-label-subscription:has(input:checked):hover {
        background: #ffd699;
        border-color: #ffd699;
    }

    .bundle_wrap .wcsatt-options-prompt-label-subscription:has(input:checked) .wcsatt-sub-discount {
        color: #6f2277;
    }

    .bundle_wrap .wcsatt-options-prompt-action-input:focus-visible + .wcsatt-options-prompt-action {
        outline: 2px solid rgba(111, 34, 119, 0.4);
        outline-offset: 2px;
    }

    /* Subscription discount badge - gold highlight */
    .bundle_wrap .wcsatt-sub-discount {
        color: #FFC979;
        font-weight: 700;
        margin-left: 4px;
    }

    /* Hide one-time option (handled by JS toggle) */
    .bundle_wrap .wcsatt-options-prompt-label-one-time {
        display: none;
    }

    /* =============================================
       PLAN DROPDOWN AREA - appears below checkbox
       ============================================= */

    .bundle_wrap .wcsatt-options-product-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 12px;
        opacity: 0;
        transform: translateY(-8px);
        pointer-events: none;
        transition: opacity 0.25s ease, transform 0.25s ease;
        white-space: nowrap;
    }

    .bundle_wrap .wcsatt-options-wrapper.open .wcsatt-options-product-wrapper {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        display: flex;
        justify-content: center;
    }

    .bundle_wrap .wcsatt-options-product-dropdown-label {
        font-size: .75em !important;
        font-weight: 600;
        color: #555;
        margin: 0;
    }

    .bundle_wrap .wcsatt-options-product-dropdown {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #FFF4E4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L2 4h8z'/%3E%3C/svg%3E") no-repeat right 12px center;
        border: none;
        border-radius: 50px;
        padding: 8px 32px 8px 14px;
        font-size: .75em !important;
        font-weight: 600;
        color: #333;
        cursor: pointer;
        margin: 0;
        width: auto;
        min-width: 220px;
        max-width: none;
        text-overflow: ellipsis;
    }

    .bundle_wrap .wcsatt-options-product-dropdown:focus {
        outline: 2px solid rgba(111, 34, 119, 0.3);
        outline-offset: 2px;
    }

    /* Hide the radio list (using dropdown instead) */
    .bundle_wrap .wcsatt-options-product {
        display: none !important;
    }

    /* Bundle wrap - full width, items pushed to the right */
    div.bundle_data .bundle_wrap {
        display: flex;
        align-items: center;
        gap: 15px;
        width: 100% !important;
        flex: 1 1 100%;
        justify-content: flex-end;
    }

    /* Hide error/validation messages */
    .bundle_wrap .bundle_error {
        display: none !important;
    }

    /* Hide availability */
    .bundle_wrap .bundle_availability {
        display: none;
    }

    /* Hide quantity selected messages */
    .bundle_wrap .bundle_price .bundled_items_total_qty,
    .bundled_items_total_qty {
        display: none !important;
    }

    /* Item counter pill - ORDER 1 */
    .bundle-items-count {
        background: #FFF4E4;
        border: none;
        border-radius: 50px;
        padding: 12px 26px;
        font-weight: 700;
        font-size: 1.1rem;
        flex-shrink: 0;
        white-space: nowrap;
        order: 1;
    }

    .bundle-items-count .min-indicator {
        transition: opacity 0.3s;
    }

    .bundle-items-count .items-label {
        display: none;
    }

    .bundle-items-count.minimum-met .min-indicator {
        display: none;
    }

    .bundle-items-count.minimum-met .items-label {
        display: inline;
    }

    /* =============================================
       HIDE WOOCOMMERCE PRICE - We use our own
       ============================================= */
    .bundle_wrap .bundle_price {
        display: none !important;
    }

    /* =============================================
       OOLIE ANIMATED PRICE DISPLAY
       Uses flex order to position between item count and button
       ============================================= */
    .oolie-price-display {
        background: #FFF4E4;
        border: none;
        border-radius: 50px;
        padding: 12px 26px;
        font-weight: 700;
        font-size: 1.2rem;
        white-space: nowrap;
        line-height: 1;
        display: inline-flex;
        align-items: baseline;
        color: #333;
        flex-shrink: 0;
        order: 2;
    }

    .oolie-price-display .oolie-price-currency {
        margin-right: 2px;
    }

    /* Add to cart button - ORDER 3 */
    .bundle_wrap .bundle_button {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        order: 3;
    }

    .bundle_wrap .bundle_button .single_add_to_cart_button {
        background: #FFC979;
        border: none;
        border-radius: 50px;
        padding: 10px 22px;
        font-weight: 700;
        font-size: 0.8rem;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.2s;
        color: #333;
        white-space: nowrap;
    }

    .bundle_wrap .bundle_button .single_add_to_cart_button:hover {
        background: #E5C97C;
        transform: translateY(-1px);
    }

    .bundle_wrap .bundle_button .single_add_to_cart_button:disabled,
    .bundle_wrap .bundle_button .single_add_to_cart_button.disabled {
        opacity: 0.5;
        cursor: not-allowed;
        transform: none;
    }

    /* Mobile responsive */
    @media (max-width: 768px) {
        div.bundle_data {
            flex-wrap: wrap;
            justify-content: center;
        }

        .bundle_wrap .wcsatt-options-wrapper {
            width: 100%;
            align-items: center;
            margin-right: 0;
            min-width: unset;
        }

        .bundle_wrap .wcsatt-options-product-wrapper {
            position: relative;
            top: auto;
            left: auto;
            flex-direction: column;
            gap: 6px;
            padding-top: 6px;
        }

        div.bundle_data .bundle_wrap {
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }

        .oolie-price-display {
            order: 2;
        }
    }
}

/* Slot machine animation styles - must be outside .bulk-order-bundle-page scope */
.oolie-price-value.slot-machine {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0 !important;
    font-variant-numeric: tabular-nums !important;
}

.oolie-price-value .digit-container {
    display: inline-block !important;
    overflow: hidden !important;
    width: 0.6em !important;
    height: 1em !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
    position: relative !important;
    text-align: center !important;
}

.oolie-price-value .digit-roller {
    display: block !important;
    will-change: transform !important;
}

.oolie-price-value .digit {
    display: block !important;
    height: 1em !important;
    line-height: 1em !important;
    text-align: center !important;
}

.oolie-price-value .digit-static {
    display: inline-block !important;
    height: 1em !important;
    line-height: 1em !important;
    vertical-align: baseline !important;
    width: 0.3em !important;
    text-align: center !important;
}


