{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/open-positions-section",
  "version": "1.0.0",
  "title": "Open Positions Section",
  "category": "bPlugins",
  "description": "A static careers / open-positions section with role cards, department chips, and five layout styles.",
  "keywords": [
    "careers",
    "open positions",
    "jobs",
    "hiring",
    "recruitment",
    "section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "themeStyle": {
      "type": "object",
      "default": {
        "theme": "style-1"
      }
    },
    "content": {
      "type": "object",
      "default": {
        "badgeText": "We're Hiring",
        "title": "Join Our Team",
        "subtitle": "We're a remote-first team building something people love. Come help us do it.",
        "showBenefits": true,
        "benefits": [
          {
            "id": "b1",
            "icon": "globe",
            "label": "Remote-First",
            "description": "Work from anywhere in the world."
          },
          {
            "id": "b2",
            "icon": "shield",
            "label": "Full Benefits",
            "description": "Health, dental, vision, and 401k."
          },
          {
            "id": "b3",
            "icon": "rocket",
            "label": "Equity Package",
            "description": "Meaningful ownership from day one."
          },
          {
            "id": "b4",
            "icon": "users",
            "label": "Great Culture",
            "description": "A diverse, kind, and curious team."
          }
        ],
        "positions": [
          {
            "id": "pos-1",
            "title": "Senior Frontend Engineer",
            "department": "Engineering",
            "location": "Remote",
            "type": "Full-time",
            "description": "Build performant, accessible UI across our core product surface.",
            "applyUrl": "#",
            "applyNewTab": false,
            "isHighlighted": false
          },
          {
            "id": "pos-2",
            "title": "Product Designer",
            "department": "Design",
            "location": "Remote / NYC",
            "type": "Full-time",
            "description": "Own end-to-end design from discovery to production.",
            "applyUrl": "#",
            "applyNewTab": false,
            "isHighlighted": true
          },
          {
            "id": "pos-3",
            "title": "Customer Success Manager",
            "department": "Customer Success",
            "location": "Remote",
            "type": "Full-time",
            "description": "Help customers get the most from the product and expand accounts.",
            "applyUrl": "#",
            "applyNewTab": false,
            "isHighlighted": false
          },
          {
            "id": "pos-4",
            "title": "Content Marketing Manager",
            "department": "Marketing",
            "location": "Remote",
            "type": "Contract",
            "description": "Drive organic growth through SEO content, case studies, and newsletters.",
            "applyUrl": "#",
            "applyNewTab": false,
            "isHighlighted": false
          }
        ],
        "showCta": true,
        "ctaLabel": "View All Openings",
        "ctaUrl": "#",
        "ctaNewTab": false,
        "ctaSecondaryLabel": "Learn About Culture",
        "ctaSecondaryUrl": "#",
        "ctaSecondaryNewTab": false,
        "noPositionsText": "No open positions right now — check back soon.",
        "applyButtonLabel": "Apply Now"
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isBadge": true,
        "isTitle": true,
        "isSubtitle": true,
        "isBenefits": true,
        "isDepartmentFilter": true,
        "isApplyButton": true,
        "isSecondaryBtn": false
      }
    },
    "wrapper": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#ffffff",
          "gradient": "linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%)",
          "overlayColor": "rgba(0,0,0,0)",
          "image": {
            "url": ""
          },
          "position": "center center",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "padding": {
          "desktop": {
            "top": "80px",
            "right": "24px",
            "bottom": "80px",
            "left": "24px"
          },
          "tablet": {
            "top": "60px",
            "right": "20px",
            "bottom": "60px",
            "left": "20px"
          },
          "mobile": {
            "top": "48px",
            "right": "16px",
            "bottom": "48px",
            "left": "16px"
          }
        },
        "margin": {
          "desktop": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "tablet": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "mobile": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          }
        }
      }
    },
    "layout": {
      "type": "object",
      "default": {
        "contentAlign": "center",
        "maxWidth": "1100px"
      }
    },
    "accentColor": {
      "type": "object",
      "default": {
        "color": "#6366f1"
      }
    },
    "titleStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 40,
            "tablet": 32,
            "mobile": 26
          },
          "lineHeight": "1.2",
          "letterSpace": "0px"
        }
      }
    },
    "subtitleStyle": {
      "type": "object",
      "default": {
        "color": "#6b7280",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 18,
            "tablet": 16,
            "mobile": 15
          },
          "lineHeight": "1.65",
          "letterSpace": "0px"
        }
      }
    },
    "badgeStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#eff6ff",
        "textColor": "#2563eb",
        "borderRadius": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 13
          }
        }
      }
    },
    "cardStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#f9fafb",
        "borderColor": "#e5e7eb",
        "borderRadius": {
          "top": "12px",
          "right": "12px",
          "bottom": "12px",
          "left": "12px"
        },
        "padding": {
          "desktop": {
            "top": "24px",
            "right": "28px",
            "bottom": "24px",
            "left": "28px"
          },
          "tablet": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          },
          "mobile": {
            "top": "16px",
            "right": "16px",
            "bottom": "16px",
            "left": "16px"
          }
        },
        "hoverShadow": "0 8px 24px rgba(0,0,0,0.09)"
      }
    },
    "jobTitleStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 18,
            "tablet": 17,
            "mobile": 16
          },
          "lineHeight": "1.35"
        }
      }
    },
    "jobDescStyle": {
      "type": "object",
      "default": {
        "color": "#6b7280",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          },
          "lineHeight": "1.6"
        }
      }
    },
    "chipStyle": {
      "type": "object",
      "default": {
        "deptBg": "#eff6ff",
        "deptColor": "#2563eb",
        "locationBg": "#f0fdf4",
        "locationColor": "#16a34a",
        "typeBg": "#fdf4ff",
        "typeColor": "#7c3aed",
        "borderRadius": "20px",
        "typo": {
          "fontSize": {
            "desktop": 12,
            "tablet": 12,
            "mobile": 12
          },
          "fontWeight": 600
        }
      }
    },
    "applyBtnStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#6366f1",
        "textColor": "#ffffff",
        "hoverBg": "#4f46e5",
        "hoverColor": "#ffffff",
        "borderRadius": {
          "top": "8px",
          "right": "8px",
          "bottom": "8px",
          "left": "8px"
        },
        "padding": {
          "desktop": {
            "top": "10px",
            "right": "20px",
            "bottom": "10px",
            "left": "20px"
          },
          "tablet": {
            "top": "9px",
            "right": "18px",
            "bottom": "9px",
            "left": "18px"
          },
          "mobile": {
            "top": "8px",
            "right": "16px",
            "bottom": "8px",
            "left": "16px"
          }
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 14,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "benefitCardStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#f9fafb",
        "borderColor": "#e5e7eb",
        "iconColor": "#6366f1",
        "iconBg": "#eff6ff",
        "borderRadius": {
          "top": "12px",
          "right": "12px",
          "bottom": "12px",
          "left": "12px"
        },
        "labelColor": "#111827",
        "descColor": "#6b7280"
      }
    },
    "ctaStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#6366f1",
        "textColor": "#ffffff",
        "hoverBackgroundColor": "#4f46e5",
        "hoverTextColor": "#ffffff",
        "borderRadius": {
          "top": "8px",
          "right": "8px",
          "bottom": "8px",
          "left": "8px"
        },
        "padding": {
          "desktop": {
            "top": "14px",
            "right": "32px",
            "bottom": "14px",
            "left": "32px"
          },
          "tablet": {
            "top": "12px",
            "right": "24px",
            "bottom": "12px",
            "left": "24px"
          },
          "mobile": {
            "top": "11px",
            "right": "20px",
            "bottom": "11px",
            "left": "20px"
          }
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "ctaSecondaryStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "transparent",
        "textColor": "#6366f1",
        "hoverBackgroundColor": "transparent",
        "hoverTextColor": "#4f46e5",
        "borderColor": "#6366f1",
        "hoverBorderColor": "#4f46e5",
        "borderRadius": {
          "top": "8px",
          "right": "8px",
          "bottom": "8px",
          "left": "8px"
        },
        "padding": {
          "desktop": {
            "top": "14px",
            "right": "32px",
            "bottom": "14px",
            "left": "32px"
          },
          "tablet": {
            "top": "12px",
            "right": "24px",
            "bottom": "12px",
            "left": "24px"
          },
          "mobile": {
            "top": "11px",
            "right": "20px",
            "bottom": "11px",
            "left": "20px"
          }
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "filterPillStyle": {
      "type": "object",
      "default": {
        "activeBg": "#6366f1",
        "activeColor": "#ffffff",
        "inactiveBg": "#f3f4f6",
        "inactiveColor": "#374151",
        "borderRadius": "20px"
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}