/**
 * NF-Digital Shop - Colorbox Styles
 * Styles für Farbanzeige in Produktlisten
 * Basierend auf NF-Digital Farbpalette
 */

/* Container für Farbboxen */
.row,
[class*="colors"],
.colorbox-container {
    display: inline-flex;
    gap: 5px; /* Abstand zwischen den Kästchen */
    margin-left: 10px;
    vertical-align: middle;
}

/* Specific handling for numeric class names like "8colors" */
span[class="8colors"] {
    display: inline-flex;
    gap: 5px;
    margin-left: 0;
    vertical-align: top;
}

/* Individual color box */
.box,
.colorbox {
    width: 10px;
    height: 10px;
    border-radius: 0px; /* nicht abgerundet */
    display: inline-block;
}

/* NF-Digital Farbpalette */
.c1, .colorbox.c1 { background: #383936; } /* Schiefergrau */
.c2, .colorbox.c2 { background: #3f4e2a; } /* Moosgrün */
.c3, .colorbox.c3 { background: #b6987d; } /* Weiß (eigentlich Beige/Sand) */
.c4, .colorbox.c4 { background: #8a76b7; } /* Sandstein (eigentlich Lila) */
.c5, .colorbox.c5 { background: #ec9d51; } /* Lavendel (eigentlich Orange) */
.c6, .colorbox.c6 { background: #f0315f; } /* Zimtrot */
.c7, .colorbox.c7 { background: #bf8680; } /* Rosé */
.c8, .colorbox.c8 { background: #d9d9d4; } /* Bernstein (eigentlich Hellgrau) */