{% for block in section.blocks %}
  {% if block.type == 'heading'
    and block.settings.italic_font_family == 'georgia-pro'
    or block.settings.italic_font_family == 'bodoni-moda'
    or block.settings.italic_font_family == 'instrument-serif'
    or block.settings.italic_font_family == 'custom_google_font'
  %}
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    {% if block.settings.italic_font_family == 'georgia-pro' %}
      <link
        href="https://fonts.googleapis.com/css2?family=Georgia+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"
        rel="stylesheet"
      >
    {% endif %}
    {% if block.settings.italic_font_family == 'bodoni-moda' %}
      <link
        href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700;1,6..96,400;1,6..96,500;1,6..96,600;1,6..96,700&display=swap"
        rel="stylesheet"
      >
    {% endif %}
    {% if block.settings.italic_font_family == 'instrument-serif' %}
      <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
    {% endif %}
    {% if block.settings.italic_font_family == 'custom_google_font'
      and block.settings.custom_google_font_name != blank
    %}
      <link
        href="https://fonts.googleapis.com/css2?family={{ block.settings.custom_google_font_name | replace: ' ', '+' }}:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
        rel="stylesheet"
      >
    {% endif %}
    {% break %}
  {% endif %}
{% endfor %}

{%- style -%}
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
      padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
    }

    @media screen and (min-width: 750px) {
      .section-{{ section.id }}-padding {
        padding-top: {{ section.settings.padding_top }}px;
        padding-bottom: {{ section.settings.padding_bottom }}px;
      }
    }
    {% if section.settings.content_alignment == 'center' %}
      .section-{{ section.id }}-padding .rating-stars-and-text {
        justify-content: center;
      }
    {% elsif section.settings.content_alignment == 'left' %}
      [data-rtl='true'] .section-{{ section.id }}-padding .rating-stars-and-text {
        justify-content: flex-end;
      }
    {% elsif section.settings.content_alignment == 'right' %}
      .section-{{ section.id }}-padding .rating-stars-and-text {
        justify-content: flex-end;
      }
      [data-rtl='true'] .section-{{ section.id }}-padding .rating-stars-and-text {
        justify-content: flex-start;
      }
    {% endif %}

    .color-scheme-{{ section.id }}.color-custom {
      --color-background: {{ section.settings.custom_colors_background.red }}, {{ section.settings.custom_colors_background.green }}, {{ section.settings.custom_colors_background.blue }};
      --gradient-background: {% if section.settings.custom_gradient_background != blank %}{{ section.settings.custom_gradient_background }}{% else %}{{ section.settings.custom_colors_background }}{% endif %};
      {% if section.settings.custom_image_background != blank %}
        {% # theme-check-disable %}
        --gradient-background: url('{{ section.settings.custom_image_background | img_url: 'master' }}') center center / cover no-repeat;
        {% # theme-check-enable %}
      {% endif %}
      --color-foreground: {{ section.settings.custom_colors_text.red }}, {{ section.settings.custom_colors_text.green }}, {{ section.settings.custom_colors_text.blue }};
      --color-button: {{ section.settings.custom_colors_solid_button_background.red }}, {{ section.settings.custom_colors_solid_button_background.green }}, {{ section.settings.custom_colors_solid_button_background.blue }};
      --color-button-text: {{ section.settings.custom_colors_solid_button_text.red }}, {{ section.settings.custom_colors_solid_button_text.green }}, {{ section.settings.custom_colors_solid_button_text.blue }};
      --color-base-outline-button-labels: {{ section.settings.custom_colors_outline_button.red }}, {{ section.settings.custom_colors_outline_button.green }}, {{ section.settings.custom_colors_outline_button.blue }};
    }
    {% if section.settings.custom_mobile_image_background != blank %}
      @media screen and (max-width: 740px) {
        .color-scheme-{{ section.id }}.color-custom {
          {% # theme-check-disable %}
          --gradient-background: url('{{ section.settings.custom_mobile_image_background | img_url: 'master' }}') center center / cover no-repeat;
          {% # theme-check-enable %}
        }
      }
    {% endif %}

    .color-scheme-{{ section.id }} {
    border-radius: {{ section.settings.section_border_radius }}px;
    overflow: hidden;
  }
{%- endstyle -%}

<div
  class="isolate{% unless section.settings.full_width %} page-width{% endunless %} content-for-grouping animate-section animate--hidden {{ section.settings.visibility }}"
  style="margin-top:{{ section.settings.section_margin_top }}px;margin-bottom:{{ section.settings.section_margin_bottom }}px;"
>
  {% if section.settings.display_id %}
    <copy-button class="section-id-btn button" data-content="#shopify-section-{{ section.id }}" data-success="false">
      <span class="copy-text">Click to copy section ID</span>
      <span class="copy-success">ID copied successfully!</span>
    </copy-button>
  {% endif %}
  <div
    class="rich-text content-container color-{{ section.settings.color_scheme }} color-scheme-{{ section.id }} gradient{% if section.settings.full_width %} rich-text--full-width content-container--full-width{% endif %} section-{{ section.id }}-padding"
    {% if section.settings.enable_section_border %}
      style="
        border: 1px solid;
        border-color: {{ section.settings.section_border_color }};
        border-radius: {{ section.settings.section_border_radius }}px;
      "
    {% endif %}
  >
    <div class="rich-text__wrapper rich-text__wrapper--{{ section.settings.desktop_content_position }}{% if section.settings.full_width %} page-width{% endif %}">
      <div class="rich-text__blocks {{ section.settings.content_alignment }} animate-item">
        {%- for block in section.blocks -%}
          {%- case block.type -%}
            {%- when 'heading' -%}
              {%- if block.settings.heading_two_lines and block.settings.heading_line_two != blank -%}
                {%- assign heading_line_two_with_br = '<br>' | append: block.settings.heading_line_two -%}
                {%- assign heading_output = block.settings.heading
                  | replace: block.settings.heading_line_two, heading_line_two_with_br
                -%}
              {%- else -%}
                {%- assign heading_output = block.settings.heading -%}
              {%- endif -%}
              <h2
                class="rich-text__heading-{{ block.id }} rte {{ block.settings.heading_size }} title-with-highlight {% if block.settings.enable_dividertext %} divider-with-text2{% endif %}"
                style="--hightlight-color:{{ block.settings.title_highlight_color }}; --gradient-text: {{ block.settings.title_gradient_background }};"
                {{ block.shopify_attributes }}
              >
                {{ heading_output }}
              </h2>
              {%- style -%}
                  .rich-text__heading-{{ block.id }}.rte em {
                  {% if block.settings.italic_style == 'italic' %}
                  /* Normal italic styling */
                  text-decoration: none !important;
                  font-style: italic !important;
                  {% elsif block.settings.italic_style == 'font_family' and block.settings.italic_font_family != 'inherit' %}
                    /* Font family styling - no underline */
                    text-decoration: none !important;
                    font-style: italic !important;
                    {% if block.settings.italic_font_family == 'serif' %}
                      font-family: serif !important;
                    {% elsif block.settings.italic_font_family == 'georgia-pro' %}
                      font-family: 'Georgia Pro', Georgia, serif !important;
                    {% elsif block.settings.italic_font_family == 'bodoni-moda' %}
                      font-family: 'Bodoni Moda', Georgia, serif !important;
                    {% elsif block.settings.italic_font_family == 'instrument-serif' %}
                    font-family: 'Instrument Serif', Georgia, serif !important;
                     {% elsif block.settings.italic_font_family == 'custom_google_font' and block.settings.custom_google_font_name != blank %}
                  font-family: '{{ block.settings.custom_google_font_name }}', sans-serif !important;
                  {% elsif block.settings.italic_font_family == 'cursive' %}
                    font-family: cursive !important;
                  {% endif %}
                  {% else %}
                    /* Underline styling */
                    text-decoration: underline !important;
                    font-style: normal !important;
                    text-decoration-color: {{block.settings.underlinetextcolor}} !important;
                    text-decoration-thickness: {{block.settings.underlinethickness}}px !important;
                  {% endif %}
                }
                {% if block.settings.enable_gradient %}
                  .rich-text__heading-{{ block.id }}.rte strong {
                    background: {{ block.settings.title_gradient_background }};
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    font-style: normal;
                  }
                {% endif %}
                 .divider-with-text2 {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-weight: bold;
                    color: {{ block.settings.dividertextcolor }};
                  }

                  .divider-with-text2::before,
                  .divider-with-text2::after {
                    content: "";
                    flex: 1;
                    border-top: 2px solid {{ block.settings.dividerlinecolor }};
                    margin: 0 10px; /* Space between the lines and the text */
                  }
              {%- endstyle -%}
            {%- when 'custom_icon' -%}
              <div class="rich-text__custom-icon" {{ block.shopify_attributes }}>
                <div style="display: flex; justify-content: {{ block.settings.alignment }}; align-items: center;">
                  {% if block.settings.custom_icon != blank %}
                    <img
                      src="{{ block.settings.custom_icon | image_url }}"
                      alt="{{ block.settings.custom_icon.alt | default: 'Custom icon' }}"
                      style="width: {{ block.settings.icon_width }}px !important; height: auto !important; max-width: none !important; border-radius: {{ block.settings.border_radius }}px;"
                      loading="lazy"
                    >
                  {% elsif block.settings.material_icon != blank %}
                    <div style="display: flex; align-items: center; color: {{ block.settings.icon_color }};">
                      {% render 'material-icon',
                        icon: block.settings.material_icon,
                        filled: block.settings.filled_icon
                      %}
                    </div>
                  {% endif %}
                </div>
              </div>
              {%- style -%}
                .rich-text__custom-icon .material-symbols-outlined {
                  font-size: {{ block.settings.icon_width }}px !important;
                }
              {%- endstyle -%}
            {% when 'rating_stars' %}
              {% render 'rating-stars-block', block: block, margins: false, block_attributes: true %}
            {% when 'trustpilot_stars' %}
              {% render 'trustpilot-stars-block', block: block, margins: false, block_attributes: true %}
            {%- when 'caption' -%}
              <p
                class="rich-text__caption {{ block.settings.text_style }} {{ block.settings.text_style }}--{{ block.settings.text_size }}"
                {{ block.shopify_attributes }}
              >
                {{ block.settings.caption | escape }}
              </p>
            {%- when 'text' -%}
              <div class="rich-text__text rte" {{ block.shopify_attributes }}>
                {{ block.settings.text }}
              </div>
            {%- when 'button' -%}
              <div
                class="rich-text__buttons{% if block.settings.button_label != blank and block.settings.button_label_2 != blank %} rich-text__buttons--multiple{% endif %}"
                {{ block.shopify_attributes }}
              >
                {%- if block.settings.button_label != blank -%}
                  <a
                    {% if block.settings.button_link == blank %}
                      role="link" aria-disabled="true"
                    {% else %}
                      href="{{ block.settings.button_link }}"
                    {% endif %}
                    class="button{% if block.settings.button_style_secondary %} button--secondary{% else %} button--primary{% endif %}"
                  >
                    {{- block.settings.button_label | escape -}}
                  </a>
                {%- endif -%}
                {%- if block.settings.button_label_2 != blank -%}
                  <a
                    {% if block.settings.button_link_2 == blank %}
                      role="link" aria-disabled="true"
                    {% else %}
                      href="{{ block.settings.button_link_2 }}"
                    {% endif %}
                    class="button{% if block.settings.button_style_secondary_2 %} button--secondary{% else %} button--primary{% endif %}"
                  >
                    {{- block.settings.button_label_2 | escape -}}
                  </a>
                {%- endif -%}
              </div>
            {% when 'atc_button' %}
              <div class="rich-text__buttons" {{ block.shopify_attributes }}>
                {% if block.settings.atc_product == blank %}
                  <button
                    id="SectionAtcBtn-{{ section.id }}"
                    type="button"
                    class="button main-product-atc button--has-spinner"
                    {% if product.selected_or_first_available_variant.available == false or quantity_rule_soldout %}
                      disabled
                    {% endif %}
                  >
                    {{ block.settings.button_label }}
                    <div class="loading-overlay__spinner">
                      <svg
                        aria-hidden="true"
                        focusable="false"
                        class="spinner"
                        viewBox="0 0 66 66"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                      </svg>
                    </div>
                  </button>
                {% else %}
                  {% assign product_form_id = 'section-product-form-' | append: section.id | append: block.id %}
                  {% render 'separate-atc-btn',
                    product: block.settings.atc_product,
                    product_form_id: product_form_id,
                    label: block.settings.button_label,
                    skip_cart: block.settings.atc_skip_cart
                  %}
                {% endif %}
              </div>
            {%- when 'images' -%}
              <div
                class="rich-text__images"
                {{ block.shopify_attributes }}
                style="margin: {{ block.settings.margin_top }}px 0 {{ block.settings.margin_bottom }}px 0;"
              >
                <div style="display: flex; justify-content: center; gap: {{ block.settings.gap }}px; flex-wrap: wrap;">
                  {% if block.settings.image_1 != blank %}
                    <img
                      src="{{ block.settings.image_1 | img_url: '220x' }}"
                      alt="{{ block.settings.image_1.alt | default: 'Image 1' }}"
                      style="width: {{ block.settings.image_width }}px; height: auto; border-radius: {{ block.settings.border_radius }}px; transform: rotate(-8deg); box-shadow: 0 4px 10px rgba(0,0,0,0.2);"
                    >
                  {% endif %}

                  {% if block.settings.image_2 != blank %}
                    <img
                      src="{{ block.settings.image_2 | img_url: '220x' }}"
                      alt="{{ block.settings.image_2.alt | default: 'Image 2' }}"
                      style="width: {{ block.settings.image_width }}px; height: auto; border-radius: {{ block.settings.border_radius }}px; transform: scale(1.1); z-index: 2; box-shadow: 0 4px 10px rgba(0,0,0,0.2);"
                    >
                  {% endif %}

                  {% if block.settings.image_3 != blank %}
                    <img
                      src="{{ block.settings.image_3 | img_url: '220x' }}"
                      alt="{{ block.settings.image_3.alt | default: 'Image 3' }}"
                      style="width: {{ block.settings.image_width }}px; height: auto; border-radius: {{ block.settings.border_radius }}px; transform: rotate(8deg); box-shadow: 0 4px 10px rgba(0,0,0,0.2);"
                    >
                  {% endif %}
                </div>
              </div>

            {%- when 'features' -%}
              <div
                class="rich-text__features"
                {{ block.shopify_attributes }}
                style="margin: {{ block.settings.margin_top }}px 0 {{ block.settings.margin_bottom }}px 0;"
              >
                <div style="font-size: {{ block.settings.font_size }}px; color: {{ block.settings.text_color }}; display: flex; gap: {{ block.settings.gap }}px; justify-content: center; flex-wrap: wrap; align-items: center;">
                  {% if block.settings.feature_1_text != blank %}
                    <span style="display: flex; align-items: center; gap: 6px;">
                      <svg width="16" height="16" fill="{{ block.settings.icon_color }}" viewBox="0 0 24 24">
                        <path d="M20.292 5.708a1 1 0 0 1 0 1.414L9 18.414l-5.292-5.292a1 1 0 0 1 1.414-1.414L9 15.586l10.292-10.292a1 1 0 0 1 1.414 0z"></path>
                      </svg>
                      {{ block.settings.feature_1_text }}
                    </span>
                  {% endif %}

                  {% if block.settings.feature_2_text != blank %}
                    <span style="display: flex; align-items: center; gap: 6px;">
                      <svg width="16" height="16" fill="{{ block.settings.icon_color }}" viewBox="0 0 24 24">
                        <path d="M20.292 5.708a1 1 0 0 1 0 1.414L9 18.414l-5.292-5.292a1 1 0 0 1 1.414-1.414L9 15.586l10.292-10.292a1 1 0 0 1 1.414 0z"></path>
                      </svg>
                      {{ block.settings.feature_2_text }}
                    </span>
                  {% endif %}

                  {% if block.settings.feature_3_text != blank %}
                    <span style="display: flex; align-items: center; gap: 6px;">
                      <svg width="16" height="16" fill="{{ block.settings.icon_color }}" viewBox="0 0 24 24">
                        <path d="M20.292 5.708a1 1 0 0 1 0 1.414L9 18.414l-5.292-5.292a1 1 0 0 1 1.414-1.414L9 15.586l10.292-10.292a1 1 0 0 1 1.414 0z"></path>
                      </svg>
                      {{ block.settings.feature_3_text }}
                    </span>
                  {% endif %}
                </div>
              </div>
          {%- endcase -%}
        {%- endfor -%}
      </div>
    </div>
  </div>
</div>

{% schema %}
{
  "name": "t:sections.rich-text.name",
  "tag": "section",
  "class": "section",
  "disabled_on": {
    "groups": ["header", "footer"]
  },
  "settings": [
    {
      "type": "checkbox",
      "id": "display_id",
      "label": "Display section ID",
      "info": "ID is used in the Sections group section to merge 2 sections. ID can also be put inside any button link and the button will scroll to this section.",
      "default": false
    },
    {
      "type": "select",
      "id": "visibility",
      "options": [
        {
          "value": "desktop-hidden",
          "label": "Mobile only"
        },
        {
          "value": "mobile-hidden",
          "label": "Desktop only"
        },
        {
          "value": "always-display",
          "label": "All devices"
        }
      ],
      "label": "Display on",
      "default": "always-display"
    },
    {
      "type": "select",
      "id": "desktop_content_position",
      "options": [
        {
          "value": "left",
          "label": "t:sections.rich-text.settings.desktop_content_position.options__1.label"
        },
        {
          "value": "center",
          "label": "t:sections.rich-text.settings.desktop_content_position.options__2.label"
        },
        {
          "value": "right",
          "label": "t:sections.rich-text.settings.desktop_content_position.options__3.label"
        }
      ],
      "default": "center",
      "label": "t:sections.rich-text.settings.desktop_content_position.label",
      "info": "t:sections.rich-text.settings.desktop_content_position.info"
    },
    {
      "type": "select",
      "id": "content_alignment",
      "options": [
        {
          "value": "left",
          "label": "t:sections.rich-text.settings.content_alignment.options__1.label"
        },
        {
          "value": "center",
          "label": "t:sections.rich-text.settings.content_alignment.options__2.label"
        },
        {
          "value": "right",
          "label": "t:sections.rich-text.settings.content_alignment.options__3.label"
        }
      ],
      "default": "center",
      "label": "t:sections.rich-text.settings.content_alignment.label"
    },
    {
      "type": "checkbox",
      "id": "full_width",
      "default": true,
      "label": "t:sections.rich-text.settings.full_width.label"
    },
    {
      "type": "select",
      "id": "color_scheme",
      "options": [
        {
          "value": "accent-1",
          "label": "Accent 1"
        },
        {
          "value": "accent-2",
          "label": "Accent 2"
        },
        {
          "value": "background-1",
          "label": "Background 1"
        },
        {
          "value": "background-2",
          "label": "Background 2"
        },
        {
          "value": "inverse",
          "label": "Inverse"
        },
        {
          "value": "custom",
          "label": "Custom"
        }
      ],
      "default": "background-1",
      "label": "Color scheme",
      "info": "Custom color scheme is edited at the bottom of section settings."
    },
    {
      "type": "checkbox",
      "id": "enable_section_border",
      "label": "Enable section border",
      "default": false,
      "info": "Shows border color around section"
    },
    {
      "type": "color",
      "id": "section_border_color",
      "default": "#000000",
      "label": "Section border color"
    },
    {
      "type": "range",
      "id": "section_border_radius",
      "min": 0,
      "max": 30,
      "step": 1,
      "unit": "px",
      "label": "Section border radius",
      "default": 4
    },
    {
      "type": "header",
      "content": "Section margins"
    },
    {
      "type": "range",
      "id": "section_margin_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Top margin",
      "default": 24
    },
    {
      "type": "range",
      "id": "section_margin_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Bottom margin",
      "default": 24
    },
    {
      "type": "header",
      "content": "t:sections.all.padding.section_padding_heading"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_top",
      "default": 40
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_bottom",
      "default": 52
    },
    {
      "type": "header",
      "content": "Custom color scheme",
      "info": "Applied if Color scheme setting is set to Custom."
    },
    {
      "type": "color",
      "id": "custom_colors_background",
      "default": "#FFFFFF",
      "label": "Background color"
    },
    {
      "type": "color_background",
      "id": "custom_gradient_background",
      "label": "Gradient background",
      "info": "If added, replaces Background color when applicable."
    },
    {
      "type": "image_picker",
      "id": "custom_image_background",
      "label": "Image background"
    },
    {
      "type": "image_picker",
      "id": "custom_mobile_image_background",
      "label": "Mobile image background",
      "info": "If empty, the Image background will also be applied to mobile devices"
    },
    {
      "type": "color",
      "id": "custom_colors_text",
      "default": "#2E2A39",
      "label": "Text"
    },
    {
      "type": "color",
      "id": "custom_colors_solid_button_background",
      "default": "#dd1d1d",
      "label": "Solid button background"
    },
    {
      "type": "color",
      "id": "custom_colors_solid_button_text",
      "default": "#ffffff",
      "label": "Solid button label"
    },
    {
      "type": "color",
      "id": "custom_colors_outline_button",
      "default": "#dd1d1d",
      "label": "Outline button"
    }
  ],
  "blocks": [
    {
      "type": "heading",
      "name": "t:sections.rich-text.blocks.heading.name",
      "limit": 3,
      "settings": [
        {
          "type": "inline_richtext",
          "id": "heading",
          "default": "Talk about your brand",
          "label": "Heading",
          "info": "Bold certain words to highlight them with a different color."
        },
        {
          "type": "checkbox",
          "id": "heading_two_lines",
          "label": "Split heading onto two lines",
          "default": false,
          "info": "Breaks the heading at the exact word(s) you specify below."
        },
        {
          "type": "text",
          "id": "heading_line_two",
          "label": "Start of second line",
          "info": "Type the plain text of the word or phrase where the line break should begin. The break will be inserted before that text, preserving any bold or italic styling.",
          "visible_if": "{{ block.settings.heading_two_lines == true }}"
        },
        {
          "type": "select",
          "id": "heading_size",
          "options": [
            {
              "value": "h2",
              "label": "Small"
            },
            {
              "value": "h1",
              "label": "Medium"
            },
            {
              "value": "h0",
              "label": "Large"
            },
            {
              "value": "hxl",
              "label": "Extra large"
            }
          ],
          "default": "h1",
          "label": "Heading size"
        },
        {
          "type": "color",
          "id": "title_highlight_color",
          "label": "Heading highlight color",
          "default": "#6D388B"
        },
        {
          "type": "checkbox",
          "id": "enable_gradient",
          "label": "Enable gradient for bold text",
          "default": false,
          "info": "Override solid color with gradient for bold text"
        },
        {
          "type": "color_background",
          "id": "title_gradient_background",
          "label": "Gradient highlight",
          "default": "linear-gradient(45deg, #5d5aaf 0%, #ff6b9d 100%)",
          "info": "Used when gradient is enabled"
        },
        {
          "type": "checkbox",
          "id": "enable_dividertext",
          "label": "Enable divider line",
          "default": false
        },
        {
          "type": "color",
          "id": "dividerlinecolor",
          "default": "#000000",
          "label": "Line color"
        },
        {
          "type": "header",
          "content": "Italic Text Styling",
          "info": "Choose how italic text (created with *text*) should be displayed"
        },
        {
          "type": "select",
          "id": "italic_style",
          "label": "Italic Text Style",
          "options": [
            {
              "value": "italic",
              "label": "Normal Italic"
            },
            {
              "value": "underline",
              "label": "Underline"
            },
            {
              "value": "font_family",
              "label": "Custom Font Family"
            }
          ],
          "default": "underline",
          "info": "Choose to either underline italic text or use a custom font family"
        },
        {
          "type": "color",
          "id": "underlinetextcolor",
          "label": "Underline color",
          "default": "#FF0000",
          "info": "Used when 'Underline' style is selected"
        },
        {
          "type": "range",
          "id": "underlinethickness",
          "min": 1,
          "max": 8,
          "step": 1,
          "unit": "px",
          "label": "Underline thickness",
          "default": 3,
          "info": "Used when 'Underline' style is selected"
        },
        {
          "type": "select",
          "id": "italic_font_family",
          "label": "Italic Text Font Family",
          "options": [
            {
              "value": "inherit",
              "label": "Default (Inherit)"
            },
            {
              "value": "serif",
              "label": "Serif"
            },
            {
              "value": "instrument-serif",
              "label": "Instrument Serif"
            },
            {
              "value": "georgia-pro",
              "label": "Georgia Pro"
            },
            {
              "value": "bodoni-moda",
              "label": "Bodoni Moda"
            },
            {
              "value": "cursive",
              "label": "Cursive"
            },
            {
              "value": "custom_google_font",
              "label": "Custom Google Font"
            }
          ],
          "default": "serif",
          "info": "Used when 'Custom Font Family' style is selected"
        },
        {
          "type": "text",
          "id": "custom_google_font_name",
          "label": "Custom Google Font Name",
          "info": "Enter the exact Google Font family name (e.g., 'Roboto', 'Open Sans', 'Playfair Display'). Font will be loaded from Google Fonts automatically. Browse fonts at https://fonts.google.com/"
        },
        {
          "type": "select",
          "id": "italic_font_weight",
          "label": "Italic Text Font Weight",
          "options": [
            {
              "value": "inherit",
              "label": "Default (Inherit)"
            },
            {
              "value": "300",
              "label": "Light (300)"
            },
            {
              "value": "400",
              "label": "Normal (400)"
            },
            {
              "value": "500",
              "label": "Medium (500)"
            },
            {
              "value": "600",
              "label": "Semi Bold (600)"
            },
            {
              "value": "700",
              "label": "Bold (700)"
            },
            {
              "value": "800",
              "label": "Extra Bold (800)"
            },
            {
              "value": "900",
              "label": "Black (900)"
            }
          ],
          "default": "inherit",
          "info": "Used when 'Custom Font Family' style is selected"
        }
      ]
    },
    {
      "type": "custom_icon",
      "name": "Custom Icon",
      "settings": [
        {
          "type": "header",
          "content": "Icon Settings"
        },
        {
          "type": "image_picker",
          "id": "custom_icon",
          "label": "Custom Icon Image",
          "info": "Upload a custom icon image (PNG, SVG, or JPG recommended)"
        },
        {
          "type": "text",
          "id": "material_icon",
          "label": "Material Icon",
          "info": "Material icon name if no custom image is uploaded. [View all available icons](https://fonts.google.com/icons?icon.set=Material+Symbols&icon.platform=web)",
          "default": "Shield"
        },
        {
          "type": "checkbox",
          "id": "filled_icon",
          "default": true,
          "label": "Filled material icon"
        },
        {
          "type": "range",
          "id": "icon_width",
          "min": 20,
          "max": 200,
          "step": 5,
          "unit": "px",
          "default": 60,
          "label": "Icon size"
        },
        {
          "type": "color",
          "id": "icon_color",
          "default": "#000000",
          "label": "Material icon color"
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Icon alignment",
          "options": [
            {
              "value": "flex-start",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "flex-end",
              "label": "Right"
            }
          ],
          "default": "center"
        }
      ]
    },
    {
      "type": "rating_stars",
      "name": "Rating stars",
      "limit": 1,
      "settings": [
        {
          "type": "range",
          "id": "rating",
          "label": "Rating",
          "min": 1,
          "max": 5,
          "step": 0.1,
          "default": 4.8
        },
        {
          "type": "color",
          "id": "star_color",
          "default": "#ffcc00",
          "label": "Stars color"
        },
        {
          "type": "select",
          "id": "bg_stars_style",
          "options": [
            {
              "value": "outlined",
              "label": "Outlined"
            },
            {
              "value": "full",
              "label": "Full"
            }
          ],
          "label": "Background stars style",
          "default": "full"
        },
        {
          "type": "color",
          "id": "bg_star_color",
          "default": "#ececec",
          "label": "Background stars color"
        },
        {
          "type": "inline_richtext",
          "id": "label",
          "label": "Text",
          "default": "(xxxx Reviews)"
        },
        {
          "type": "range",
          "id": "size",
          "min": 10,
          "max": 24,
          "step": 1,
          "unit": "px",
          "default": 16,
          "label": "Text size"
        },
        {
          "type": "text",
          "id": "scroll_id",
          "label": "ID of the section to scroll to"
        },
        {
          "type": "checkbox",
          "id": "enable_custom_container",
          "label": "Enable custom container styling",
          "default": false
        },
        {
          "type": "color",
          "id": "container_bg_color",
          "label": "Container background color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.enable_custom_container }}"
        },
        {
          "type": "color",
          "id": "container_text_color",
          "label": "Container text color",
          "default": "#000000",
          "visible_if": "{{ block.settings.enable_custom_container }}"
        },
        {
          "type": "color",
          "id": "container_border_color",
          "label": "Container border color",
          "default": "#B8B8B8",
          "visible_if": "{{ block.settings.enable_custom_container }}"
        },
        {
          "type": "range",
          "id": "container_padding",
          "min": 0,
          "max": 12,
          "step": 2,
          "unit": "px",
          "label": "Container padding",
          "default": 8,
          "visible_if": "{{ block.settings.enable_custom_container }}"
        },
        {
          "type": "range",
          "id": "container_border_radius",
          "min": 0,
          "max": 50,
          "step": 2,
          "unit": "px",
          "label": "Container border radius",
          "default": 4,
          "visible_if": "{{ block.settings.enable_custom_container }}"
        }
      ]
    },
    {
      "type": "trustpilot_stars",
      "name": "Trustpilot stars",
      "limit": 1,
      "settings": [
        {
          "type": "range",
          "id": "rating",
          "label": "Rating",
          "min": 1,
          "max": 5,
          "step": 0.1,
          "default": 5
        },
        {
          "type": "color",
          "id": "star_color",
          "default": "#00b67a",
          "label": "Active stars container color"
        },
        {
          "type": "color",
          "id": "bg_star_color",
          "default": "#c8c8c8",
          "label": "Background stars container color"
        },
        {
          "type": "color",
          "id": "star_symbol_color",
          "default": "#fff",
          "label": "Stars inside symbol color"
        },
        {
          "type": "inline_richtext",
          "id": "label",
          "label": "Text",
          "default": "(xxxx Reviews)"
        },
        {
          "type": "range",
          "id": "size",
          "min": 10,
          "max": 24,
          "step": 1,
          "unit": "px",
          "default": 16,
          "label": "Text size"
        },
        {
          "type": "text",
          "id": "scroll_id",
          "label": "ID of the section to scroll to"
        }
      ]
    },
    {
      "type": "caption",
      "name": "t:sections.rich-text.blocks.caption.name",
      "limit": 3,
      "settings": [
        {
          "type": "text",
          "id": "caption",
          "default": "Add a tagline",
          "label": "t:sections.rich-text.blocks.caption.settings.text.label"
        },
        {
          "type": "select",
          "id": "text_style",
          "options": [
            {
              "value": "subtitle",
              "label": "t:sections.rich-text.blocks.caption.settings.text_style.options__1.label"
            },
            {
              "value": "caption-with-letter-spacing",
              "label": "t:sections.rich-text.blocks.caption.settings.text_style.options__2.label"
            }
          ],
          "default": "caption-with-letter-spacing",
          "label": "t:sections.rich-text.blocks.caption.settings.text_style.label"
        },
        {
          "type": "select",
          "id": "text_size",
          "options": [
            {
              "value": "small",
              "label": "t:sections.rich-text.blocks.caption.settings.caption_size.options__1.label"
            },
            {
              "value": "medium",
              "label": "t:sections.rich-text.blocks.caption.settings.caption_size.options__2.label"
            },
            {
              "value": "large",
              "label": "t:sections.rich-text.blocks.caption.settings.caption_size.options__3.label"
            }
          ],
          "default": "medium",
          "label": "t:sections.rich-text.blocks.caption.settings.caption_size.label"
        }
      ]
    },
    {
      "type": "text",
      "name": "t:sections.rich-text.blocks.text.name",
      "limit": 3,
      "settings": [
        {
          "type": "richtext",
          "id": "text",
          "default": "<p>Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.</p>",
          "label": "t:sections.rich-text.blocks.text.settings.text.label"
        }
      ]
    },
    {
      "type": "button",
      "name": "t:sections.rich-text.blocks.buttons.name",
      "limit": 2,
      "settings": [
        {
          "type": "text",
          "id": "button_label",
          "default": "Button label",
          "label": "t:sections.rich-text.blocks.buttons.settings.button_label_1.label",
          "info": "t:sections.rich-text.blocks.buttons.settings.button_label_1.info"
        },
        {
          "type": "url",
          "id": "button_link",
          "label": "t:sections.rich-text.blocks.buttons.settings.button_link_1.label"
        },
        {
          "type": "checkbox",
          "id": "button_style_secondary",
          "default": false,
          "label": "t:sections.rich-text.blocks.buttons.settings.button_style_secondary_1.label"
        },
        {
          "type": "text",
          "id": "button_label_2",
          "label": "t:sections.rich-text.blocks.buttons.settings.button_label_2.label",
          "info": "t:sections.rich-text.blocks.buttons.settings.button_label_2.info"
        },
        {
          "type": "url",
          "id": "button_link_2",
          "label": "t:sections.rich-text.blocks.buttons.settings.button_link_2.label"
        },
        {
          "type": "checkbox",
          "id": "button_style_secondary_2",
          "default": false,
          "label": "t:sections.rich-text.blocks.buttons.settings.button_style_secondary_2.label"
        }
      ]
    },
    {
      "type": "atc_button",
      "name": "Add to Cart button",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "button_label",
          "label": "Button label",
          "default": "Add to Cart"
        },
        {
          "type": "product",
          "id": "atc_product",
          "label": "ATC Custom product",
          "info": "IMPORTANT: If empty, the button will add the main product FROM THE PRODUCT PAGE to cart (INCLUDING the selected variant/quantity, upsells etc.)"
        },
        {
          "type": "checkbox",
          "id": "atc_skip_cart",
          "label": "ATC Custom product skip cart"
        }
      ]
    },
    {
      "type": "images",
      "name": "Three images",
      "limit": 1,
      "settings": [
        {
          "type": "header",
          "content": "Images"
        },
        {
          "type": "image_picker",
          "id": "image_1",
          "label": "First Image"
        },
        {
          "type": "image_picker",
          "id": "image_2",
          "label": "Second Image"
        },
        {
          "type": "image_picker",
          "id": "image_3",
          "label": "Third Image"
        },
        {
          "type": "header",
          "content": "Image Settings"
        },
        {
          "type": "range",
          "id": "image_width",
          "min": 80,
          "max": 110,
          "step": 10,
          "unit": "px",
          "label": "Image width",
          "default": 110
        },
        {
          "type": "range",
          "id": "border_radius",
          "min": 0,
          "max": 20,
          "step": 1,
          "unit": "px",
          "label": "Border radius",
          "default": 8
        },
        {
          "type": "range",
          "id": "gap",
          "min": 0,
          "max": 20,
          "step": 1,
          "unit": "px",
          "label": "Gap between images",
          "default": 9
        },
        {
          "type": "header",
          "content": "Spacing"
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 56,
          "step": 4,
          "unit": "px",
          "label": "Margin top",
          "default": 20
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 56,
          "step": 4,
          "unit": "px",
          "label": "Margin bottom",
          "default": 36
        }
      ]
    },
    {
      "type": "features",
      "name": "Features list",
      "limit": 1,
      "settings": [
        {
          "type": "header",
          "content": "Features"
        },
        {
          "type": "text",
          "id": "feature_1_text",
          "label": "Feature 1 Text",
          "default": "100% Satisfaction"
        },
        {
          "type": "text",
          "id": "feature_2_text",
          "label": "Feature 2 Text",
          "default": "Fast Shipping"
        },
        {
          "type": "text",
          "id": "feature_3_text",
          "label": "Feature 3 Text",
          "default": "Easy Returns"
        },
        {
          "type": "header",
          "content": "Styling"
        },
        {
          "type": "range",
          "id": "font_size",
          "min": 12,
          "max": 16,
          "step": 1,
          "unit": "px",
          "label": "Font size",
          "default": 14
        },
        {
          "type": "color",
          "id": "text_color",
          "label": "Text color",
          "default": "#212121"
        },
        {
          "type": "color",
          "id": "icon_color",
          "label": "Icon color",
          "default": "#454545"
        },
        {
          "type": "range",
          "id": "gap",
          "min": 5,
          "max": 30,
          "step": 1,
          "unit": "px",
          "label": "Gap between features",
          "default": 11
        },
        {
          "type": "header",
          "content": "Spacing"
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 100,
          "step": 4,
          "unit": "px",
          "label": "Margin top",
          "default": 20
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 100,
          "step": 4,
          "unit": "px",
          "label": "Margin bottom",
          "default": 20
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "t:sections.rich-text.presets.name",
      "category": "Content",
      "blocks": [
        {
          "type": "heading"
        },
        {
          "type": "text"
        },
        {
          "type": "button"
        }
      ]
    }
  ]
}
{% endschema %}
