@charset "utf-8";
/*
 * Entsorgungs-Box – Frontend-Ausgabe des [show_disposal_box]-Shortcodes.
 *
 * Alle gestaltbaren Eigenschaften sind als CSS-Variablen mit Fallback auf das
 * Standard-Design definiert (Muster: clp-box-style.css). Keine externen
 * Ressourcen, kein JavaScript.
 */

.pc-disposal-box {
    display: flex;
    align-items: flex-start;
    gap: var(--pc-disposal-gap, 16px);
    background-color: var(--pc-disposal-bg, #f9f9f9);
    border: var(--pc-disposal-border-width, 1px) solid var(--pc-disposal-border-color, #ccc);
    border-radius: var(--pc-disposal-radius, 0px);
    padding: var(--pc-disposal-padding, 16px 20px);
    margin-bottom: var(--pc-disposal-margin-bottom, 20px);
    font-family: var(--pc-disposal-font, inherit);
    font-size: var(--pc-disposal-font-size, inherit);
    line-height: var(--pc-disposal-line-height, 1.5);
    color: var(--pc-disposal-text, inherit);
    box-sizing: border-box;
}

.pc-disposal-box__symbol {
    flex: 0 0 auto;
    /* Weißer Grund, damit das schwarze Symbol auch auf dunklen Themes erkennbar bleibt. */
    background-color: var(--pc-disposal-symbol-bg, #fff);
    padding: var(--pc-disposal-symbol-padding, 4px);
    line-height: 0;
}

.pc-disposal-box__symbol img,
.pc-disposal-box .pc-disposal-box__symbol-img {
    display: block;
    width: auto;
    height: var(--pc-disposal-symbol-height, 60px);
    max-width: none;
    margin: 0;
}

.pc-disposal-box__content {
    flex: 1 1 auto;
    min-width: 0;
}

.pc-disposal-box__title {
    font-weight: var(--pc-disposal-title-weight, bold);
    font-size: var(--pc-disposal-title-size, inherit);
    color: var(--pc-disposal-title-color, inherit);
    margin: 0 0 var(--pc-disposal-title-margin, 8px);
}

.pc-disposal-box .pc-disposal-box__text,
.pc-disposal-box .pc-disposal-box__battery,
.pc-disposal-box .pc-disposal-box__weee,
.pc-disposal-box .pc-disposal-box__link {
    margin: 0 0 var(--pc-disposal-row-spacing, 8px);
    padding: 0;
}

.pc-disposal-box__content > :last-child {
    margin-bottom: 0;
}

.pc-disposal-box__text--lithium {
    font-weight: var(--pc-disposal-lithium-weight, 600);
}

.pc-disposal-box__label {
    font-weight: bold;
}

.pc-disposal-box__battery,
.pc-disposal-box__weee {
    color: var(--pc-disposal-meta-color, inherit);
}

.pc-disposal-box__link a {
    color: var(--pc-disposal-link-color, inherit);
    text-decoration: underline;
}

@media (max-width: 480px) {
    .pc-disposal-box {
        flex-direction: column;
    }
}