{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/event-countdown-section",
  "version": "1.0.0",
  "title": "Event Countdown Section",
  "category": "bPlugins",
  "description": "A countdown-to-event section with live timer, event metadata, heading, subtitle, and CTA.",
  "keywords": [
    "countdown",
    "event",
    "timer",
    "launch",
    "deadline",
    "coming soon",
    "sale",
    "section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "themeStyle": {
      "type": "object",
      "default": {
        "theme": "style-1"
      }
    },
    "content": {
      "type": "object",
      "default": {
        "badgeText": "Coming Soon",
        "title": "Something Big Is Coming",
        "subtitle": "We're working hard on something amazing. Be the first to know when we launch.",
        "targetDate": "2027-01-01T00:00:00",
        "timezone": "UTC",
        "eventLabel": "Event starts in",
        "eventName": "Product Launch 2027",
        "eventLocation": "Online — Worldwide",
        "btnOneText": "Get Early Access",
        "btnOneUrl": "",
        "btnOneTarget": "_self",
        "btnTwoText": "Learn More",
        "btnTwoUrl": "",
        "btnTwoTarget": "_self",
        "expiredMessage": "The event has started! Join us now.",
        "expiredBehavior": "showMessage"
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isBadge": true,
        "isTitle": true,
        "isSubtitle": true,
        "isEventLabel": true,
        "isEventMeta": true,
        "isBtnOne": true,
        "isBtnTwo": false
      }
    },
    "timer": {
      "type": "object",
      "default": {
        "showDays": true,
        "showHours": true,
        "showMinutes": true,
        "showSeconds": true,
        "daysLabel": "Days",
        "hoursLabel": "Hours",
        "minutesLabel": "Minutes",
        "secondsLabel": "Seconds",
        "separator": ":"
      }
    },
    "titleStyle": {
      "type": "object",
      "default": {
        "color": "#ffffff",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 48,
            "tablet": 36,
            "mobile": 28
          },
          "lineHeight": "1.2"
        }
      }
    },
    "subtitleStyle": {
      "type": "object",
      "default": {
        "color": "#cbd5e1",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 18,
            "tablet": 16,
            "mobile": 15
          },
          "lineHeight": "1.65"
        }
      }
    },
    "badgeStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#6366f1",
        "textColor": "#ffffff",
        "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
          }
        }
      }
    },
    "digitStyle": {
      "type": "object",
      "default": {
        "color": "#ffffff",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 56,
            "tablet": 40,
            "mobile": 32
          },
          "lineHeight": "1"
        }
      }
    },
    "unitLabelStyle": {
      "type": "object",
      "default": {
        "color": "#94a3b8",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 500,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 12,
            "mobile": 11
          },
          "lineHeight": "1"
        }
      }
    },
    "timerBoxStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "rgba(255,255,255,0.08)",
        "borderColor": "rgba(255,255,255,0.15)",
        "borderWidth": "1px",
        "borderRadius": {
          "top": "12px",
          "right": "12px",
          "bottom": "12px",
          "left": "12px"
        },
        "padding": {
          "desktop": {
            "top": "24px",
            "right": "20px",
            "bottom": "24px",
            "left": "20px"
          },
          "tablet": {
            "top": "18px",
            "right": "16px",
            "bottom": "18px",
            "left": "16px"
          },
          "mobile": {
            "top": "14px",
            "right": "12px",
            "bottom": "14px",
            "left": "12px"
          }
        }
      }
    },
    "separatorStyle": {
      "type": "object",
      "default": {
        "color": "#6366f1"
      }
    },
    "btnOneStyle": {
      "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": "12px",
            "right": "20px",
            "bottom": "12px",
            "left": "20px"
          }
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 15,
            "mobile": 14
          }
        }
      }
    },
    "btnTwoStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "transparent",
        "textColor": "#e2e8f0",
        "hoverBackgroundColor": "rgba(255,255,255,0.1)",
        "hoverTextColor": "#ffffff",
        "borderColor": "rgba(255,255,255,0.4)",
        "borderWidth": "2px",
        "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": "12px",
            "right": "20px",
            "bottom": "12px",
            "left": "20px"
          }
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 15,
            "mobile": 14
          }
        }
      }
    },
    "metaStyle": {
      "type": "object",
      "default": {
        "color": "#94a3b8",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 14,
            "tablet": 14,
            "mobile": 13
          },
          "lineHeight": "1.5"
        }
      }
    },
    "eventLabelStyle": {
      "type": "object",
      "default": {
        "color": "#94a3b8",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 500,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 13
          },
          "lineHeight": "1"
        }
      }
    },
    "wrapper": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#0f172a",
          "gradient": "linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%)",
          "overlayColor": "rgba(0,0,0,0)",
          "image": {
            "url": ""
          },
          "position": "center center",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "padding": {
          "desktop": {
            "top": "100px",
            "right": "24px",
            "bottom": "100px",
            "left": "24px"
          },
          "tablet": {
            "top": "70px",
            "right": "20px",
            "bottom": "70px",
            "left": "20px"
          },
          "mobile": {
            "top": "50px",
            "right": "16px",
            "bottom": "50px",
            "left": "16px"
          }
        }
      }
    },
    "layout": {
      "type": "object",
      "default": {
        "contentAlign": "center",
        "maxWidth": "900px"
      }
    },
    "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"
}