/* Showit Woo Helper - Generated Styles */
:root {
    /* Button Variables */
    --seh-button-bg: #928b83;
    --seh-button-text: #ffffff;
    --seh-button-border: transparent;
    --seh-button-hover-bg: #e3e1da;
    --seh-button-hover-text: #383838;
    --seh-button-hover-border: transparent;
    --seh-button-radius: 50px;
    --seh-button-padding: 12px 20px;
    --seh-button-font-size: 16px;
    --seh-button-font-weight: 600;
    --seh-button-font-family: inherit;
    --seh-button-text-transform: none;
    
    /* Price Variables */
    --seh-price-color: #333333;
    --seh-price-font-size: 20px;
    --seh-price-font-weight: 600;
    --seh-price-font-family: inherit;
    --seh-sale-price-color: #ff6b6b;
    --seh-regular-price-color: #999999;
    
    /* Sale Badge Variables */
    --seh-sale-bg: #ff6b6b;
    --seh-sale-text: #ffffff;
    --seh-sale-style: rectangle;
    --seh-sale-width: 50px;
    --seh-sale-height: 50px;
    --seh-sale-position: top-left;
    --seh-sale-radius: 3px;
    --seh-sale-font-size: 12px;
    --seh-sale-font-weight: 600;
    --seh-sale-font-family: inherit;
    --seh-sale-text-transform: uppercase;
    --seh-sale-padding: 4px;
    
    /* Form Variables */
    --seh-input-border: #ddd;
    --seh-input-radius: 4px;
    --seh-input-padding: 8px;
    --seh-input-font-family: inherit;
    --seh-select-bg: #ffffff;
    
    /* Notice Variables */
    --seh-success-bg: #d4edda;
    --seh-success-text: #155724;
    --seh-success-border: #155724;
    --seh-success-icon: #155724;
    --seh-error-bg: #f8d7da;
    --seh-error-text: #721c24;
    --seh-error-border: #721c24;
    --seh-error-icon: #721c24;
    --seh-notice-font-size: 14px;
    --seh-notice-font-weight: 400;
    --seh-notice-border-radius: 4px;
    --seh-notice-padding: 12px;
    --seh-notice-font-family: inherit;

    /* Icon Variables */
    --seh-icon-color: #333333;
    --seh-icon-size: 20px;
    --seh-icon-hover-color: #0073aa;
    --seh-icon-padding: 8px 8px;
    --seh-cart-badge-bg: #cc99c2;
    --seh-cart-badge-text: #ffffff;
    --seh-cart-badge-size: 16px;
}

/* Override Showit inline paragraph styles on WooCommerce elements */
p.product.woocommerce,
p.woocommerce,
p[class*="woocommerce"] {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* More specific targeting for add-to-cart paragraphs */
p.product.woocommerce.add_to_cart_inline,
p.add_to_cart_inline,
p[style*="border"] {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Target paragraphs that contain WooCommerce buttons */
p:has(.add_to_cart_button),
p:has(.button.product_type_simple),
p:has(.ajax_add_to_cart) {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Nuclear option - override any paragraph with inline border styles */
p[style*="border"]:has([class*="woocommerce"]),
p[style*="border"]:has(.button),
p[style*="padding"]:has([class*="woocommerce"]) {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Button Styles - High Specificity with text-transform */
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce-page .single_add_to_cart_button,
.preview-add-to-cart,
.preview-buy-now,
.preview-checkout {
    background-color: var(--seh-button-bg) !important;
    color: var(--seh-button-text) !important;
    border: 1px solid var(--seh-button-border) !important;
    border-radius: var(--seh-button-radius) !important;
    padding: var(--seh-button-padding) !important;
    font-size: var(--seh-button-font-size) !important;
    font-weight: var(--seh-button-font-weight) !important;
    font-family: var(--seh-button-font-family) !important;
    text-transform: var(--seh-button-text-transform) !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

/* Extra high specificity for stubborn themes - text-transform */
body .woocommerce button.button,
body .woocommerce-page button.button,
body .woocommerce a.button,
body .woocommerce-page a.button,
body .woocommerce input.button,
body .woocommerce-page input.button,
body .woocommerce #respond input#submit,
body .woocommerce-page #respond input#submit,
body .woocommerce .single_add_to_cart_button,
body .woocommerce-page .single_add_to_cart_button {
    text-transform: var(--seh-button-text-transform) !important;
}

/* Even higher specificity for really stubborn themes */
html body .woocommerce button.button,
html body .woocommerce-page button.button,
html body .woocommerce a.button,
html body .woocommerce-page a.button,
html body .woocommerce input.button,
html body .woocommerce-page input.button,
html body .woocommerce #respond input#submit,
html body .woocommerce-page #respond input#submit,
html body .woocommerce .single_add_to_cart_button,
html body .woocommerce-page .single_add_to_cart_button {
    text-transform: var(--seh-button-text-transform) !important;
}

.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce-page .single_add_to_cart_button:hover,
.preview-add-to-cart:hover,
.preview-buy-now:hover,
.preview-checkout:hover {
    background-color: var(--seh-button-hover-bg) !important;
    color: var(--seh-button-hover-text) !important;
    border-color: var(--seh-button-hover-border) !important;
    text-transform: var(--seh-button-text-transform) !important;
}

/* Price Styles */
.woocommerce .price,
.woocommerce-page .price,
.preview-price,
.preview-single-price {
    color: var(--seh-price-color) !important;
    font-size: var(--seh-price-font-size) !important;
    font-weight: var(--seh-price-font-weight) !important;
    font-family: var(--seh-price-font-family) !important;
}

.woocommerce .price ins,
.woocommerce-page .price ins,
.preview-sale-price {
    color: var(--seh-sale-price-color) !important;
    text-decoration: none !important;
    font-weight: var(--seh-price-font-weight) !important;
    font-family: var(--seh-price-font-family) !important;
}

.woocommerce .price del,
.woocommerce-page .price del,
.preview-regular-price {
    color: var(--seh-regular-price-color) !important;
    text-decoration: line-through !important;
    font-family: var(--seh-price-font-family) !important;
}

/* Sale Badge Base Styles */
.woocommerce span.onsale,
.woocommerce-page span.onsale,
.preview-sale-badge {
    background-color: var(--seh-sale-bg) !important;
    color: var(--seh-sale-text) !important;
    font-size: var(--seh-sale-font-size) !important;
    font-weight: var(--seh-sale-font-weight) !important;
    font-family: var(--seh-sale-font-family) !important;
    text-transform: var(--seh-sale-text-transform) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    position: absolute !important;
    z-index: 10 !important;
    border-radius: var(--seh-sale-radius) !important;
    top: 10px; left: 10px;    width: 50px; height: 50px; padding: 4px;}

/* Badge container positioning */
.woocommerce ul.products li.product,
.woocommerce .product-item,
.preview-badge-container {
    position: relative !important;
}

        
/* Form Element Styles */
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce input[type="number"],
.woocommerce-page input[type="number"],
.woocommerce select,
.woocommerce-page select,
.preview-quantity,
.preview-select {
    border: 1px solid var(--seh-input-border) !important;
    border-radius: var(--seh-input-radius) !important;
    padding: var(--seh-input-padding) !important;
    background-color: var(--seh-select-bg) !important;
    font-family: var(--seh-input-font-family) !important;
}

/* Notice Styles */
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.preview-success {
    background-color: var(--seh-success-bg) !important;
    color: var(--seh-success-text) !important;
    border: 1px solid var(--seh-success-border) !important;
    border-left: 4px solid var(--seh-success-border) !important;
    border-top-color: var(--seh-success-border) !important;
    border-radius: var(--seh-notice-border-radius) !important;
    padding-top: var(--seh-notice-padding) !important;
    padding-right: var(--seh-notice-padding) !important;
    padding-bottom: var(--seh-notice-padding) !important;
    padding-left: calc(var(--seh-notice-padding) + 30px) !important;
    font-size: var(--seh-notice-font-size) !important;
    font-weight: var(--seh-notice-font-weight) !important;
    font-family: var(--seh-notice-font-family) !important;
    margin: 1em 0 !important;
    position: relative !important;
}

/* Success message icons */
.woocommerce .woocommerce-message::before,
.woocommerce-page .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce-page .woocommerce-info::before {
    color: var(--seh-success-icon) !important;
    position: absolute !important;
    left: var(--seh-notice-padding) !important;
}

.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error,
.preview-error {
    background-color: var(--seh-error-bg) !important;
    color: var(--seh-error-text) !important;
    border: 1px solid var(--seh-error-border) !important;
    border-left: 4px solid var(--seh-error-border) !important;
    border-top-color: var(--seh-error-border) !important;
    border-radius: var(--seh-notice-border-radius) !important;
    padding-top: var(--seh-notice-padding) !important;
    padding-right: var(--seh-notice-padding) !important;
    padding-bottom: var(--seh-notice-padding) !important;
    padding-left: calc(var(--seh-notice-padding) + 30px) !important;
    font-size: var(--seh-notice-font-size) !important;
    font-weight: var(--seh-notice-font-weight) !important;
    font-family: var(--seh-notice-font-family) !important;
    margin: 1em 0 !important;
    position: relative !important;
}

/* Error message icons */
.woocommerce .woocommerce-error::before,
.woocommerce-page .woocommerce-error::before {
    color: var(--seh-error-icon) !important;
    position: absolute !important;
    left: var(--seh-notice-padding) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Preview notice styling */
.preview-success::before,
.preview-error::before {
    position: absolute !important;
    left: var(--seh-notice-padding) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.preview-success::before {
    content: "✓" !important;
    color: var(--seh-success-icon) !important;
}

.preview-error::before {
    content: "⚠" !important;
    color: var(--seh-error-icon) !important;
}

/* Hide the inline icons we added */
.preview-success-icon,
.preview-error-icon {
    display: none !important;
}

/* Notice list items */
.woocommerce .woocommerce-message li,
.woocommerce-page .woocommerce-message li,
.woocommerce .woocommerce-error li,
.woocommerce-page .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce-page .woocommerce-info li {
    font-family: var(--seh-notice-font-family) !important;
    font-size: var(--seh-notice-font-size) !important;
    font-weight: var(--seh-notice-font-weight) !important;
}

/* Icon Styles - FIXED: Separate icons from button text */
button.wc-block-mini-cart__button svg,
button.wc-block-mini-cart__button::before,
button.wc-block-mini-cart__button .wc-block-mini-cart__icon,
.woocommerce .cart-contents::before,
.woocommerce-page .cart-contents::before,
.woocommerce .widget_shopping_cart .cart_list li .remove,
.woocommerce-page .widget_shopping_cart .cart_list li .remove,
.woocommerce .woocommerce-message .button::before,
.woocommerce-page .woocommerce-message .button::before,
.preview-cart-icon {
    color: var(--seh-icon-color) !important;
    font-size: var(--seh-icon-size) !important;
    fill: var(--seh-icon-color) !important;
    width: var(--seh-icon-size) !important;
    height: var(--seh-icon-size) !important;
}

/* Icon hover states */
button.wc-block-mini-cart__button:hover svg,
button.wc-block-mini-cart__button:hover::before,
button.wc-block-mini-cart__button:hover .wc-block-mini-cart__icon,
.woocommerce .cart-contents:hover::before,
.woocommerce-page .cart-contents:hover::before,
.preview-cart-icon:hover {
    color: var(--seh-icon-hover-color) !important;
    fill: var(--seh-icon-hover-color) !important;
}

/* Cart button containers - padding only */
button.wc-block-mini-cart__button,
.preview-cart-icon {
    padding: var(--seh-icon-padding) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Cart button text - exclude from icon styling */
.woocommerce .cart-contents,
.woocommerce-page .cart-contents {
    color: inherit !important;
    font-size: inherit !important;
}

/* Cart Badge (item count) */
button.wc-block-mini-cart__button .wc-block-mini-cart__badge,
.woocommerce .cart-contents .count,
.woocommerce-page .cart-contents .count,
.preview-cart-badge {
    background-color: var(--seh-cart-badge-bg) !important;
    color: var(--seh-cart-badge-text) !important;
    font-size: var(--seh-cart-badge-size) !important;
    min-width: var(--seh-cart-badge-size) !important;
    height: var(--seh-cart-badge-size) !important;
    line-height: var(--seh-cart-badge-size) !important;
    border-radius: 50% !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .woocommerce button.button,
    .woocommerce-page button.button,
    .woocommerce a.button,
    .woocommerce-page a.button,
    .preview-add-to-cart,
    .preview-buy-now,
    .preview-checkout {
        padding: calc(var(--seh-button-padding) * 0.8) !important;
        font-size: calc(var(--seh-button-font-size) * 0.9) !important;
        text-transform: var(--seh-button-text-transform) !important;
    }
}