/* =========================================================
   CELIA FINAL SWATCH MAP
   Alleen juiste swatch images/kleuren fixen
   Voor product page + collection + direct swatches
========================================================= */

.swatches {
  --gold: url("https://celiawatches.com/wp-content/uploads/2026/10/Gold2_small.png");
  --silver: url("https://celiawatches.com/wp-content/uploads/2026/10/Silver2_small.png");
  --black: url("https://celiawatches.com/wp-content/uploads/2026/10/black2_small.png");
  --white: url("https://celiawatches.com/wp-content/uploads/2026/10/white2_small.png");
  --blank: url("https://celiawatches.com/wp-content/uploads/2026/10/white2_small.png");

  --duo-tone: url("https://celiawatches.com/wp-content/uploads/2026/10/Duo_Tone_small.png");
  --duotone: url("https://celiawatches.com/wp-content/uploads/2026/10/Duo_Tone_small.png");
  --two-tone: url("https://celiawatches.com/wp-content/uploads/2026/10/Duo_Tone_small.png");

  --rose-gold: url("https://celiawatches.com/wp-content/uploads/2026/10/Rose_Gold_small.png");
  --rose: url("https://celiawatches.com/wp-content/uploads/2026/10/Rose_Gold_small.png");
  --rosé: url("https://celiawatches.com/wp-content/uploads/2026/10/Rose_Gold_small.png");

  --gold-wavee: url("https://celiawatches.com/wp-content/uploads/2026/10/goldwavewatch_small.png");
  --gold-wave: url("https://celiawatches.com/wp-content/uploads/2026/10/goldwavewatch_small.png");
  --gold-coast: url("https://celiawatches.com/wp-content/uploads/2026/10/goldcoastwatch_small.png");
  --gold-silver: url("https://celiawatches.com/wp-content/uploads/2026/10/Gold_Silver_small.png");
  --gold-and-silver: url("https://celiawatches.com/wp-content/uploads/2026/10/Gold_Silver_small.png");

  --brown-gold: url("https://celiawatches.com/wp-content/uploads/2026/10/Brown_Gold_small.png");
  --black-gold: url("https://celiawatches.com/wp-content/uploads/2026/10/Black_Gold_small.png");
  --olive-gold: url("https://celiawatches.com/wp-content/uploads/2026/10/Olive_Gold_small.png");
  --choco-gold: url("https://celiawatches.com/wp-content/uploads/2026/10/Choco_Gold_small.png");
  --double-olive: url("https://celiawatches.com/wp-content/uploads/2026/10/Double_Olive_small.png");
  --double-choco: url("https://celiawatches.com/wp-content/uploads/2026/10/Brown_Gold_small.png");

  --midnight: url("https://celiawatches.com/wp-content/uploads/2026/10/Moonlight_small.png");
  --silver-wave: url("https://celiawatches.com/wp-content/uploads/2026/10/silverwaveswatch_small.png");
  --blue-tide: url("https://celiawatches.com/wp-content/uploads/2026/10/bluetideswatch_small.png");
  --blue-silver: url("https://celiawatches.com/wp-content/uploads/2026/10/Blue_Silver_small.png");

  --emerald: url("https://celiawatches.com/wp-content/uploads/2026/10/emeraldswatch_small.png");
  --sage: url("https://celiawatches.com/wp-content/uploads/2026/10/sageswatch_small.png");
  --ruby: url("https://celiawatches.com/wp-content/uploads/2026/10/Ruby_small.png");
  --pink: url("https://celiawatches.com/wp-content/uploads/2026/10/Pink_small.png");

  --mocha: url("https://celiawatches.com/wp-content/uploads/2026/10/Mocha_small.png");
  --sea-moss: url("https://celiawatches.com/wp-content/uploads/2026/10/seamosssunglasses_small.png");
  --terra: url("https://celiawatches.com/wp-content/uploads/2026/10/terrasunglasses_small.png");
  --brown: url("https://celiawatches.com/wp-content/uploads/2026/10/brown_small.png");
  --sand: url("https://celiawatches.com/wp-content/uploads/2026/10/sandsunglasses_small.png");
  --coral: url("https://celiawatches.com/wp-content/uploads/2026/10/coralsunglasses_small.png");
  --olive: url("https://celiawatches.com/wp-content/uploads/2026/10/Olive_Gold_small.png");
  --ivory-coast: url("https://celiawatches.com/wp-content/uploads/2026/10/Ivorycoast_small.png");
  --golden-hour: url("https://celiawatches.com/wp-content/uploads/2026/10/Golden-Hour_small.png");
  --azure: url("https://celiawatches.com/wp-content/uploads/2026/10/azure_small.png");
  --dusk: url("https://celiawatches.com/wp-content/uploads/2026/10/dusk_small.png");
  --tortoise: url("https://celiawatches.com/wp-content/uploads/2026/10/image123_small.png");
  --red: url("https://celiawatches.com/wp-content/uploads/2026/10/Red123_small.png");
}

/* Broadcast swatches echt laten luisteren naar --swatch */
.swatch__link,
.swatch-input__label,
.sibling__link {
  background-image: var(--swatch) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ===== FORCE MAP OP CLASS ===== */
.swatch-gold,
.swatches.swatch-gold,
.swatch__button.swatch-gold { --swatch: var(--gold) !important; }

.swatch-silver,
.swatches.swatch-silver,
.swatch__button.swatch-silver { --swatch: var(--silver) !important; }

.swatch-black,
.swatches.swatch-black,
.swatch__button.swatch-black { --swatch: var(--black) !important; }

.swatch-white,
.swatch-blank,
.swatches.swatch-white,
.swatches.swatch-blank,
.swatch__button.swatch-white,
.swatch__button.swatch-blank { --swatch: var(--white) !important; }

.swatch-duo-tone,
.swatch-duotone,
.swatch-two-tone,
.swatches.swatch-duo-tone,
.swatches.swatch-duotone,
.swatches.swatch-two-tone,
.swatch__button.swatch-duo-tone,
.swatch__button.swatch-duotone,
.swatch__button.swatch-two-tone { --swatch: var(--duo-tone) !important; }

.swatch-rose-gold,
.swatch-rose,
.swatches.swatch-rose-gold,
.swatches.swatch-rose,
.swatch__button.swatch-rose-gold,
.swatch__button.swatch-rose { --swatch: var(--rose-gold) !important; }

.swatch-gold-wavee,
.swatch-gold-wave,
.swatches.swatch-gold-wavee,
.swatches.swatch-gold-wave,
.swatch__button.swatch-gold-wavee,
.swatch__button.swatch-gold-wave { --swatch: var(--gold-wavee) !important; }

.swatch-gold-coast,
.swatches.swatch-gold-coast,
.swatch__button.swatch-gold-coast { --swatch: var(--gold-coast) !important; }

.swatch-brown-gold,
.swatches.swatch-brown-gold,
.swatch__button.swatch-brown-gold { --swatch: var(--brown-gold) !important; }

.swatch-black-gold,
.swatches.swatch-black-gold,
.swatch__button.swatch-black-gold { --swatch: var(--black-gold) !important; }

.swatch-olive-gold,
.swatches.swatch-olive-gold,
.swatch__button.swatch-olive-gold { --swatch: var(--olive-gold) !important; }

.swatch-choco-gold,
.swatches.swatch-choco-gold,
.swatch__button.swatch-choco-gold { --swatch: var(--choco-gold) !important; }

.swatch-double-olive,
.swatches.swatch-double-olive,
.swatch__button.swatch-double-olive { --swatch: var(--double-olive) !important; }

.swatch-double-choco,
.swatches.swatch-double-choco,
.swatch__button.swatch-double-choco { --swatch: var(--double-choco) !important; }

.swatch-midnight,
.swatches.swatch-midnight,
.swatch__button.swatch-midnight { --swatch: var(--midnight) !important; }

.swatch-silver-wave,
.swatches.swatch-silver-wave,
.swatch__button.swatch-silver-wave { --swatch: var(--silver-wave) !important; }

.swatch-blue-tide,
.swatches.swatch-blue-tide,
.swatch__button.swatch-blue-tide { --swatch: var(--blue-tide) !important; }

.swatch-blue-silver,
.swatches.swatch-blue-silver,
.swatch__button.swatch-blue-silver { --swatch: var(--blue-silver) !important; }

.swatch-emerald,
.swatches.swatch-emerald,
.swatch__button.swatch-emerald { --swatch: var(--emerald) !important; }

.swatch-sage,
.swatches.swatch-sage,
.swatch__button.swatch-sage { --swatch: var(--sage) !important; }

.swatch-ruby,
.swatches.swatch-ruby,
.swatch__button.swatch-ruby { --swatch: var(--ruby) !important; }

.swatch-pink,
.swatches.swatch-pink,
.swatch__button.swatch-pink { --swatch: var(--pink) !important; }

.swatch-gold-silver,
.swatch-gold-and-silver,
.swatches.swatch-gold-silver,
.swatches.swatch-gold-and-silver,
.swatch__button.swatch-gold-silver,
.swatch__button.swatch-gold-and-silver { --swatch: var(--gold-silver) !important; }

/* ===== FORCE MAP OP TOOLTIP / LABEL / ARIA ===== */
/* Product page */
.swatch__button[data-tooltip="Gold"],
.swatches[data-tooltip="Gold"],
.swatch__link[aria-label*="Gold"],
.sibling__link[aria-label*="Gold"] { --swatch: var(--gold) !important; }

.swatch__button[data-tooltip="Silver"],
.swatches[data-tooltip="Silver"],
.swatch__link[aria-label*="Silver"],
.sibling__link[aria-label*="Silver"] { --swatch: var(--silver) !important; }

.swatch__button[data-tooltip="Black"],
.swatches[data-tooltip="Black"],
.swatch__link[aria-label*="Black"],
.sibling__link[aria-label*="Black"] { --swatch: var(--black) !important; }

.swatch__button[data-tooltip="Duo Tone"],
.swatch__button[data-tooltip="DuoTone"],
.swatch__button[data-tooltip="Two Tone"],
.swatches[data-tooltip="Duo Tone"],
.swatch__link[aria-label*="Duo Tone"],
.sibling__link[aria-label*="Duo Tone"] { --swatch: var(--duo-tone) !important; }

.swatch__button[data-tooltip="Rose Gold"],
.swatch__button[data-tooltip="Rosé"],
.swatches[data-tooltip="Rose Gold"],
.swatch__link[aria-label*="Rose Gold"],
.sibling__link[aria-label*="Rose Gold"] { --swatch: var(--rose-gold) !important; }

.swatch__button[data-tooltip="Gold Wavee"],
.swatch__button[data-tooltip="Gold Wave"],
.swatches[data-tooltip="Gold Wavee"],
.swatch__link[aria-label*="Gold Wavee"],
.sibling__link[aria-label*="Gold Wavee"] { --swatch: var(--gold-wavee) !important; }

.swatch__button[data-tooltip="Midnight"],
.swatches[data-tooltip="Midnight"],
.swatch__link[aria-label*="Midnight"],
.sibling__link[aria-label*="Midnight"] {
  --swatch: var(--midnight) !important;
  background-image: var(--midnight) !important;
}

.swatch__button[data-tooltip="Gold Coast"],
.swatches[data-tooltip="Gold Coast"],
.swatch__link[aria-label*="Gold Coast"],
.sibling__link[aria-label*="Gold Coast"] { --swatch: var(--gold-coast) !important; }

.swatch__button[data-tooltip="Silver Wave"],
.swatches[data-tooltip="Silver Wave"],
.swatch__link[aria-label*="Silver Wave"],
.sibling__link[aria-label*="Silver Wave"] { --swatch: var(--silver-wave) !important; }

.swatch__button[data-tooltip="Blue Tide"],
.swatches[data-tooltip="Blue Tide"],
.swatch__link[aria-label*="Blue Tide"],
.sibling__link[aria-label*="Blue Tide"] { --swatch: var(--blue-tide) !important; }

.swatch__button[data-tooltip="Emerald"],
.swatches[data-tooltip="Emerald"],
.swatch__link[aria-label*="Emerald"],
.sibling__link[aria-label*="Emerald"] { --swatch: var(--emerald) !important; }

.swatch__button[data-tooltip="Sage"],
.swatches[data-tooltip="Sage"],
.swatch__link[aria-label*="Sage"],
.sibling__link[aria-label*="Sage"] { --swatch: var(--sage) !important; }

.swatch__button[data-tooltip="Ruby"],
.swatches[data-tooltip="Ruby"],
.swatch__link[aria-label*="Ruby"],
.sibling__link[aria-label*="Ruby"] { --swatch: var(--ruby) !important; }

.swatch__button[data-tooltip="Pink"],
.swatches[data-tooltip="Pink"],
.swatch__link[aria-label*="Pink"],
.sibling__link[aria-label*="Pink"] { --swatch: var(--pink) !important; }

.swatch__button[data-tooltip="Brown Gold"],
.swatches[data-tooltip="Brown Gold"],
.swatch__link[aria-label*="Brown Gold"],
.sibling__link[aria-label*="Brown Gold"] { --swatch: var(--brown-gold) !important; }

.swatch__button[data-tooltip="Black Gold"],
.swatches[data-tooltip="Black Gold"],
.swatch__link[aria-label*="Black Gold"],
.sibling__link[aria-label*="Black Gold"] { --swatch: var(--black-gold) !important; }

.swatch__button[data-tooltip="Olive Gold"],
.swatches[data-tooltip="Olive Gold"],
.swatch__link[aria-label*="Olive Gold"],
.sibling__link[aria-label*="Olive Gold"] { --swatch: var(--olive-gold) !important; }

.swatch__button[data-tooltip="Choco Gold"],
.swatches[data-tooltip="Choco Gold"],
.swatch__link[aria-label*="Choco Gold"],
.sibling__link[aria-label*="Choco Gold"] { --swatch: var(--choco-gold) !important; }

.swatch__button[data-tooltip="Double Olive"],
.swatches[data-tooltip="Double Olive"],
.swatch__link[aria-label*="Double Olive"],
.sibling__link[aria-label*="Double Olive"] { --swatch: var(--double-olive) !important; }

.swatch__button[data-tooltip="Double Choco"],
.swatches[data-tooltip="Double Choco"],
.swatch__link[aria-label*="Double Choco"],
.sibling__link[aria-label*="Double Choco"] { --swatch: var(--double-choco) !important; }

.swatch__button[data-tooltip="Blue Silver"],
.swatches[data-tooltip="Blue Silver"],
.swatch__link[aria-label*="Blue Silver"],
.sibling__link[aria-label*="Blue Silver"] { --swatch: var(--blue-silver) !important; }

/* ===== CUSTOM DIRECT SWATCHES (collection grid) ===== */
.aubrielle-direct-swatch[data-color="Gold" i] { background-image: var(--gold) !important; }
.aubrielle-direct-swatch[data-color="Silver" i] { background-image: var(--silver) !important; }
.aubrielle-direct-swatch[data-color="Black" i] { background-image: var(--black) !important; }
.aubrielle-direct-swatch[data-color="Duo Tone" i],
.aubrielle-direct-swatch[data-color="DuoTone" i],
.aubrielle-direct-swatch[data-color="Two Tone" i] { background-image: var(--duo-tone) !important; }
.aubrielle-direct-swatch[data-color="Rose Gold" i],
.aubrielle-direct-swatch[data-color="Rosé" i] { background-image: var(--rose-gold) !important; }
.aubrielle-direct-swatch[data-color="Gold Wavee" i],
.aubrielle-direct-swatch[data-color="Gold Wave" i] { background-image: var(--gold-wavee) !important; }
.aubrielle-direct-swatch[data-color="Midnight" i] { background-image: var(--midnight) !important; }
.aubrielle-direct-swatch[data-color="Gold Coast" i] { background-image: var(--gold-coast) !important; }
.aubrielle-direct-swatch[data-color="Silver Wave" i] { background-image: var(--silver-wave) !important; }
.aubrielle-direct-swatch[data-color="Blue Tide" i] { background-image: var(--blue-tide) !important; }
.aubrielle-direct-swatch[data-color="Emerald" i] { background-image: var(--emerald) !important; }
.aubrielle-direct-swatch[data-color="Sage" i] { background-image: var(--sage) !important; }
.aubrielle-direct-swatch[data-color="Ruby" i] { background-image: var(--ruby) !important; }
.aubrielle-direct-swatch[data-color="Pink" i] { background-image: var(--pink) !important; }
.aubrielle-direct-swatch[data-color="Brown Gold" i] { background-image: var(--brown-gold) !important; }
.aubrielle-direct-swatch[data-color="Black Gold" i] { background-image: var(--black-gold) !important; }
.aubrielle-direct-swatch[data-color="Olive Gold" i] { background-image: var(--olive-gold) !important; }
.aubrielle-direct-swatch[data-color="Choco Gold" i] { background-image: var(--choco-gold) !important; }
.aubrielle-direct-swatch[data-color="Double Olive" i] { background-image: var(--double-olive) !important; }
.aubrielle-direct-swatch[data-color="Double Choco" i] { background-image: var(--double-choco) !important; }
.aubrielle-direct-swatch[data-color="Blue Silver" i] { background-image: var(--blue-silver) !important; }