/* ============================================
   CHICRET - Color Swatch Map
   Maps data-color="slug" to background colors
   ============================================ */

/* Fallback */
.color-swatch { background-color: #e0e0e0; }

/* === Solid colors === */
.color-swatch[data-color="black"],
.color-swatch[data-color="-"],
.color-swatch[data-color="mayro"] { background-color: #000000; }

.color-swatch[data-color="white"],
.color-swatch[data-color=""] { background-color: #FFFFFF; box-shadow: inset 0 0 0 1px #e0e0e0; }

.color-swatch[data-color="red"],
.color-swatch[data-color="kokkino"],
.color-swatch[data-color="-xl"] { background-color: #FF0000; }

.color-swatch[data-color="blue"],
.color-swatch[data-color="mple"] { background-color: #1E88E5; }

.color-swatch[data-color="green"],
.color-swatch[data-color="prasino"] { background-color: #8BC34A; }

.color-swatch[data-color="yellow"],
.color-swatch[data-color="kitrino"] { background-color: #FFFF00; box-shadow: inset 0 0 0 1px #e0e0e0; }

.color-swatch[data-color="pink"],
.color-swatch[data-color="roz"] { background-color: #F48FB1; }

.color-swatch[data-color="purple"],
.color-swatch[data-color="mob"] { background-color: #9933CC; }

.color-swatch[data-color="orange"],
.color-swatch[data-color="portokali"] { background-color: #FF6600; }

.color-swatch[data-color="brown"],
.color-swatch[data-color="kafe"] { background-color: #795548; }

.color-swatch[data-color="beige"],
.color-swatch[data-color="mpez"] { background-color: #C2A594; }

.color-swatch[data-color="grey"],
.color-swatch[data-color="gray"],
.color-swatch[data-color="gkri"] { background-color: #B0BEC5; }

.color-swatch[data-color="gold"],
.color-swatch[data-color="chryso"] { background-color: #FFD700; }

.color-swatch[data-color="silver"],
.color-swatch[data-color="asimi"] { background-color: #C0C0C0; }

.color-swatch[data-color="coral"],
.color-swatch[data-color="korali"] { background-color: #FF7F50; }

.color-swatch[data-color="salmon"],
.color-swatch[data-color="somon"] { background-color: #FA8072; }

.color-swatch[data-color="khaki"] { background-color: #C3B091; }
.color-swatch[data-color="fuchsia"],
.color-swatch[data-color="fouxia"] { background-color: #FF00FF; }

.color-swatch[data-color="cyan"],
.color-swatch[data-color="kyano"] { background-color: #00BCD4; }

.color-swatch[data-color="mint"],
.color-swatch[data-color="menta"] { background-color: #98FF98; }

.color-swatch[data-color="charcoal"],
.color-swatch[data-color="anthraki"] { background-color: #36454F; }

.color-swatch[data-color="lila"] { background-color: #C8A2C8; }

/* === Specific shades === */
.color-swatch[data-color="bordeaux"],
.color-swatch[data-color="burgundy"],
.color-swatch[data-color="mpornto"] { background-color: #800020; }

.color-swatch[data-color="petrol"] { background-color: #005F6B; }
.color-swatch[data-color="teal"],
.color-swatch[data-color="galazoprasino"] { background-color: #008080; }

.color-swatch[data-color="navy-blue"],
.color-swatch[data-color="navy"],
.color-swatch[data-color="naftiko-mple"] { background-color: #1A237E; }

.color-swatch[data-color="royal-blue"],
.color-swatch[data-color="vasiliko-mple"] { background-color: #4169E1; }

.color-swatch[data-color="light-blue"],
.color-swatch[data-color="galazio"] { background-color: #87CEEB; }

.color-swatch[data-color="light-green"],
.color-swatch[data-color="laxani"] { background-color: #90EE90; }

.color-swatch[data-color="dark-green"],
.color-swatch[data-color="skoyro-prasino"],
.color-swatch[data-color="skouro-prasino"] { background-color: #2E7D32; }

.color-swatch[data-color="bright-green"],
.color-swatch[data-color="foteino-prasino"] { background-color: #76FF03; }

.color-swatch[data-color="dark-blue"],
.color-swatch[data-color="skoyro-mple"],
.color-swatch[data-color="skouro-mple"] { background-color: #1A237E; }

.color-swatch[data-color="dark-grey"],
.color-swatch[data-color="dark-gray"],
.color-swatch[data-color="skoyro-gkri"],
.color-swatch[data-color="skouro-gkri"] { background-color: #555555; }

.color-swatch[data-color="dark-purple"],
.color-swatch[data-color="skouro-mob"] { background-color: #4A148C; }

.color-swatch[data-color="dusty-rose"],
.color-swatch[data-color="skonismeno-roz"] { background-color: #DCAE96; }

.color-swatch[data-color="sugar-pink"],
.color-swatch[data-color="zachari-roz"] { background-color: #F9C6D0; }

.color-swatch[data-color="emerald"],
.color-swatch[data-color="smaragdi"] { background-color: #50C878; }

.color-swatch[data-color="caramel"],
.color-swatch[data-color="karamela"] { background-color: #C68E5B; }

.color-swatch[data-color="camel"],
.color-swatch[data-color="kamel"] { background-color: #C19A6B; }

.color-swatch[data-color="terracotta"],
.color-swatch[data-color="keramydi"] { background-color: #E2725B; }

.color-swatch[data-color="champagne"],
.color-swatch[data-color="sampani"] { background-color: #F7E7CE; box-shadow: inset 0 0 0 1px #e0e0e0; }

.color-swatch[data-color="mustard"],
.color-swatch[data-color="moystardi"] { background-color: #E1AD01; }

.color-swatch[data-color="eggplant"],
.color-swatch[data-color="melitzani"] { background-color: #614051; }

.color-swatch[data-color="cypress-green"],
.color-swatch[data-color="kyparissi"] { background-color: #4E6E58; }

/* === Color combos (diagonal split) === */
.color-swatch[data-color="black-white"],
.color-swatch[data-color="mavro-aspro"],
.color-swatch[data-color="mayro-aspro"] {
    background: linear-gradient(135deg, #000000 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}

.color-swatch[data-color="red-white"],
.color-swatch[data-color="kokkino-aspro"] {
    background: linear-gradient(135deg, #FF0000 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}

.color-swatch[data-color="red-black"],
.color-swatch[data-color="kokkino-mayro"],
.color-swatch[data-color="kokkino-maypo"] {
    background: linear-gradient(135deg, #FF0000 50%, #000000 50%);
}

.color-swatch[data-color="grey-black"],
.color-swatch[data-color="gkri-mayro"] {
    background: linear-gradient(135deg, #B0BEC5 50%, #000000 50%);
}

.color-swatch[data-color="grey-blue"],
.color-swatch[data-color="gkri-mple"] {
    background: linear-gradient(135deg, #B0BEC5 50%, #1E88E5 50%);
}

.color-swatch[data-color="blue-white"],
.color-swatch[data-color="mple-leyko"] {
    background: linear-gradient(135deg, #1E88E5 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}

.color-swatch[data-color="green-white"],
.color-swatch[data-color="prasino-leyko"] {
    background: linear-gradient(135deg, #8BC34A 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}

.color-swatch[data-color="pink-purple"],
.color-swatch[data-color="roz-mob"] {
    background: linear-gradient(135deg, #F48FB1 50%, #9933CC 50%);
}

.color-swatch[data-color="teal-purple"],
.color-swatch[data-color="galazoprasino-mob"] {
    background: linear-gradient(135deg, #008080 50%, #9933CC 50%);
}

/* === Patterns === */
.color-swatch[data-color="leopard"],
.color-swatch[data-color="leopar"] {
    background: #C19A6B;
    background-image: radial-gradient(circle at 20% 30%, #5D4037 3px, transparent 3px),
                      radial-gradient(circle at 60% 20%, #5D4037 2px, transparent 2px),
                      radial-gradient(circle at 40% 70%, #5D4037 3px, transparent 3px),
                      radial-gradient(circle at 80% 60%, #5D4037 2px, transparent 2px);
}

.color-swatch[data-color="snake-print"],
.color-swatch[data-color="fidi"] {
    background: linear-gradient(135deg, #8D6E63 25%, #A1887F 25%, #A1887F 50%, #8D6E63 50%, #8D6E63 75%, #A1887F 75%);
    background-size: 8px 8px;
}

.color-swatch[data-color="polka-dot"],
.color-swatch[data-color="poua"] {
    background: #FFFFFF;
    background-image: radial-gradient(circle, #333 2px, transparent 2px);
    background-size: 8px 8px;
    box-shadow: inset 0 0 0 1px #e0e0e0;
}

.color-swatch[data-color="striped"],
.color-swatch[data-color="rige"] {
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, #333 3px, #333 6px);
}

.color-swatch[data-color="plaid"],
.color-swatch[data-color="karo"] {
    background: repeating-linear-gradient(0deg, transparent, transparent 5px, rgba(0,0,0,0.1) 5px, rgba(0,0,0,0.1) 6px),
                repeating-linear-gradient(90deg, transparent, transparent 5px, rgba(0,0,0,0.1) 5px, rgba(0,0,0,0.1) 6px),
                #CC3333;
}

/* === Multicolor === */
.color-swatch[data-color="multicolor"],
.color-swatch[data-color="polychromo"],
.color-swatch[data-color="πολύχρωμο"] {
    background: conic-gradient(#FF0000, #FF6600, #FFFF00, #8BC34A, #1E88E5, #9933CC, #FF0000);
}

/* ============================================
   Greek labels (store view 1)
   ============================================ */
.color-swatch[data-color="μαύρο"] { background-color: #000000; }
.color-swatch[data-color="λευκό"] { background-color: #FFFFFF; box-shadow: inset 0 0 0 1px #e0e0e0; }
.color-swatch[data-color="κόκκινο"] { background-color: #FF0000; }
.color-swatch[data-color="μπλε"] { background-color: #1E88E5; }
.color-swatch[data-color="πράσινο"] { background-color: #8BC34A; }
.color-swatch[data-color="κίτρινο"] { background-color: #FFFF00; box-shadow: inset 0 0 0 1px #e0e0e0; }
.color-swatch[data-color="ροζ"] { background-color: #F48FB1; }
.color-swatch[data-color="μωβ"] { background-color: #9933CC; }
.color-swatch[data-color="πορτοκαλί"] { background-color: #FF6600; }
.color-swatch[data-color="καφέ"] { background-color: #795548; }
.color-swatch[data-color="μπεζ"] { background-color: #C2A594; }
.color-swatch[data-color="γκρι"] { background-color: #B0BEC5; }
.color-swatch[data-color="χρυσό"] { background-color: #FFD700; }
.color-swatch[data-color="ασημί"] { background-color: #C0C0C0; }
.color-swatch[data-color="σομόν"] { background-color: #FA8072; }
.color-swatch[data-color="φούξια"] { background-color: #FF00FF; }
.color-swatch[data-color="μπορντό"] { background-color: #800020; }
.color-swatch[data-color="κοράλι"] { background-color: #FF7F50; }
.color-swatch[data-color="κυανό"] { background-color: #00BCD4; }
.color-swatch[data-color="μέντα"] { background-color: #98FF98; }
.color-swatch[data-color="ανθρακί"] { background-color: #36454F; }
.color-swatch[data-color="λιλά"] { background-color: #C8A2C8; }
.color-swatch[data-color="πετρόλ"] { background-color: #005F6B; }
.color-swatch[data-color="γαλάζιο"] { background-color: #87CEEB; }
.color-swatch[data-color="ναυτικό-μπλε"] { background-color: #1A237E; }
.color-swatch[data-color="βασιλικό-μπλε"] { background-color: #4169E1; }
.color-swatch[data-color="σκούρο-πράσινο"] { background-color: #2E7D32; }
.color-swatch[data-color="φωτεινό-πράσινο"] { background-color: #76FF03; }
.color-swatch[data-color="σκούρο-μπλε"] { background-color: #1A237E; }
.color-swatch[data-color="σκούρο-γκρι"] { background-color: #555555; }
.color-swatch[data-color="σκούρο-μωβ"] { background-color: #4A148C; }
.color-swatch[data-color="σκονισμένο-ροζ"] { background-color: #DCAE96; }
.color-swatch[data-color="ζαχαρί-ροζ"] { background-color: #F9C6D0; }
.color-swatch[data-color="σμαραγδί"] { background-color: #50C878; }
.color-swatch[data-color="καραμέλα"] { background-color: #C68E5B; }
.color-swatch[data-color="καμέλ"] { background-color: #C19A6B; }
.color-swatch[data-color="κεραμυδί"] { background-color: #E2725B; }
.color-swatch[data-color="σαμπανί"] { background-color: #F7E7CE; box-shadow: inset 0 0 0 1px #e0e0e0; }
.color-swatch[data-color="μουσταρδί"] { background-color: #E1AD01; }
.color-swatch[data-color="μελιτζανί"] { background-color: #614051; }
.color-swatch[data-color="κυπαρισσί"] { background-color: #4E6E58; }
.color-swatch[data-color="λαχανί"] { background-color: #90EE90; }
.color-swatch[data-color="γαλαζοπράσινο"] { background-color: #008080; }

/* Greek combos */
.color-swatch[data-color="μαύρο-άσπρο"] {
    background: linear-gradient(135deg, #000000 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}
.color-swatch[data-color="κόκκινο-άσπρο"] {
    background: linear-gradient(135deg, #FF0000 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}
.color-swatch[data-color="κόκκινο-μαύρο"] { background: linear-gradient(135deg, #FF0000 50%, #000000 50%); }
.color-swatch[data-color="γκρι-μαύρο"] { background: linear-gradient(135deg, #B0BEC5 50%, #000000 50%); }
.color-swatch[data-color="γκρι-μπλε"] { background: linear-gradient(135deg, #B0BEC5 50%, #1E88E5 50%); }
.color-swatch[data-color="μπλε-λευκό"] {
    background: linear-gradient(135deg, #1E88E5 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}
.color-swatch[data-color="πράσινο-λευκό"] {
    background: linear-gradient(135deg, #8BC34A 50%, #FFFFFF 50%);
    box-shadow: inset 0 0 0 1px #e0e0e0;
}
.color-swatch[data-color="ροζ-μωβ"] { background: linear-gradient(135deg, #F48FB1 50%, #9933CC 50%); }
.color-swatch[data-color="γαλαζοπράσινο-μωβ"] { background: linear-gradient(135deg, #008080 50%, #9933CC 50%); }

/* Greek patterns */
.color-swatch[data-color="λεοπάρ"] {
    background: #C19A6B;
    background-image: radial-gradient(circle at 20% 30%, #5D4037 3px, transparent 3px),
                      radial-gradient(circle at 60% 20%, #5D4037 2px, transparent 2px),
                      radial-gradient(circle at 40% 70%, #5D4037 3px, transparent 3px),
                      radial-gradient(circle at 80% 60%, #5D4037 2px, transparent 2px);
}
.color-swatch[data-color="φίδι"] {
    background: linear-gradient(135deg, #8D6E63 25%, #A1887F 25%, #A1887F 50%, #8D6E63 50%, #8D6E63 75%, #A1887F 75%);
    background-size: 8px 8px;
}
.color-swatch[data-color="πουά"] {
    background: #FFFFFF;
    background-image: radial-gradient(circle, #333 2px, transparent 2px);
    background-size: 8px 8px;
    box-shadow: inset 0 0 0 1px #e0e0e0;
}
.color-swatch[data-color="ριγέ"] { background: repeating-linear-gradient(45deg, #fff, #fff 3px, #333 3px, #333 6px); }
.color-swatch[data-color="καρό"] {
    background: repeating-linear-gradient(0deg, transparent, transparent 5px, rgba(0,0,0,0.1) 5px, rgba(0,0,0,0.1) 6px),
                repeating-linear-gradient(90deg, transparent, transparent 5px, rgba(0,0,0,0.1) 5px, rgba(0,0,0,0.1) 6px),
                #CC3333;
}