/**
 * Sticker Designer Frontend Styles
 * Styles for product page design button
 */

/* Design Your Sticker Button */
.sticker-design-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    margin-top: 10px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: #ffffff !important;
    border: none;
    box-shadow: 0 2px 8px rgba(233, 69, 96, 0.3);
}

.sticker-design-button:hover {
    background: linear-gradient(135deg, #ff6b6b 0%, #e94560 100%);
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(233, 69, 96, 0.4);
    text-decoration: none;
}

.sticker-design-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(233, 69, 96, 0.3);
}

.sticker-design-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.3);
}

/* WooCommerce specific overrides */
.woocommerce .sticker-design-button,
.woocommerce-page .sticker-design-button {
    display: inline-flex !important;
    width: 100%;
    margin-top: 15px;
}

/* Cart item thumbnail for sticker designs */
.sticker-design-thumbnail {
    max-width: 80px;
    max-height: 80px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

/* Cart item custom data styling */
.woocommerce-cart .cart_item .sticker-design-thumbnail {
    width: 80px;
    height: auto;
}

/* Embedded designer wrapper (when using shortcode in theme) */
.sticker-designer-embedded {
    width: 100%;
    min-height: 80vh;
}

.sticker-designer-embedded .app-container {
    height: auto;
    min-height: 80vh;
}

/* Price note for designer products */
.sticker-designer-price-note {
    display: inline-block;
    padding: 8px 12px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
    border-radius: 4px;
    font-size: 0.9em;
    color: #495057;
    font-style: italic;
}

/* Design Now button on shop/archive pages */
.woocommerce ul.products li.product a.button.design-now-btn,
.woocommerce ul.products li.product a.add_to_cart_button[href*="sticker-designer"] {
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: #ffffff !important;
    border: none;
    box-shadow: 0 2px 8px rgba(233, 69, 96, 0.3);
}

.woocommerce ul.products li.product a.button.design-now-btn:hover,
.woocommerce ul.products li.product a.add_to_cart_button[href*="sticker-designer"]:hover {
    background: linear-gradient(135deg, #ff6b6b 0%, #e94560 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(233, 69, 96, 0.4);
}