/**
 * Campaign Sale Badge Styles
 * Farver styres nu dynamisk via PHP admin indstillinger
 * Default: Orange baggrund (#F57C00) med sort tekst (#000)
 */

.woocommerce span.onsale {
    /* Baggrundsfarve og tekstfarve styres via inline styles fra PHP */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 1rem;
    padding: 1rem;
    border-radius: 50px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.woocommerce ul.products li.product .onsale {
    /* Styles arves fra span.onsale */
}

.woocommerce .products .product.type-product span.onsale {
    /* Styles arves fra span.onsale */
}

/**
 * Campaign Banner Styles - Isolated with high specificity
 */
.bf-campaign-banner {
    margin: 1.5rem 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 1rem !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative !important;
    display: block !important;
    clear: both !important;
}

.bf-campaign-banner * {
    box-sizing: border-box !important;
}

.bf-campaign-banner img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

.bf-campaign-banner h1,
.bf-campaign-banner h2,
.bf-campaign-banner h3,
.bf-campaign-banner h4,
.bf-campaign-banner h5,
.bf-campaign-banner h6 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.bf-campaign-banner p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.bf-campaign-banner div {
    margin: 0 !important;
}

.bf-campaign-banner a {
    text-decoration: none !important;
}

/* Prevent theme overrides */
body.light-mode .bf-campaign-banner,
body.light-mode .bf-campaign-banner *,
body .bf-campaign-banner,
body .bf-campaign-banner * {
    font-family: inherit !important;
    border: none !important;
    outline: none !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .bf-campaign-banner {
        margin: 10px 0 !important;
        border-radius: 4px !important;
    }
    
    .bf-campaign-banner h1 {
        font-size: 2em !important;
    }
    
    .bf-campaign-banner h2 {
        font-size: 1.8em !important;
    }
    
    .bf-campaign-banner h3 {
        font-size: 1.5em !important;
    }
    
    .bf-campaign-banner p {
        font-size: 1em !important;
    }
}