/**
 * Frontend Styles for WooCommerce Advanced Shipping Manager (Modern Theme)
 */

body.wooc-modern-theme {
    --wooc-primary: #4361ee;
    --wooc-secondary: #3a0ca3;
    --wooc-danger: #f43f5e;
    --wooc-warning: #f59e0b;
    --wooc-text: #1e293b;
    --wooc-radius: 12px;
    --wooc-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Product Notice - Modern Card Style */
.wooc-product-notice-top {
    background: linear-gradient(135deg, var(--wooc-danger, #f43f5e), #e11d48) !important;
    color: white !important;
    padding: 20px 25px !important;
    margin-bottom: 25px !important;
    border-radius: var(--wooc-radius, 12px) !important;
    font-weight: 600 !important;
    text-align: center !important;
    font-size: 16px !important;
    box-shadow: var(--wooc-shadow, 0 10px 30px rgba(244, 63, 94, 0.25)) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    position: relative;
    overflow: hidden;
    animation: woocSlideDown 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    clear: both !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Adding an icon container via pseudo-element if needed, or rely on emoji in text */
.wooc-product-notice-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
    opacity: 0.1;
    pointer-events: none;
}

@keyframes woocSlideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alternate Style for Warning (not error) */
body.wooc-force-shipping-cost .wooc-product-notice-top {
    background: linear-gradient(135deg, var(--wooc-warning, #f59e0b), #d97706) !important;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.25) !important;
}

/* Frontend Utility Classes */
body.wooc-modern-theme .woocommerce-message,
body.wooc-modern-theme .woocommerce-info,
body.wooc-modern-theme .woocommerce-error {
    border-radius: var(--wooc-radius, 8px);
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}