/**
 * SkinMed Profesionalai - Frontend CSS
 * Only for product pages, NOT checkout
 */

/* IMPORTANT: Only apply styles to non-checkout pages */
body:not(.woocommerce-checkout) .skinmed-professional-notice {
    background: #f0f8ff;
    border: 1px solid #0073aa;
    border-left: 4px solid #0073aa;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
}

body:not(.woocommerce-checkout) .skinmed-professional-notice.professional-only {
    background: #fff3cd;
    border-color: #ffc107;
    border-left-color: #ffc107;
}

body:not(.woocommerce-checkout) .skinmed-professional-notice.blocked {
    background: #f8d7da;
    border-color: #dc3545;
    border-left-color: #dc3545;
}

/* Professional discount notices - NOT on checkout */
body:not(.woocommerce-checkout) .skinmed-professional-discount {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-left: 4px solid #28a745;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
}

body:not(.woocommerce-checkout) .professional-discount-badge {
    background: #28a745;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
}

/* Product badges - only on product listings, NOT checkout */
body:not(.woocommerce-checkout) .woocommerce .products .product.professional-only {
    position: relative;
}

body:not(.woocommerce-checkout) .woocommerce .products .product.professional-only::after {
    content: "Tik profesionalams";
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ffc107;
    color: #212529;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    z-index: 10;
}

body:not(.woocommerce-checkout) .woocommerce .products .product.blocked {
    position: relative;
}

body:not(.woocommerce-checkout) .woocommerce .products .product.blocked::after {
    content: "Neprieinamas";
    position: absolute;
    top: 10px;
    right: 10px;
    background: #dc3545;
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    z-index: 10;
}

/* Pending professional styling - NOT on checkout */
body:not(.woocommerce-checkout).skinmed-professional-pending .woocommerce-info {
    background: #fff3cd;
    border-color: #ffc107;
}

/* Ensure checkout page is completely unaffected */
.woocommerce-checkout .skinmed-professional-notice,
.woocommerce-checkout .skinmed-professional-discount,
.woocommerce-checkout .professional-discount-badge {
    display: none !important;
}