/**
 * Quick Design Button Styles
 */

/* =============================================
   Product Actions Container
   Flex layout for ADD TO CART + Choose Base buttons
   ============================================= */
.qcd-product-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: baseline;
    flex-wrap: nowrap;
}

.qcd-action-add-to-cart {
    flex-shrink: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.qcd-product-actions .qcd-quick-design-btn.qcd-archive-btn {
    flex-shrink: 0;
    white-space: nowrap;
}

/* --------------------------------------------------
   Both buttons: compact text-link style
   matching theme's original ADD TO CART look
   -------------------------------------------------- */

/* Base button styles for product archive pages */
.qodef-woo-product-list .qcd-product-actions .button,
.qodef-woo-product-list .qcd-product-actions .added_to_cart,
.qodef-woo-product-list .qcd-product-actions a.button,
.qodef-woo-product-list .qcd-action-add-to-cart .button,
.qodef-woo-product-list .qcd-action-add-to-cart .added_to_cart,
.qodef-woo-product-list .qcd-action-add-to-cart a.button,
.qodef-woo-product-list .qcd-product-actions .qcd-quick-design-btn.qcd-archive-btn {
    position: relative !important;
    display: inline-flex !important;
    vertical-align: middle !important;
    width: auto !important;
    margin: 0 !important;
    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.02em !important;
    border-radius: 0 !important;
    outline: none !important;
    transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out !important;
    box-shadow: none !important;
    background-image: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    z-index: 3 !important;
    color: #000000 !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

/* Underline decoration for archive buttons */
.qodef-woo-product-list .qcd-product-actions .button::after,
.qodef-woo-product-list .qcd-product-actions .added_to_cart::after,
.qodef-woo-product-list .qcd-product-actions .qcd-quick-design-btn.qcd-archive-btn::after,
.qodef-woo-product-list .qcd-action-add-to-cart .button::after,
.qodef-woo-product-list .qcd-action-add-to-cart .added_to_cart::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background-color: currentColor !important;
    transition: background-color 0.25s ease-in-out, width 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99) !important;
    backface-visibility: hidden !important;
    margin-left: 0 !important;
    font-size: inherit !important;
}

/* Underline hover animation for archive buttons */
.qodef-woo-product-list .qcd-product-actions .button:hover::after,
.qodef-woo-product-list .qcd-product-actions .added_to_cart:hover::after,
.qodef-woo-product-list .qcd-product-actions .qcd-quick-design-btn.qcd-archive-btn:hover::after,
.qodef-woo-product-list .qcd-action-add-to-cart .button:hover::after,
.qodef-woo-product-list .qcd-action-add-to-cart .added_to_cart:hover::after {
    animation: qodef-animate-underline-from-left 0.7s cubic-bezier(0.45, 0.29, 0, 0.82) forwards !important;
    transform: none !important;
}

/* Clean up obsolete shine pseudo-element */
.qcd-quick-design-btn.qcd-archive-btn::before {
    display: none !important;
}

/* Hide theme's original hover ADD TO CART in price holder
   (category grid and related products) */
.qodef-woo-product-list .qodef-e-price-holder .button,
.qodef-woo-product-list .qodef-e-price-holder .added_to_cart,
.related.products .qodef-e-price-holder .button,
.related.products .qodef-e-price-holder .added_to_cart,
section.related .qodef-e-price-holder .button,
section.related .qodef-e-price-holder .added_to_cart {
    display: none !important;
}

/* Keep price visible — theme hides it on hover to make room for ADD TO CART
   (category grid and related products) */
.qodef-woo-product-list .qodef-e-inner:hover .qodef-e-content .qodef-e-price-holder .price,
.related.products .qodef-e-inner:hover .qodef-e-content .qodef-e-price-holder .price,
section.related .qodef-e-inner:hover .qodef-e-content .qodef-e-price-holder .price {
    opacity: 1 !important;
    transform: none !important;
}

/* =============================================
   Related Products Button Override
   High priority styles for related products section
   ============================================= */

/* Related products container - ensure our styles take precedence */
.qcd-product-actions.qcd-is-related {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 10px !important;
    align-items: baseline !important;
    flex-wrap: wrap !important; /* Allow buttons to wrap on small screens */
    gap: 10px !important; /* Add space between buttons when wrapped */
}

/* Related products buttons - text-link style */
.qcd-product-actions.qcd-is-related .button,
.qcd-product-actions.qcd-is-related .added_to_cart,
.qcd-product-actions.qcd-is-related a.button,
.qcd-product-actions.qcd-is-related .qcd-quick-design-btn.qcd-archive-btn,
.qcd-product-actions.qcd-is-related .qcd-quick-design-btn.qcd-is-related-btn {
    position: relative !important;
    display: inline-flex !important;
    vertical-align: middle !important;
    width: auto !important;
    margin: 0 !important;
    font-family: "Jost", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.02em !important;
    border-radius: 0 !important;
    outline: none !important;
    transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out !important;
    box-shadow: none !important;
    background-image: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    color: #000000 !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

/* Related products button underline */
.qcd-product-actions.qcd-is-related .button::after,
.qcd-product-actions.qcd-is-related .added_to_cart::after,
.qcd-product-actions.qcd-is-related .qcd-quick-design-btn.qcd-archive-btn::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background-color: currentColor !important;
    transition: background-color 0.25s ease-in-out, width 0.36s cubic-bezier(0.51, 0.5, 0.07, 0.99) !important;
    backface-visibility: hidden !important;
}

/* Related products button hover underline animation */
.qcd-product-actions.qcd-is-related .button:hover::after,
.qcd-product-actions.qcd-is-related .added_to_cart:hover::after,
.qcd-product-actions.qcd-is-related .qcd-quick-design-btn.qcd-archive-btn:hover::after {
    animation: qodef-animate-underline-from-left 0.7s cubic-bezier(0.45, 0.29, 0, 0.82) forwards !important;
}

/* Button container */
.qcd-single-btn-wrap {
	display: block !important;
	clear: both !important;
	margin: 16px 0 !important;
}

.qcd-single-btn-wrap .qcd-quick-design-btn {
	display: inline-block !important;
	margin: 0 !important;
}

/* Ensure the button container wraps to new line */
.single-product .summary.entry-summary form.cart + .qcd-quick-design-btn.qcd-single-btn {
    display: block !important;
    clear: both !important;
}

/* Reset ADD TO CART button width */
.single-product .summary.entry-summary form.cart button.single_add_to_cart_button {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
}

/* Icon decoration */
.qcd-quick-design-btn::after {
    content: '\2192';
    margin-left: 8px;
    font-size: 16px;
    transition: transform 0.3s ease;
}

.qcd-quick-design-btn:hover::after {
    transform: translateX(4px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .qcd-quick-design-btn.qcd-single-btn {
        display: flex !important;
        margin-left: 0 !important;
        margin-top: 16px !important;
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
    
    .qcd-product-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .qcd-product-actions .qcd-quick-design-btn.qcd-archive-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    
    .qcd-action-add-to-cart {
        width: 100%;
    }
    
    .qcd-action-add-to-cart .button,
    .qcd-action-add-to-cart .added_to_cart {
        display: block;
        width: 100%;
        text-align: center;
    }