{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "cthf-blocks/header",
  "title": "Header Builder",
  "description": "The Header Block lets you create a fully customizable, responsive site header with options for sticky behavior, transparent backgrounds, and flexible layouts.",
  "category": "rootblox-header",
  "attributes": {
    "cover": {
      "type": "string",
      "default": ""
    },
    "clientId": {
      "type": "string",
      "default": ""
    },
    "enableOptions": {
      "type": "object",
      "default": {
        "topBar": true,
        "bottomBar": true
      }
    },
    "stickyHeader": {
      "type": "object",
      "default": {
        "enabled": false,
        "topBar": true,
        "bottomScrollHide": false,
        "bottomScrollOffset": 500,
        "backdropBlur": "5px"
      }
    },
    "mobileMenu": {
      "type": "object",
      "default": {
        "status": "mobile",
        "layout": [
          [
            "Site Logo"
          ],
          [
            "Navigation"
          ]
        ],
        "layoutAttr": [
          {
            "stackLayout": true,
            "gap": "20px"
          },
          {
            "stackLayout": true,
            "gap": "20px"
          },
          {
            "stackLayout": true,
            "gap": "20px"
          }
        ],
        "breakpoint": 767,
        "wrapperPadding": {
          "top": "26px",
          "right": "26px",
          "bottom": "26px",
          "left": "26px"
        },
        "wrapperBorder": {
          "width": "",
          "style": "",
          "color": ""
        },
        "menuID": "",
        "iconSize": "20px"
      }
    },
    "sidebar": {
      "type": "object",
      "default": {
        "siteLogo": true,
        "navigation": true,
        "button": true,
        "btnGroup": [
          {
            "label": "Subscribe",
            "link": "#",
            "openNewTab": false,
            "noFollow": false,
            "textColor": "",
            "textHoverColor": "",
            "bgColor": "",
            "bgHoverColor": "",
            "borderColor": "",
            "borderHoverColor": ""
          }
        ],
        "social": true,
        "contentAlign": "left",
        "width": "450px",
        "position": "left",
        "padding": {
          "top": "40px",
          "right": "26px",
          "bottom": "40px",
          "left": "26px"
        }
      }
    },
    "siteLogo": {
      "type": "object",
      "default": {
        "enableLogo": true,
        "useDefaultLogo": true,
        "custom": {
          "id": "",
          "url": ""
        },
        "width": "40px",
        "enableTitle": true,
        "titleTag": "h3",
        "gap": "10px",
        "font": {
          "size": "24px",
          "weight": "500",
          "family": ""
        },
        "letterCase": "none",
        "decoration": "none",
        "lineHeight": "1.2em",
        "letterSpacing": "",
        "color": {
          "text": "",
          "textHover": ""
        }
      }
    },
    "sidebarSiteLogo": {
      "type": "object",
      "default": {
        "enableLogo": true,
        "width": "40px",
        "enableTitle": true,
        "titleTag": "h3",
        "gap": "10px",
        "font": {
          "size": "24px",
          "weight": "500",
          "family": ""
        },
        "letterCase": "none",
        "decoration": "none",
        "lineHeight": "1.2em",
        "letterSpacing": "",
        "color": {
          "text": "",
          "textHover": ""
        }
      }
    },
    "navigation": {
      "type": "object",
      "default": {
        "iconSize": "",
        "icon": "variation-1",
        "menuGap": "0",
        "submenuGap": "10px",
        "padding": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        },
        "margin": {
          "top": "26px",
          "bottom": "26px"
        },
        "border": {
          "top": {
            "width": "1px",
            "style": "solid",
            "color": "#ebe6fb"
          }
        },
        "itemPadding": {
          "top": "12px",
          "right": "",
          "bottom": "12px",
          "left": ""
        },
        "itemBorder": {
          "bottom": {
            "width": "1px",
            "style": "solid",
            "color": "#ebe6fb"
          }
        },
        "font": {
          "size": "16px",
          "weight": "500",
          "family": "Inter"
        },
        "letterCase": "none",
        "decoration": "none",
        "lineHeight": "",
        "letterSpacing": "",
        "color": {
          "icon": "",
          "iconHover": "",
          "text": "",
          "textHover": "",
          "submenu": "",
          "submenuHover": "",
          "submenuIcon": "#5100ff",
          "submenuIconHover": "#f90"
        }
      }
    },
    "sidebarCTA": {
      "type": "object",
      "default": {
        "stacked": true,
        "gap": "12px",
        "rowGap": "12px",
        "width": "100%",
        "justification": "center",
        "margin": {
          "top": "",
          "bottom": "26px"
        },
        "padding": {
          "top": "14px",
          "right": "36px",
          "bottom": "14px",
          "left": "36px"
        },
        "border": {
          "width": "",
          "style": "",
          "color": ""
        },
        "radius": "6px",
        "font": {
          "size": "18px",
          "weight": "500",
          "family": ""
        },
        "letterCase": "none",
        "decoration": "none",
        "lineHeight": "",
        "letterSpacing": "",
        "color": {
          "text": "#fff",
          "textHover": "",
          "bg": "#5144ff",
          "bgHover": "#f90",
          "borderHover": ""
        }
      }
    },
    "sidebarSocial": {
      "type": "object",
      "default": {
        "elements": [
          "Facebook",
          "X",
          "Instagram",
          "Linkedin"
        ],
        "links": [],
        "stackLayout": true,
        "gap": "10px",
        "rowGap": "10px",
        "justification": "center",
        "useBrandColor": true,
        "openNewTab": true,
        "noFollow": false,
        "view": "stacked",
        "margin": {
          "top": "",
          "bottom": ""
        },
        "boxWidth": "36px",
        "boxHeight": "36px",
        "border": {
          "width": "",
          "style": "",
          "color": ""
        },
        "radius": "100px",
        "size": "20px",
        "color": {
          "icon": "#fff",
          "iconHover": "#fff",
          "bg": "#5100ff",
          "bgHover": "#f90",
          "borderHover": ""
        }
      }
    },
    "search": {
      "type": "object",
      "default": {
        "variation": "default",
        "ajax": {
          "enabled": true,
          "postsPerPage": 3,
          "openNewTab": false,
          "noFollow": false
        },
        "heading": {
          "enabled": true,
          "content": "Looking for Something?",
          "font": {
            "size": "28px",
            "weight": "600",
            "family": ""
          },
          "letterCase": "none",
          "decoration": "none",
          "lineHeight": "",
          "letterSpacing": ""
        },
        "postTitle": {
          "font": {
            "size": "16px",
            "weight": "500",
            "family": ""
          },
          "letterCase": "none",
          "decoration": "none",
          "lineHeight": "",
          "letterSpacing": ""
        },
        "color": {
          "icon": "",
          "iconHover": "",
          "heading": "",
          "link": "#1c1c1c",
          "linkHover": "#f90",
          "text": "#6e6e6e",
          "overlay": "#fff",
          "close": "#acacac"
        }
      }
    },
    "ctaButton": {
      "type": "object",
      "default": {
        "label": "Subscribe",
        "link": "#",
        "openNewTab": false,
        "noFollow": false,
        "padding": {
          "top": "14px",
          "right": "36px",
          "bottom": "14px",
          "left": "36px"
        },
        "border": {
          "style": "",
          "width": "",
          "color": ""
        },
        "radius": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        },
        "font": {
          "size": "",
          "weight": "",
          "family": ""
        },
        "letterCase": "none",
        "decoration": "none",
        "lineHeight": "",
        "letterSpacing": "",
        "color": {
          "text": "#fff",
          "textHover": "",
          "bg": "#5144ff",
          "bgHover": "#f90",
          "borderHover": ""
        }
      }
    },
    "miniCart": {
      "type": "object",
      "default": {
        "iconSize": "30px",
        "icon": "variation-3",
        "font": {
          "size": "14px",
          "weight": "",
          "family": ""
        },
        "color": {
          "icon": "",
          "iconHover": "",
          "text": "#fff",
          "textBg": "#ac0cff"
        }
      }
    },
    "acc": {
      "type": "object",
      "default": {
        "iconSize": "",
        "icon": "variation-1",
        "color": {
          "icon": "",
          "iconHover": ""
        }
      }
    },
    "color": {
      "type": "object",
      "default": {
        "mobileBg": "#fff",
        "text": "#000",
        "iconHover": "#f90",
        "sidebarBg": "#fff",
        "sidebarCloseIcon": "#9a9a9a"
      }
    }
  },
  "editorScript": [
    "file:./index.js",
    "file:../index.js"
  ],
  "editorStyle": [
    "file:./index.css"
  ],
  "style": [
    "file:./style-index.css"
  ],
  "viewStyle": "rootblox--dynamic-block-styles",
  "viewScript": [
    "rootblox--header--frontend-script"
  ],
  "render": "file:./render.php"
}