/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 19:10 Expected identifier but found whitespace
Line 20:2 Unexpected "-"
Line 20:20 Expected ":"
Line 20:37 Expected identifier but found whitespace
Line 21:19 Expected ":"
Line 21:51 Expected identifier but found whitespace
Line 22:18 Expected ":"
Line 22:33 Expected identifier but found whitespace
... and 115 more hidden warnings

**/
{% comment %}
  Renders product variant options

  Accepts:
  - product: {Object} product object.
  - option: {Object} current product_option object.
  - block: {Object} block object.
  - picker_type: {String} type of picker to display
{% endcomment %}

{%- liquid
  assign product_form_id = 'product-form-' | append: section.id
-%}

{%- for value in option.values -%}
  {%- liquid
    assign swatch_focal_point = null
    if value.swatch.image
      assign image_url = value.swatch.image | image_url: width: 50
      assign swatch_value = 'url(' | append: image_url | append: ')'
      assign swatch_focal_point = value.swatch.image.presentation.focal_point
    elsif value.swatch.color
      assign swatch_value = 'rgb(' | append: value.swatch.color.rgb | append: ')'
    else
      assign swatch_value = null
    endif

    assign option_disabled = true
    if value.available
      assign option_disabled = false
    endif
  -%}

  {%- capture input_id -%}
    {{ section.id }}-{{ option.position }}-{{ forloop.index0 -}}
  {%- endcapture -%}

  {%- capture input_name -%}
    {{ option.name }}-{{ option.position }}
  {%- endcapture -%}

  {%- capture input_dataset -%}
    data-product-url="{{ value.product_url }}"
    data-option-value-id="{{ value.id }}"
  {%- endcapture -%}

  {%- capture label_unavailable -%}
    <span class="visually-hidden label-unavailable">
      {{- 'products.product.variant_sold_out_or_unavailable' | t -}}
    </span>
  {%- endcapture -%}

  {%- if picker_type == 'swatch' -%}
    {%- capture help_text -%}
      <span class="visually-hidden">{{ value | escape }}</span>
      {{ label_unavailable }}
    {%- endcapture -%}
    {%
      render 'swatch-input',
      id: input_id,
      name: input_name,
      value: value | escape,
      swatch: value.swatch,
      product_form_id: product_form_id,
      checked: value.selected,
      visually_disabled: option_disabled,
      shape: block.settings.swatch_shape,
      help_text: help_text,
      additional_props: input_dataset | append: (option_disabled ? ' disabled aria-disabled="true"' : '')
    %}
  {%- elsif picker_type == 'button' -%}
    <input
      type="radio"
      id="{{ input_id }}"
      name="{{ input_name | escape }}"
      value="{{ value | escape }}"
      form="{{ product_form_id }}"
      class="{% if option_disabled %}is-disabled{% endif %}"
      {% if value.selected %}checked{% endif %}
      {% if option_disabled %}disabled aria-disabled="true"{% endif %}
      {{ input_dataset }}
    >
    <label
      for="{{ input_id }}"
      class="{% if option_disabled %}is-disabled{% endif %}"
      {% if option_disabled %}tabindex="-1"{% endif %}
    >
      {{ value }}
      {{ label_unavailable }}
    </label>
  {%- elsif picker_type == 'dropdown' or picker_type == 'swatch_dropdown' -%}
    <option
      id="{{ input_id }}"
      value="{{ value | escape }}"
      {% if value.selected %}selected="selected"{% endif %}
      {% if swatch_value and picker_type == 'swatch_dropdown' %}
        data-option-swatch-value="{{ swatch_value }}"
        {% if swatch_focal_point %}
          data-option-swatch-focal-point="{{ swatch_focal_point }}"
        {% endif %}
      {% endif %}
      {{ input_dataset }}
      {% if option_disabled %}disabled aria-disabled="true"{% endif %}
    >
      {% if option_disabled %}
        {{- 'products.product.value_unavailable' | t: option_value: value -}}
      {% else %}
        {{- value -}}
      {% endif %}
    </option>
  {%- endif -%}
{%- endfor -%}

/* Griser et désactiver visiblement les variantes en rupture */
.template-collection .is-disabled,
.template-collection input[disabled] + label {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(100%) contrast(80%);
  background-color: #b0b0b0 !important;
  color: #ffffff !important;
  border: 1px solid #888 !important;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.25);
}

.template-collection .is-disabled:hover,
.template-collection input[disabled] + label:hover {
  box-shadow: inset 0 0 4px rgba(0,0,0,0.25);
  transform: none;
  filter: grayscale(100%) contrast(80%);
}
/* COLLECTIONS : rendre toutes les variant pills non-cliquables + look grisé marqué */
.template-collection .product-form__input--pill input + label,
.template-collection .variant-pills input + label {
  pointer-events: none;              /* bloque le clic souris */
  cursor: not-allowed;
  opacity: 0.55;
  filter: grayscale(100%) contrast(80%);
  background-color: #b0b0b0 !important;
  color: #fff !important;
  border: 1px solid #888 !important;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.25);
}

.template-collection .product-form__input--pill input + label:hover,
.template-collection .variant-pills input + label:hover {
  box-shadow: inset 0 0 4px rgba(0,0,0,0.25);
  transform: none;
}
.gradient-text {
  background: linear-gradient(90deg, #1876f2 0%, #a54de2 40%, #ff4b5c 70%, #ff7a18 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}