/** Shopify CDN: Minification failed

Line 9:0 Unexpected "{"
Line 9:1 Expected identifier but found "%"
Line 10:8 Unexpected "/"
Line 14:1 Expected identifier but found "%"

**/
{%- comment -%}
  assets/pettlys-swatches.css
  Colour swatch overrides for Horizon variant-picker
  Maps colour option values to visual CSS colours
  Applied via snippets/pettlys-swatch-styles.liquid injected in layout/theme.liquid
{%- endcomment -%}

/* Override Horizon variant buttons for Colour option — show as colour circles */
[data-option-name="Color"] .swatch,
[data-option-name="Colour"] .swatch,
[data-option-name="color"] .swatch,
[data-option-name="colour"] .swatch {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  min-width: 0 !important;
  border: 2px solid var(--color-border, #DDD8CE) !important;
  position: relative;
}

/* Individual colour mappings */
[data-option-value="Black"] .swatch,
[data-option-value="black"] .swatch { background-color: #1a1a1a !important; }
[data-option-value="White"] .swatch,
[data-option-value="WHITE"] .swatch { background-color: #f5f5f5 !important; border-color: #ccc !important; }
[data-option-value="Red"] .swatch,
[data-option-value="red"] .swatch { background-color: #d32f2f !important; }
[data-option-value="Blue"] .swatch,
[data-option-value="blue"] .swatch { background-color: #1565c0 !important; }
[data-option-value="Green"] .swatch,
[data-option-value="green"] .swatch { background-color: #2e7d32 !important; }
[data-option-value="Dark Green"] .swatch { background-color: #1b5e20 !important; }
[data-option-value="Light Green"] .swatch { background-color: #81c784 !important; }
[data-option-value="Pink"] .swatch,
[data-option-value="pink"] .swatch { background-color: #e91e8c !important; }
[data-option-value="Orange"] .swatch,
[data-option-value="orange"] .swatch { background-color: #e65100 !important; }
[data-option-value="Yellow"] .swatch,
[data-option-value="yellow"] .swatch { background-color: #f9a825 !important; }
[data-option-value="Grey"] .swatch,
[data-option-value="Gray"] .swatch,
[data-option-value="GRAY"] .swatch { background-color: #757575 !important; }
[data-option-value="Purple"] .swatch,
[data-option-value="PURPLE"] .swatch { background-color: #6a1b9a !important; }
[data-option-value="Royal Blue"] .swatch { background-color: #003087 !important; }
[data-option-value="Sky Blue"] .swatch { background-color: #0288d1 !important; }
[data-option-value="Watermelon Red"] .swatch { background-color: #c62828 !important; }
[data-option-value="Yellow-Green"] .swatch { background-color: #9ccc65 !important; }
[data-option-value="Brown"] .swatch,
[data-option-value="brown"] .swatch { background-color: #5d4037 !important; }
[data-option-value="Silver"] .swatch { background-color: #9e9e9e !important; }
[data-option-value="Gold"] .swatch { background-color: #f59e0b !important; }
[data-option-value="Burgundy"] .swatch { background-color: #7b1f31 !important; }
[data-option-value="Rose"] .swatch { background-color: #e57373 !important; }
[data-option-value="Grey & Black"] .swatch { background: linear-gradient(135deg, #757575 50%, #1a1a1a 50%) !important; }
[data-option-value="Red & White"] .swatch { background: linear-gradient(135deg, #d32f2f 50%, #f5f5f5 50%) !important; }
[data-option-value="Black & Khaki"] .swatch { background: linear-gradient(135deg, #1a1a1a 50%, #8d7c4b 50%) !important; }
[data-option-value="Dark Khaki"] .swatch { background-color: #6b5e3e !important; }
[data-option-value="Black & Orange"] .swatch { background: linear-gradient(135deg, #1a1a1a 50%, #e65100 50%) !important; }
[data-option-value="Purple & White"] .swatch { background: linear-gradient(135deg, #6a1b9a 50%, #f5f5f5 50%) !important; }