{"id":20507,"date":"2025-11-21T01:33:54","date_gmt":"2025-11-20T18:33:54","guid":{"rendered":"https:\/\/happyteachersacademy.com\/community\/?page_id=20507"},"modified":"2026-05-05T08:44:02","modified_gmt":"2026-05-05T01:44:02","slug":"live-workshop-listing","status":"publish","type":"page","link":"https:\/\/happyteachersacademy.com\/community\/live-workshop-listing\/","title":{"rendered":""},"content":{"rendered":"\n<div class=\"hta-live-workshops-listing\" data-listing-type=\"live\" data-nonce=\"6f9745c0a7\" data-courses-title=\"Live Workshop Courses\" data-default-layout=\"grid\">\n\t<!-- Featured Course Hero Section -->\n\t\t\t\n\n<!-- Image\/Video Layout: Two Column -->\n<section class=\"lw-hero-wrap lw-hero-wrap--live-event\">\n\t<div class=\"lw-hero\" style=\"background: white; border-radius: 0; border: 1px solid #D9D9D9;\">\n\t\t<div class=\"lw-hero__grid\">\n\t\t\t<div class=\"lw-hero__left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2026\/05\/wtc-169-2-1024x576.png\" alt=\"Unlocking the &quot;Willingness to Communicate&quot; (WTC)\" class=\"lw-hero__img\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- Mobile overlay: bottom-to-top gradient (hidden on desktop via CSS) -->\n\t\t\t\t<div class=\"lw-hero__mobile-gradient\" aria-hidden=\"true\"><\/div>\n\t\t\t\t<!-- Mobile badges: bottom-left (hidden on desktop via CSS) -->\n\t\t\t\t<div class=\"lw-hero__mobile-badges\">\n\t\t\t\t\t<span class=\"lw-hero__mobile-badge--featured\">Featured<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<!-- Mobile language badge: bottom-right (hidden on desktop via CSS) -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__mobile-lang-right\">\n\t\t\t\t\t\t<span class=\"lw-hero__mobile-lang-badge-right\">EN<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t<div class=\"lw-hero__right lw-hero__right--live-event\" style=\"background: #E9F6FF;border-radius:0; border:1px solid #D0D0D0\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t<!-- Row 0: Status Label (if applicable) -->\n\t\t\t\t\t\t\t\t\n\t\t\t\t<!-- Row 1: Date\/Time and Seats Left -->\n\t\t\t\t<div class=\"lw-hero__row lw-hero__row--datetime\">\n\t\t\t\t\t<div class=\"lw-hero__datetime\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<!-- Mobile event type badge (hidden on desktop via CSS) -->\n\t\t\t\t\t<span class=\"lw-hero__mobile-type-badge\">\n\t\t\t\t\t\t3 Sessions\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Row 2: Title and Language Flags -->\n\t\t\t\t<div class=\"lw-hero__row lw-hero__row--title\">\n\t\t\t\t\t<div class=\"lw-hero__title-row\">\n\t\t\t\t\t\t<h1 class=\"lw-hero__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/unlocking-the-willingness-to-communicate-wtc\/\" style=\"color: inherit; text-decoration: none;\">Unlocking the &quot;Willingness to Communicate&quot; (WTC)<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tclass=\"lw-hero__dots-btn\"\n\t\t\t\t\t\t\taria-label=\"More options\"\n\t\t\t\t\t\t\tdata-lw-dots-trigger=\"lw-dots-sheet-35262\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#374151\" aria-hidden=\"true\" style=\"display:block;\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"19\" r=\"2\"\/><\/svg>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"lw-hero__languages hta-workshop-card__language-flags\">\n\t\t\t\n\t\t\n\t\t<div class=\"lw-hero__language-item\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-1-150x140.jpg\"\n\t\t\t\t\talt=\"English\"\n\t\t\t\t\tclass=\"lw-hero__language-flag hta-workshop-card__language-flag\"\n\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"lw-hero__language-code hta-workshop-card__language-code\">\n\t\t\t\t\tEN\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Mobile View Details CTA (hidden on desktop via CSS) -->\n\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__row lw-hero__row--mobile-cta\">\n\t\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/unlocking-the-willingness-to-communicate-wtc\/\" class=\"lw-hero__mobile-view-btn\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tView Details\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<!-- Row 3: Host and Co-Host -->\n\t\t\t\t<div class=\"lw-hero__row lw-hero__row--hosts\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<!-- Row 3.5: Feature Listing -->\n\t\t\t\t\t<div class=\"lw-hero__row lw-hero__row--features\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"lw-hero__features-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"lw-hero__features-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"lw-hero__features-bullet\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14l-4-4 1.41-1.41L10 13.17l6.59-6.59L18 8l-8 8z\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tLive sessions + self-study access\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"lw-hero__features-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"lw-hero__features-bullet\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14l-4-4 1.41-1.41L10 13.17l6.59-6.59L18 8l-8 8z\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tInteractive quizzes and activities\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"lw-hero__features-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"lw-hero__features-bullet\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14l-4-4 1.41-1.41L10 13.17l6.59-6.59L18 8l-8 8z\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tAssignments with structured grading\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"lw-hero__features-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"lw-hero__features-bullet\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14l-4-4 1.41-1.41L10 13.17l6.59-6.59L18 8l-8 8z\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tFinal assessment and certificate\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"lw-hero__features-item\">\n\t\t\t\t\t\t\t\t\t<span class=\"lw-hero__features-bullet\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14l-4-4 1.41-1.41L10 13.17l6.59-6.59L18 8l-8 8z\"\/><\/svg>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tOngoing coaching and support\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<!-- Row 4: Pricing -->\n\t\t\t\t<div class=\"lw-hero__row lw-hero__row--pricing\">\n\t\t\t\t\t<div class=\"lw-hero__pricing-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__button-group lw-hero__button-group--with-learn-more\">\n\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__button-group-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- Buy Now button with cvp modal - always opens modal, even if partner_url exists -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"lw-hero__btn lw-hero__btn--live-event lw-hero__btn--buy cvp-buy-video-btn\" data-course-id=\"35262\" data-video-id=\"35262\" data-video-price=\"0\" data-price-display=\"Free\" data-currency=\"USD\" data-post-type=\"live_training_course\" data-stripe-product-id=\"prod_USUf0dqJWvfLWr\" data-stripe-price-id=\"price_1TTZg5HjVoJZGnlZytYjvP3A\">\n\t\t\t\t\t\t\t\t\t\t\t\tBuy Now\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<!-- Desktop-only registration button (replaces Buy Now CVP modal on desktop) -->\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"lw-hero__btn lw-hero__btn--live-event lw-register-modal-btn lw-hero__btn--register-desktop\" data-course-id=\"35262\">\n\t\t\t\t\t\t\t\t\t\t\t\tBooking Now\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__button-group-right\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/unlocking-the-willingness-to-communicate-wtc\/\" class=\"lw-hero__btn lw-hero__btn--live-event lw-hero__btn--learn-more\">\n\t\t\t\t\t\t\t\t\t\t\t\tLearn More\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"lw-hero__pricing-right\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Row 6: Footer Links -->\n\t\t\t\t<div class=\"lw-hero__row lw-hero__row--footer\">\n\t\t\t\t\t<div class=\"lw-hero__footer-links\">\n\t\t\t\t\t\t<div class=\"lw-hero__footer-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__chat-container hero-chat-container\" id=\"hero-chat-container-35262\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"lw-hero__chat-btn\"\n\t\t\t\t\t\t\t\t\t\tdata-chat-container=\"hero-chat-container-35262\"\n\t\t\t\t\t\t\t\t\t\tonclick=\"toggleHeroChat(event)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/plugins\/hta-plugin\/\/assets\/button\/chatbutton.png\" alt=\"Chat\" class=\"lw-hero__chat-icon\" \/>\n\t\t\t\t\t\t\t\t\t\t<span>Chat With Us<\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__chat-dropdown hero-chat-dropdown\" hidden>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/zalo.me\/0905671491\" target=\"_blank\" rel=\"noopener\" class=\"lw-hero__chat-link hero-chat-link\">Zalo<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.facebook.com\/Happyteachersacademy\" target=\"_blank\" rel=\"noopener\" class=\"lw-hero__chat-link hero-chat-link\">Facebook<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"lw-hero__footer-right\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/terms-of-service\/\" target=\"_blank\" rel=\"noopener\" class=\"lw-hero__legal-link\">Terms and Conditions<\/a>\n\t\t\t\t\t\t\t<span class=\"lw-hero__legal-separator\">\u2022<\/span>\n\t\t\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\" class=\"lw-hero__legal-link\">Privacy Policy<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"lw-hero__content\">\n\t\t\t\t\t\t\t\t\t<h1 class=\"lw-hero__content-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/unlocking-the-willingness-to-communicate-wtc\/\" style=\"color: inherit; text-decoration: none;\">Unlocking the &quot;Willingness to Communicate&quot; (WTC)<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"lw-hero__desc\"\n\t\t\t\t\t\tdata-limit=\"300\"\n\t\t\t\t\t\tdata-read-more-text=\"read more\"\n\t\t\t\t\t\tdata-read-less-text=\"read less\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"lw-hero__desc-text\">\n\t\t\t\t\t\t\t<p data-start=\"78\" data-end=\"230\">Many teachers struggle with quiet classrooms where students hesitate to speak. This course helps you understand why\u2014and more importantly, how to fix it.<\/p>\r\n<p data-start=\"232\" data-end=\"521\">Using the Willingness to Communicate (WTC) framework, you will learn how psychological factors like anxiety, confidence, and classroom dynamics in<\/p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"lw-hero__ellipsis\">\u2026<\/span>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tclass=\"lw-hero__more\"\n\t\t\t\t\t\t\t\t\taria-expanded=\"false\"\n\t\t\t\t\t\t\t\t\tstyle=\"font-style: italic; color: #232a36; background: none; border: none; padding: 0; margin: 0; cursor: pointer; line-height: 1; vertical-align: baseline; box-shadow: none;\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tread more\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"lw-hero__desc-full\" hidden><p data-start=\"78\" data-end=\"230\">Many teachers struggle with quiet classrooms where students hesitate to speak. This course helps you understand why\u2014and more importantly, how to fix it.<\/p>\r\n<p data-start=\"232\" data-end=\"521\">Using the Willingness to Communicate (WTC) framework, you will learn how psychological factors like anxiety, confidence, and classroom dynamics influence student participation. Across three live sessions, you will explore practical strategies to turn passive learners into active speakers.<\/p>\r\n<p data-start=\"523\" data-end=\"847\">You will learn how to design speaking tasks that lower pressure, apply techniques to reduce anxiety instantly, and give feedback that builds confidence instead of shutting students down. The course combines live training with self-study materials, interactive activities, and structured assessments to support your learning.<\/p>\r\n<p data-start=\"849\" data-end=\"988\" data-is-last-node=\"\" data-is-only-node=\"\">By the end, you will be able to transform your classroom into an environment where students feel safe, motivated, and ready to communicate.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\n<\/section>\n\n\n<!-- Mobile dots bottom sheet for course 35262 -->\n<div class=\"lw-dots-sheet-overlay\" id=\"lw-dots-sheet-35262-overlay\"><\/div>\n<div class=\"lw-dots-sheet\" id=\"lw-dots-sheet-35262\">\n\t<div class=\"lw-dots-sheet__handle\"><span><\/span><\/div>\n\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/unlocking-the-willingness-to-communicate-wtc\/\" class=\"lw-dots-sheet__option\">\n\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n\t\t<span>View Details<\/span>\n\t<\/a>\n\t<button type=\"button\" class=\"lw-dots-sheet__option\" id=\"lw-dots-sheet-35262-share\">\n\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\n\t\t<span>Share<\/span>\n\t<\/button>\n\t<button type=\"button\" class=\"lw-dots-sheet__cancel\" id=\"lw-dots-sheet-35262-cancel\">Cancel<\/button>\n<\/div>\n<script>\n(function(){\n\tvar sheetId   = \"lw-dots-sheet-35262\";\n\tvar shareUrl  = \"https:\\\/\\\/happyteachersacademy.com\\\/community\\\/live-course\\\/unlocking-the-willingness-to-communicate-wtc\\\/\";\n\tvar overlay   = document.getElementById(sheetId + '-overlay');\n\tvar sheet     = document.getElementById(sheetId);\n\tvar cancelBtn = document.getElementById(sheetId + '-cancel');\n\tvar shareBtn  = document.getElementById(sheetId + '-share');\n\tif (!overlay || !sheet) return;\n\n\tfunction openSheet() { overlay.classList.add('lw-sheet-open'); sheet.classList.add('lw-sheet-open'); }\n\tfunction closeSheet() { overlay.classList.remove('lw-sheet-open'); sheet.classList.remove('lw-sheet-open'); }\n\n\tdocument.querySelectorAll('[data-lw-dots-trigger=\"' + sheetId + '\"]').forEach(function(btn) {\n\t\tbtn.addEventListener('click', openSheet);\n\t});\n\toverlay.addEventListener('click', closeSheet);\n\tif (cancelBtn) cancelBtn.addEventListener('click', closeSheet);\n\n\tif (shareBtn) shareBtn.addEventListener('click', function() {\n\t\tcloseSheet();\n\t\tif (navigator.share) {\n\t\t\tnavigator.share({ title: document.title, url: shareUrl });\n\t\t} else {\n\t\t\tnavigator.clipboard.writeText(shareUrl).then(function() { alert('Link copied!'); });\n\t\t}\n\t});\n\n\t\/* Swipe-down to close *\/\n\tvar startY = 0;\n\tsheet.addEventListener('touchstart', function(e) { startY = e.touches[0].clientY; }, { passive: true });\n\tsheet.addEventListener('touchend', function(e) {\n\t\tif (e.changedTouches[0].clientY - startY > 60) closeSheet();\n\t}, { passive: true });\n})();\n<\/script>\n\n\n\n\n<style>\n\t\/* Shared slider wrapper tweaks for SSC-style slider layout *\/\n\t.lw-hero-wrap--ssc .lw-hero--ssc {\n\t\tpadding: 0;\n\t}\n\n\t.row.mt-20.px-3 {\n\t\tmargin-top: 20px;\n\t\tpadding-left: 1rem;\n\t\tpadding-right: 1rem;\n\t\tmargin-bottom: 24px;\n\t}\n\n\t\/* Shared hero slider styles (hta_live_event + hta_ssc) *\/\n\t.lw-hero__slider {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tpointer-events: auto;\n\t}\n\n\t.lw-hero__slider .swiper-wrapper {\n\t\tdisplay: flex;\n\t\ttransition-duration: 0ms;\n\t\tpointer-events: auto;\n\t}\n\n\t.lw-hero__slider .swiper-slide {\n\t\tflex-shrink: 0;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.lw-hero__slider .swiper-slide.px-3 {\n\t\tpadding-left: 0.75rem;\n\t\tpadding-right: 0.75rem;\n\t}\n\n\t.lw-hero__slider .swiper-slide img {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tdisplay: block;\n\t\tborder-radius: 8px;\n\t}\n\n\t.lw-hero__slider .embed-responsive {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t\toverflow: hidden;\n\t}\n\n\t.lw-hero__slider .embed-responsive::before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tpadding-top: 56.25%; \/* 16:9 aspect ratio *\/\n\t}\n\n\t.lw-hero__slider .embed-responsive iframe {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder: 0;\n\t\tborder-radius: 8px;\n\t}\n\n\t.lw-hero__slider .swiper-button-next,\n\t.lw-hero__slider .swiper-button-prev {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t\twidth: 44px;\n\t\theight: 44px;\n\t\tbackground: rgba(255, 255, 255, 0.9);\n\t\tborder-radius: 50%;\n\t\tcolor: #333;\n\t\tbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\t\ttransition: all 0.3s ease;\n\t\tz-index: 20 !important;\n\t\tcursor: pointer !important;\n\t\tmargin-top: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpointer-events: auto !important;\n\t\t-webkit-user-select: none;\n\t\t-moz-user-select: none;\n\t\t-ms-user-select: none;\n\t\tuser-select: none;\n\t\ttouch-action: manipulation;\n\t}\n\n\t.lw-hero__slider .swiper-button-next {\n\t\tright: 10px;\n\t}\n\n\t.lw-hero__slider .swiper-button-prev {\n\t\tleft: 10px;\n\t}\n\n\t.lw-hero__slider .swiper-button-next:hover,\n\t.lw-hero__slider .swiper-button-prev:hover {\n\t\tbackground: #fff;\n\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n\t}\n\n\t.lw-hero__slider .swiper-button-next::after,\n\t.lw-hero__slider .swiper-button-prev::after {\n\t\tfont-family: swiper-icons;\n\t\tfont-size: 18px;\n\t\tfont-weight: 700;\n\t\ttext-transform: none;\n\t\tletter-spacing: 0;\n\t\tfont-variant: normal;\n\t\tline-height: 1;\n\t}\n\n\t.lw-hero__slider .swiper-button-next::after {\n\t\tcontent: '\u2192';\n\t}\n\n\t.lw-hero__slider .swiper-button-prev::after {\n\t\tcontent: '\u2190';\n\t}\n\n\t\/* Shared Image Lightbox (live event + SSC slider hero) *\/\n\t.lw-hero__image-lightbox {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tz-index: 9999;\n\t\tdisplay: none;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.lw-hero__image-lightbox[style*=\"display: block\"] {\n\t\tdisplay: flex !important;\n\t}\n\n\t.lw-hero__lightbox-overlay {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.7);\n\t}\n\n\t.lw-hero__lightbox-container {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tmax-width: 90vw;\n\t\tmax-height: 90vh;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 16px;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.lw-hero__lightbox-image-wrapper {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t}\n\n\t.lw-hero__lightbox-image {\n\t\tmax-width: 100%;\n\t\tmax-height: 80vh;\n\t\theight: auto;\n\t\twidth: auto;\n\t\tdisplay: block;\n\t\tbox-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);\n\t\tborder-radius: 8px;\n\t\tbackground: #000;\n\t}\n\n\t.lw-hero__lightbox-close {\n\t\tposition: absolute;\n\t\ttop: 16px;\n\t\tright: 16px;\n\t\tbackground: rgba(0, 0, 0, 0.7);\n\t\tcolor: #fff;\n\t\tborder: none;\n\t\tborder-radius: 999px;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tfont-size: 20px;\n\t\tline-height: 1;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.lw-hero__lightbox-prev,\n\t.lw-hero__lightbox-next {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: 999px;\n\t\tborder: none;\n\t\tbackground: rgba(0, 0, 0, 0.7);\n\t\tcolor: #fff;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tfont-size: 24px;\n\t}\n\n\t.lw-hero__lightbox-prev {\n\t\tleft: 16px;\n\t}\n\n\t.lw-hero__lightbox-next {\n\t\tright: 16px;\n\t}\n\n\t.lw-hero__lightbox-counter {\n\t\tmargin-top: 8px;\n\t\tcolor: #f9fafb;\n\t\tfont-size: 13px;\n\t\ttext-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);\n\t}\n<\/style>\n\n\n\n<!-- Course Registration Modal \u2014 slide-up bottom sheet (matches LTC) -->\n<div id=\"lw-course-registration-modal\"\n\tstyle=\"display: none; position: fixed; inset: 0; z-index: 100015; overflow: hidden;\">\n\t<div id=\"lw-modal-backdrop\"><\/div>\n\t<div class=\"lw-modal-sheet\">\n\t\t<div class=\"lw-modal-drag-handle\"><\/div>\n\t\t<button id=\"lw-close-modal\" aria-label=\"Close\">&times;<\/button>\n\t\t<div id=\"lw-modal-form-content\">\n\t\t\t<!-- Registration form loaded here -->\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<style>\n\t\/* \u2500\u2500 Modal backdrop \u2500\u2500 *\/\n\t#lw-modal-backdrop {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: rgba(0, 0, 0, 0.55);\n\t\topacity: 0;\n\t\ttransition: opacity 0.3s ease;\n\t}\n\n\t#lw-course-registration-modal.show #lw-modal-backdrop {\n\t\topacity: 1;\n\t}\n\n\t\/* \u2500\u2500 Mobile: slide-up bottom sheet \u2500\u2500 *\/\n\t.lw-modal-sheet {\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground: #fff;\n\t\tborder-radius: 20px 20px 0 0;\n\t\tmax-height: 90vh;\n\t\toverflow-y: auto;\n\t\t-webkit-overflow-scrolling: touch;\n\t\ttransform: translateY(100%);\n\t\ttransition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);\n\t\tbox-shadow: 0 -8px 40px rgba(0, 0, 0, 0.18);\n\t\tpadding-bottom: env(safe-area-inset-bottom, 0px);\n\t}\n\n\t#lw-course-registration-modal.show .lw-modal-sheet {\n\t\ttransform: translateY(0);\n\t}\n\n\t\/* \u2500\u2500 Desktop: centered popup \u2500\u2500 *\/\n\t@media (min-width: 768px) {\n\t\t.lw-modal-sheet {\n\t\t\tbottom: auto;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tright: auto;\n\t\t\ttransform: translate(-50%, -50%) scale(0.95);\n\t\t\ttransition: transform 0.3s ease, opacity 0.3s ease;\n\t\t\twidth: 90%;\n\t\t\tmax-width: 620px;\n\t\t\tmax-height: 85vh;\n\t\t\tborder-radius: 12px;\n\t\t\tbox-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n\t\t\tpadding-bottom: 0;\n\t\t}\n\n\t\t#lw-course-registration-modal.show .lw-modal-sheet {\n\t\t\ttransform: translate(-50%, -50%) scale(1);\n\t\t}\n\n\t\t.lw-modal-drag-handle {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t\/* Prevent iOS Safari from auto-zooming when focusing inputs inside the modal *\/\n\t#lw-course-registration-modal input,\n\t#lw-course-registration-modal select,\n\t#lw-course-registration-modal textarea {\n\t\tfont-size: 16px !important;\n\t}\n\n\t\/* Drag handle \u2014 visible on mobile only *\/\n\t.lw-modal-drag-handle {\n\t\twidth: 40px;\n\t\theight: 4px;\n\t\tbackground: #d1d5db;\n\t\tborder-radius: 2px;\n\t\tmargin: 12px auto 4px;\n\t\tflex-shrink: 0;\n\t}\n\n\t\/* Close button *\/\n\t#lw-close-modal {\n\t\tposition: absolute;\n\t\ttop: 10px;\n\t\tright: 14px;\n\t\tbackground: none;\n\t\tborder: none;\n\t\tfont-size: 22px;\n\t\tline-height: 1;\n\t\tcolor: #9ca3af;\n\t\tcursor: pointer;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 50%;\n\t\tpadding: 0;\n\t\ttransition: background 0.15s, color 0.15s;\n\t}\n\n\t#lw-close-modal:hover {\n\t\tbackground: #f3f4f6;\n\t\tcolor: #374151;\n\t}\n\n\t\/* Loader for modal content *\/\n\t.lw-modal-loader {\n\t\tpadding: 40px;\n\t\ttext-align: center;\n\t}\n\n\t.lw-modal-loader .lw-spinner {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder: 3px solid #e5e7eb;\n\t\tborder-top-color: #E76E3C;\n\t\tborder-radius: 50%;\n\t\tanimation: spin 1s linear infinite;\n\t\tmargin: 0 auto 12px;\n\t}\n\n\t\/* Slider hero info row layout (match SSC listing hero) *\/\n\t.lw-hero__content--ssc {\n\t\tpadding: 24px;\n\t\tbackground: white;\n\t\tborder-radius: 12px;\n\t\tborder: none;\n\t}\n\n\t\/* lw-hero__content: base format *\/\n\t.lw-hero__content {\n\t\tfont-size: 16px;\n\t\tline-height: 1.5;\n\t\tcolor: #232a36;\n\t}\n\t.lw-hero__content .lw-hero__content-title {\n\t\tfont-size: 1.5rem;\n\t\tfont-weight: 700;\n\t\tline-height: 1.3;\n\t\tmargin: 0 0 0.5em;\n\t\tcolor: inherit;\n\t}\n\t.lw-hero__content .lw-hero__content-title a {\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\t.lw-hero__content .lw-hero__content-title a:hover {\n\t\ttext-decoration: underline;\n\t}\n\n\t\/* Hero description prose: consistent typography, hide empty paragraphs *\/\n\t.lw-hero__content .lw-hero__desc,\n\t.lw-hero__content .lw-hero__desc-text,\n\t.lw-hero__content .lw-hero__desc-full {\n\t\tline-height: 1.5;\n\t}\n\t.lw-hero__content .lw-hero__desc p,\n\t.lw-hero__content .lw-hero__desc-text p,\n\t.lw-hero__content .lw-hero__desc-full p {\n\t\tmargin: 0;\n\t\tline-height: 1.5;\n\t}\n\t.lw-hero__content .lw-hero__desc p:last-child,\n\t.lw-hero__content .lw-hero__desc-text p:last-child,\n\t.lw-hero__content .lw-hero__desc-full p:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\t.lw-hero__content .lw-hero__desc p:empty,\n\t.lw-hero__content .lw-hero__desc-text p:empty,\n\t.lw-hero__content .lw-hero__desc-full p:empty {\n\t\tdisplay: none;\n\t}\n\t.lw-hero__content .lw-hero__desc br,\n\t.lw-hero__content .lw-hero__desc-full br {\n\t\tline-height: 1.5;\n\t}\n\n\t.lw-hero__content-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgap: 32px;\n\t\talign-items: start;\n\t}\n\n\t.lw-hero__content-col--left {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t}\n\n\t.lw-hero__status-label {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmin-width: 110px;\n\t\theight: 28px;\n\t\tpadding: 0 12px;\n\t\tbackground: #E76E3C;\n\t\tcolor: #FFFFFF;\n\t\tborder-radius: 8px;\n\t\tfont-size: 11px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\t\ttext-align: center;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.lw-hero-wrap--ssc .hta-workshop-card__language-flags {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t\talign-items: center;\n\t}\n\n\t.lw-hero-wrap--ssc .hta-workshop-card__language-flag {\n\t\twidth: 24px;\n\t\theight: 18px;\n\t\tobject-fit: cover;\n\t\tborder-radius: 2px;\n\t\tborder: 1px solid #EDEDED;\n\t}\n\n\t.lw-hero-wrap--ssc .hta-workshop-card__language-code {\n\t\twidth: 28px;\n\t\theight: 20px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground: #FFFFFF;\n\t\tborder: 1px solid #D9D9D9;\n\t\tborder-radius: 4px;\n\t\tfont-size: 10px;\n\t\tfont-weight: 600;\n\t\tcolor: #555;\n\t}\n\n\t.lw-hero__title--ssc {\n\t\tfont-size: 24px;\n\t\tfont-weight: 700;\n\t\tcolor: #111;\n\t\tmargin: 0;\n\t\tline-height: 1.3;\n\t}\n\n\t.lw-hero__stats {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tflex-wrap: wrap;\n\t\tfont-size: 14px;\n\t\tcolor: #666;\n\t}\n\n\t.lw-hero__stat-separator {\n\t\tcolor: #999;\n\t}\n\n\t.lw-hero__stat-item {\n\t\tfont-weight: 500;\n\t}\n\n\t.lw-hero__content-col--right {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-end;\n\t\tgap: 16px;\n\t}\n\n\t.lw-hero__pricing-section {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-end;\n\t\tgap: 12px;\n\t\twidth: 100%;\n\t}\n\n\t.lw-hero__price-label {\n\t\tfont-size: 12px;\n\t\tcolor: #666;\n\t\ttext-align: left;\n\t}\n\n\t.lw-hero__price-free {\n\t\tcolor: #111;\n\t\tborder-radius: 8px;\n\t\ttext-align: center;\n\t\tfont-size: 14px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\t\tdisplay: inline-block;\n\t\twidth: fit-content;\n\t}\n\n\t.lw-hero__price-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tjustify-content: flex-start;\n\n\t}\n\n\t.lw-hero__price-sale {\n\t\tfont-size: 24px;\n\t\tfont-weight: 700;\n\t\tcolor: #E76E3C;\n\t}\n\n\t.lw-hero__price-base {\n\t\tfont-size: 18px;\n\t\tcolor: #999;\n\t\ttext-decoration: line-through;\n\t}\n\n\t.lw-hero__price-regular {\n\t\tfont-size: 24px;\n\t\tfont-weight: 700;\n\t\tcolor: #111;\n\t}\n\n\t.lw-hero__discount {\n\t\tbackground: #3EBD8E;\n\t\tcolor: #FFFFFF;\n\t\tpadding: 6px 12px;\n\t\tborder-radius: 6px;\n\t\tfont-family: 'Roboto', sans-serif;\n\t\tfont-size: 16px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tdisplay: inline-block;\n\t\twidth: fit-content;\n\t\tletter-spacing: 0.5px;\n\t}\n\n\t.lw-hero__btn--ssc {\n\t\tbackground: #E76E3C;\n\t\tcolor: #FFFFFF;\n\t\tpadding: 12px 24px;\n\t\tborder-radius: 8px;\n\t\tfont-size: 16px;\n\t\tfont-weight: 700;\n\t\ttext-decoration: none;\n\t\tdisplay: inline-block;\n\t\ttext-align: center;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\ttransition: all 0.3s ease;\n\t\twidth: 100%;\n\t\tmin-width: 200px;\n\t\tfont-family: inherit;\n\t}\n\n\t.lw-hero__btn--ssc button.lw-hero__btn--ssc,\n\tbutton.lw-hero__btn--ssc {\n\t\tappearance: none;\n\t\t-webkit-appearance: none;\n\t\t-moz-appearance: none;\n\t}\n\n\t.lw-hero__btn--ssc:hover {\n\t\tbackground: #2A3242;\n\t\ttransform: translateY(-1px);\n\t\tcolor: #FFFFFF;\n\t\ttext-decoration: none;\n\t}\n\n\t@media (max-width: 768px) {\n\t\t.lw-hero__content-grid {\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgap: 24px;\n\t\t}\n\t\t\n\t\t.lw-hero__content-col--right {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t\n\t\t.lw-hero__pricing-section {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t\n\t\t.lw-hero__price-container {\n\t\t\tjustify-content: flex-start;\n\t\t}\n\t\t\n\t\t.lw-hero__title--ssc {\n\t\t\tfont-size: 20px;\n\t\t}\n\t\t\n\t\t.lw-hero__content--ssc {\n\t\t\tpadding: 16px;\n\t\t\tborder: none;\n\t\t}\n\t}\n\n\t\/* \u2500\u2500 CVP Buy Modal \u2014 slide-up bottom sheet (all viewports) \u2500\u2500 *\/\n\t#cvp-buy-video-modal {\n\t\talign-items: flex-end !important;\n\t\tjustify-content: stretch !important;\n\t}\n\n\t#cvp-buy-video-modal .cvp-modal-dialog {\n\t\twidth: 100% !important;\n\t\tmax-width: 100% !important;\n\t\tmax-height: 92vh !important;\n\t\tborder-radius: 20px 20px 0 0 !important;\n\t\tbox-shadow: 0 -8px 40px rgba(0, 0, 0, 0.18) !important;\n\t\tpadding-bottom: env(safe-area-inset-bottom, 0px) !important;\n\t}\n\n\t\/* Slide-up animation *\/\n\t#cvp-buy-video-modal[aria-hidden=\"false\"] .cvp-modal-dialog {\n\t\tanimation: cvp-le-slide-up 0.35s cubic-bezier(0.32, 0.72, 0, 1) both;\n\t}\n\n\t@keyframes cvp-le-slide-up {\n\t\tfrom { transform: translateY(100%); }\n\t\tto   { transform: translateY(0); }\n\t}\n\n\t\/* Wider screens: cap CVP dialog width + center *\/\n\t@media (min-width: 600px) {\n\t\t#cvp-buy-video-modal .cvp-modal-dialog {\n\t\t\tmax-width: 560px !important;\n\t\t\tmargin: 0 auto;\n\t\t\tleft: 50% !important;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t\/* Drag handle inside CVP dialog (prepended via JS below) *\/\n\t.cvp-le-drag-handle {\n\t\twidth: 40px;\n\t\theight: 4px;\n\t\tbackground: #d1d5db;\n\t\tborder-radius: 2px;\n\t\tmargin: 12px auto 4px;\n\t\tflex-shrink: 0;\n\t}\n<\/style>\n\n<script>\n\tdocument.addEventListener('DOMContentLoaded', function () {\n\t\tconst modal = document.getElementById('lw-course-registration-modal');\n\t\tconst closeModal = document.getElementById('lw-close-modal');\n\t\tconst modalContent = document.getElementById('lw-modal-form-content');\n\t\tlet currentCourseId = null;\n\n\t\tfunction openModal() {\n\t\t\tmodal.style.display = 'block';\n\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t\tsetTimeout(() => modal.classList.add('show'), 10);\n\t\t}\n\n\t\tfunction closeModalFunc() {\n\t\t\tmodal.classList.remove('show');\n\t\t\tsetTimeout(() => {\n\t\t\t\tmodal.style.display = 'none';\n\t\t\t\tdocument.body.style.overflow = 'auto';\n\t\t\t}, 350);\n\t\t}\n\n\t\tfunction showModalLoader(message = 'Loading\u2026') {\n\t\t\tif (!modalContent) return;\n\t\t\tmodalContent.setAttribute('aria-busy', 'true');\n\t\t\tmodalContent.innerHTML = `\n\t\t\t\t<div class=\"lw-modal-loader\" role=\"status\" aria-live=\"polite\">\n\t\t\t\t\t<div class=\"lw-spinner\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t<p>${message}<\/p>\n\t\t\t\t<\/div>\n\t\t\t`;\n\t\t\topenModal();\n\t\t}\n\n\t\tfunction isUserLoggedIn() {\n\t\t\treturn false;\n\t\t}\n\n\t\tfunction showLoginModal() {\n\t\t\tconst loginHTML = `\n\t\t\t\t<div class=\"lw-modal-header lw-auth-modal\" style=\"padding: 20px 20px 0 20px;\">\n\t\t\t\t\t<h2 style=\"margin: 0 0 10px 0; color: #333; font-size: 24px;\">HTA Member Sign In<\/h2>\n\t\t\t\t\t<p style=\"margin: 0; color: #666; font-size: 16px;\">Sign in to your HTA account to register for this course<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"lw-modal-content\" style=\"padding: 20px;\">\n\t\t\t\t\t<form id=\"lw-login-form\" class=\"lw-form\" method=\"post\" action=\"#\" novalidate>\n\t\t\t\t\t\t<input type=\"hidden\" id=\"lw_login_nonce\" name=\"lw_login_nonce\" value=\"b2d4b84842\" \/>\t\t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"lw_user_login\">\n\t\t\t\t\t\t<input type=\"hidden\" name=\"course_id\" value=\"\\${currentCourseId}\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 15px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Username or Email *<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" name=\"username\" required \n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter your username or email\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Password *<\/label>\n\t\t\t\t\t\t\t<input type=\"password\" name=\"password\" required \n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter your password\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-form-actions\">\n\t\t\t\t\t\t\t<button type=\"submit\" class=\"lw-btn lw-btn-primary\">\n\t\t\t\t\t\t\t\tSign In\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"lw-btn lw-btn-secondary\" onclick=\"showSignupModal()\">\n\t\t\t\t\t\t\t\tSign Up\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div id=\"lw-login-message\"><\/div>\n\t\t\t\t\t<\/form>\n\t\t\t\t<\/div>\n\t\t\t`;\n\t\t\tmodalContent.innerHTML = loginHTML;\n\t\t\topenModal();\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst firstInput = modalContent.querySelector('input[name=\"username\"]');\n\t\t\t\tif (firstInput) firstInput.focus();\n\t\t\t}, 100);\n\t\t}\n\n\t\tfunction showSignupModal() {\n\t\t\tconst signupHTML = `\n\t\t\t\t<div class=\"lw-modal-header lw-auth-modal\" style=\"padding: 20px 20px 0 20px;\">\n\t\t\t\t\t<h2 style=\"margin: 0 0 10px 0; color: #333; font-size: 24px;\">Create HTA Account<\/h2>\n\t\t\t\t\t<p style=\"margin: 0; color: #666; font-size: 16px;\">Create your HTA account to register for this course<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"lw-modal-content\" style=\"padding: 20px;\">\n\t\t\t\t\t<form id=\"lw-signup-form\" class=\"lw-form\" method=\"post\" action=\"#\" novalidate>\n\t\t\t\t\t\t<input type=\"hidden\" id=\"lw_signup_nonce\" name=\"lw_signup_nonce\" value=\"a5541f3c36\" \/>\t\t\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"lw_user_signup\">\n\t\t\t\t\t\t<input type=\"hidden\" name=\"course_id\" value=\"\\${currentCourseId}\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 15px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Full Name *<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" name=\"full_name\" required \n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter your full name\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 15px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Username *<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" name=\"username\" required \n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Choose a username\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 15px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Email *<\/label>\n\t\t\t\t\t\t\t<input type=\"email\" name=\"email\" required \n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter your email address\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Password *<\/label>\n\t\t\t\t\t\t\t<input type=\"password\" name=\"password\" required \n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Choose a password (min 6 characters)\"\n\t\t\t\t\t\t\t\t\t\tminlength=\"6\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-form-actions\">\n\t\t\t\t\t\t\t<button type=\"submit\" class=\"lw-btn lw-btn-primary\">\n\t\t\t\t\t\t\t\tCreate Account\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"lw-btn lw-btn-secondary\" onclick=\"showLoginModal()\">\n\t\t\t\t\t\t\t\tSign In\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div id=\"lw-signup-message\"><\/div>\n\t\t\t\t\t<\/form>\n\t\t\t\t<\/div>\n\t\t\t`;\n\t\t\tmodalContent.innerHTML = signupHTML;\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst firstInput = modalContent.querySelector('input[name=\"full_name\"]');\n\t\t\t\tif (firstInput) firstInput.focus();\n\t\t\t}, 100);\n\t\t}\n\n\t\tfunction _execScripts(container) {\n\t\t\tArray.from(container.querySelectorAll('script')).forEach(function (oldScript) {\n\t\t\t\tvar newScript = document.createElement('script');\n\t\t\t\tArray.from(oldScript.attributes).forEach(function (attr) {\n\t\t\t\t\tnewScript.setAttribute(attr.name, attr.value);\n\t\t\t\t});\n\t\t\t\tnewScript.textContent = oldScript.textContent;\n\t\t\t\toldScript.parentNode.replaceChild(newScript, oldScript);\n\t\t\t});\n\t\t}\n\n\t\tfunction loadRegistrationForm(courseId) {\n\t\t\tif (!modal || !modalContent) {\n\t\t\t\tconsole.error('Modal elements not found');\n\t\t\t\treturn Promise.reject('Modal not found');\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Show modal first\n\t\t\tmodal.style.display = 'block';\n\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t\t\n\t\t\tshowModalLoader('Loading registration\u2026');\n\t\t\treturn fetch('https:\/\/happyteachersacademy.com\/community\/wp-admin\/admin-ajax.php', {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n\t\t\t\tbody: 'action=lw_load_registration_form&course_id=' + courseId + '&nonce=b099d1a003'\n\t\t\t})\n\t\t\t\t.then(response => {\n\t\t\t\t\tif (!response.ok) {\n\t\t\t\t\t\tthrow new Error('Network response was not ok');\n\t\t\t\t\t}\n\t\t\t\t\treturn response.text();\n\t\t\t\t})\n\t\t\t\t.then(html => {\n\t\t\t\t\tmodalContent.innerHTML = html;\n\t\t\t\t\t_execScripts(modalContent);\n\t\t\t\t\tmodalContent.removeAttribute('aria-busy');\n\t\t\t\t})\n\t\t\t\t.catch(error => {\n\t\t\t\t\tconsole.error('Error loading registration form:', error);\n\t\t\t\t\tmodalContent.innerHTML = '<div style=\"padding: 40px; text-align: center;\"><p>Error loading registration form. Please try again.<\/p><button type=\"button\" class=\"lw-btn lw-btn-primary\" onclick=\"closeModalFunc()\">Close<\/button><\/div>';\n\t\t\t\t\tmodalContent.removeAttribute('aria-busy');\n\t\t\t\t});\n\t\t}\n\n\t\tdocument.addEventListener('click', function (e) {\n\t\t\t\/\/ Find the button (could be the clicked element or a parent)\n\t\t\tconst btn = e.target.closest('.lw-register-modal-btn');\n\t\t\tif (btn) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\t\t\t\tcurrentCourseId = btn.getAttribute('data-course-id');\n\t\t\t\tif (!currentCourseId) {\n\t\t\t\t\tconsole.error('No course ID found on button');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tbtn.disabled = true;\n\t\t\t\tloadRegistrationForm(currentCourseId).finally(() => { \n\t\t\t\t\tbtn.disabled = false; \n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\t\/\/ Waitlist form data storage (avoid JSON in HTML attributes)\n\t\tlet waitlistAccountData = null;\n\t\tlet waitlistCustomFieldsMeta = null;\n\n\t\t\/\/ DISABLED: Handle waitlist modal button clicks\n\t\t\/\/ This conflicts with another waitlist implementation\n\t\t\/\/ Uncomment when that implementation is removed\n\t\t\/*\n\t\tdocument.addEventListener('click', function (e) {\n\t\t\tconst btn = e.target.closest('.lw-waitlist-modal-btn');\n\t\t\tif (btn) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\t\t\t\tcurrentCourseId = btn.getAttribute('data-course-id');\n\t\t\t\tif (!currentCourseId) {\n\t\t\t\t\tconsole.error('No course ID found on waitlist button');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tbtn.disabled = true;\n\t\t\t\tloadWaitlistForm(currentCourseId).finally(() => { \n\t\t\t\t\tbtn.disabled = false; \n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t\t*\/\n\n\t\t\/\/ Load and render waitlist form\n\t\tasync function loadWaitlistForm(courseId) {\n\t\t\tif (!modal || !modalContent) {\n\t\t\t\tconsole.error('Modal elements not found');\n\t\t\t\treturn Promise.reject('Modal not found');\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Reset stored data\n\t\t\twaitlistAccountData = null;\n\t\t\twaitlistCustomFieldsMeta = null;\n\t\t\t\n\t\t\t\/\/ Show modal first\n\t\t\tmodal.style.display = 'block';\n\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t\t\n\t\t\tshowModalLoader('Loading waitlist form\u2026');\n\t\t\t\n\t\t\ttry {\n\t\t\t\t\/\/ Fetch custom waitlist fields from REST API\n\t\t\t\tconst response = await fetch('https:\/\/happyteachersacademy.com\/community\/wp-json\/hta-live-event\/v1\/live-events\/' + courseId + '\/waitlist-form');\n\t\t\t\tif (!response.ok) throw new Error('Failed to fetch waitlist form');\n\t\t\t\tconst data = await response.json();\n\t\t\t\tconst customFields = data.form || [];\n\t\t\t\t\n\t\t\t\tconst isLoggedIn = isUserLoggedIn();\n\t\t\t\trenderWaitlistForm(courseId, customFields, isLoggedIn);\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Error loading waitlist form:', error);\n\t\t\t\tmodalContent.innerHTML = '<div style=\"padding: 40px; text-align: center;\"><p>Error loading waitlist form. Please try again.<\/p><button type=\"button\" class=\"lw-btn lw-btn-primary\" onclick=\"closeModalFunc()\">Close<\/button><\/div>';\n\t\t\t\tmodalContent.removeAttribute('aria-busy');\n\t\t\t}\n\t\t}\n\n\t\t\/\/ Render waitlist form based on login status\n\t\tfunction renderWaitlistForm(courseId, customFields, isLoggedIn) {\n\t\t\tif (isLoggedIn) {\n\t\t\t\t\/\/ Show only custom fields step\n\t\t\t\trenderWaitlistCustomFieldsStep(courseId, customFields, false);\n\t\t\t} else {\n\t\t\t\t\/\/ Show account step first\n\t\t\t\trenderWaitlistAccountStep(courseId, customFields);\n\t\t\t}\n\t\t}\n\n\t\t\/\/ Waitlist Step 1: Account creation (for non-logged-in users)\n\t\tfunction renderWaitlistAccountStep(courseId, customFields) {\n\t\t\tconst hasCustomFields = customFields && customFields.length > 0;\n\t\t\tconst stepIndicator = hasCustomFields ? `\n\t\t\t\t<div style=\"display: flex; justify-content: center; gap: 10px; margin-bottom: 20px;\">\n\t\t\t\t\t<span style=\"padding: 5px 15px; background: #E76E3C; color: white; border-radius: 20px; font-size: 14px;\">1. Account<\/span>\n\t\t\t\t\t<span style=\"padding: 5px 15px; background: #eee; color: #666; border-radius: 20px; font-size: 14px;\">2. Waitlist Fields<\/span>\n\t\t\t\t<\/div>\n\t\t\t` : '';\n\n\t\t\tconst html = `\n\t\t\t\t<div class=\"lw-modal-header\" style=\"padding: 20px 20px 0 20px;\">\n\t\t\t\t\t<h2 style=\"margin: 0 0 10px 0; color: #333; font-size: 24px;\">Join Waitlist<\/h2>\n\t\t\t\t\t<p style=\"margin: 0; color: #666; font-size: 16px;\">Create an account or sign in to join the waitlist<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"lw-modal-content\" style=\"padding: 20px;\">\n\t\t\t\t\t${stepIndicator}\n\t\t\t\t\t\n\t\t\t\t\t<form id=\"lw-waitlist-account-form\" class=\"lw-form\" novalidate>\n\t\t\t\t\t\t<input type=\"hidden\" name=\"course_id\" value=\"${courseId}\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 15px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Full Name *<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" name=\"full_name\" required \n\t\t\t\t\t\t\t\tplaceholder=\"Enter your full name\"\n\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 15px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Email *<\/label>\n\t\t\t\t\t\t\t<input type=\"email\" name=\"email\" required \n\t\t\t\t\t\t\t\tplaceholder=\"Enter your email address\"\n\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-field-group\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t\t\t<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">Phone<\/label>\n\t\t\t\t\t\t\t<input type=\"tel\" name=\"phone\" \n\t\t\t\t\t\t\t\tplaceholder=\"Enter your phone number\"\n\t\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-form-actions\" style=\"display: flex; gap: 10px;\">\n\t\t\t\t\t\t\t${hasCustomFields ? `\n\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"lw-btn lw-btn-primary\" style=\"flex: 1;\">Next<\/button>\n\t\t\t\t\t\t\t` : `\n\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"lw-btn lw-btn-primary\" style=\"flex: 1;\">Join Waitlist<\/button>\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t\t<button type=\"button\" class=\"lw-btn lw-btn-secondary\" onclick=\"closeModalFunc()\">Cancel<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<p style=\"margin-top: 15px; text-align: center; color: #666; font-size: 14px;\">\n\t\t\t\t\t\t\tAlready have an account? <a href=\"#\" onclick=\"showLoginModal(); return false;\" style=\"color: #E76E3C;\">Sign In<\/a>\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div id=\"lw-waitlist-message\"><\/div>\n\t\t\t\t\t<\/form>\n\t\t\t\t<\/div>\n\t\t\t`;\n\t\t\t\n\t\t\tmodalContent.innerHTML = html;\n\t\t\tmodalContent.removeAttribute('aria-busy');\n\t\t\t\n\t\t\t\/\/ Store custom fields in module variable (avoid JSON in HTML)\n\t\t\twaitlistCustomFieldsMeta = customFields;\n\t\t\t\n\t\t\t\/\/ Handle form submission\n\t\t\tdocument.getElementById('lw-waitlist-account-form').addEventListener('submit', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tconst formData = new FormData(this);\n\t\t\t\t\n\t\t\t\t\/\/ Use module variable instead of parsing from hidden input\n\t\t\t\tconst customFieldsData = waitlistCustomFieldsMeta || [];\n\t\t\t\t\n\t\t\t\tif (customFieldsData.length > 0) {\n\t\t\t\t\t\/\/ Go to custom fields step\n\t\t\t\t\trenderWaitlistCustomFieldsStep(courseId, customFieldsData, true, {\n\t\t\t\t\t\tfull_name: formData.get('full_name'),\n\t\t\t\t\t\temail: formData.get('email'),\n\t\t\t\t\t\tphone: formData.get('phone')\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ Submit directly\n\t\t\t\t\tsubmitWaitlistForm(courseId, {\n\t\t\t\t\t\tfull_name: formData.get('full_name'),\n\t\t\t\t\t\temail: formData.get('email'),\n\t\t\t\t\t\tphone: formData.get('phone')\n\t\t\t\t\t}, {});\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\t\/\/ Waitlist Step 2: Custom fields (or single step for logged-in users)\n\t\tfunction renderWaitlistCustomFieldsStep(courseId, customFields, showPrevious, accountData = null) {\n\t\t\tconst hasCustomFields = customFields && customFields.length > 0;\n\t\t\t\n\t\t\tif (!hasCustomFields) {\n\t\t\t\t\/\/ No custom fields, submit directly if logged in\n\t\t\t\tsubmitWaitlistForm(courseId, accountData || {}, {});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t\n\t\t\tconst stepIndicator = showPrevious ? `\n\t\t\t\t<div style=\"display: flex; justify-content: center; gap: 10px; margin-bottom: 20px;\">\n\t\t\t\t\t<span style=\"padding: 5px 15px; background: #4CAF50; color: white; border-radius: 20px; font-size: 14px;\">\u2713 Account<\/span>\n\t\t\t\t\t<span style=\"padding: 5px 15px; background: #E76E3C; color: white; border-radius: 20px; font-size: 14px;\">2. Waitlist Fields<\/span>\n\t\t\t\t<\/div>\n\t\t\t` : '';\n\n\t\t\tlet fieldsHtml = '';\n\t\t\tcustomFields.forEach((field, index) => {\n\t\t\t\tconst required = field.required ? '*' : '';\n\t\t\t\tconst requiredAttr = field.required ? 'required' : '';\n\t\t\t\tconst fieldName = 'custom_field_' + index;\n\t\t\t\t\n\t\t\t\tfieldsHtml += `<div class=\"lw-field-group\" style=\"margin-bottom: 15px;\">`;\n\t\t\t\tfieldsHtml += `<label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #333;\">${field.label} ${required}<\/label>`;\n\t\t\t\t\n\t\t\t\tswitch (field.type) {\n\t\t\t\t\tcase 'textarea':\n\t\t\t\t\t\tfieldsHtml += `<textarea name=\"${fieldName}\" ${requiredAttr} \n\t\t\t\t\t\t\tplaceholder=\"Enter ${field.label.toLowerCase()}\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; min-height: 80px;\"><\/textarea>`;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'select':\n\t\t\t\t\tcase 'dropdown':\n\t\t\t\t\t\tfieldsHtml += `<select name=\"${fieldName}\" ${requiredAttr}\n\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">`;\n\t\t\t\t\t\tfieldsHtml += `<option value=\"\">Select ${field.label}<\/option>`;\n\t\t\t\t\t\tif (field.choices && field.choices.length > 0) {\n\t\t\t\t\t\t\tfield.choices.forEach(choice => {\n\t\t\t\t\t\t\t\tfieldsHtml += `<option value=\"${choice}\">${choice}<\/option>`;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfieldsHtml += `<\/select>`;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'radio':\n\t\t\t\t\t\tif (field.choices && field.choices.length > 0) {\n\t\t\t\t\t\t\tfield.choices.forEach((choice, i) => {\n\t\t\t\t\t\t\t\tfieldsHtml += `<label style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 8px; cursor: pointer;\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"${fieldName}\" value=\"${choice}\" ${requiredAttr && i === 0 ? requiredAttr : ''}>\n\t\t\t\t\t\t\t\t\t<span>${choice}<\/span>\n\t\t\t\t\t\t\t\t<\/label>`;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'checkbox':\n\t\t\t\t\t\tif (field.choices && field.choices.length > 0) {\n\t\t\t\t\t\t\tfield.choices.forEach((choice, i) => {\n\t\t\t\t\t\t\t\tfieldsHtml += `<label style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 8px; cursor: pointer;\">\n\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"${fieldName}[]\" value=\"${choice}\">\n\t\t\t\t\t\t\t\t\t<span>${choice}<\/span>\n\t\t\t\t\t\t\t\t<\/label>`;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tfieldsHtml += `<label style=\"display: flex; align-items: center; gap: 8px; cursor: pointer;\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"${fieldName}\" value=\"1\">\n\t\t\t\t\t\t\t\t<span>Yes<\/span>\n\t\t\t\t\t\t\t<\/label>`;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'email':\n\t\t\t\t\t\tfieldsHtml += `<input type=\"email\" name=\"${fieldName}\" ${requiredAttr}\n\t\t\t\t\t\t\tplaceholder=\"Enter ${field.label.toLowerCase()}\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">`;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'tel':\n\t\t\t\t\tcase 'phone':\n\t\t\t\t\t\tfieldsHtml += `<input type=\"tel\" name=\"${fieldName}\" ${requiredAttr}\n\t\t\t\t\t\t\tplaceholder=\"Enter ${field.label.toLowerCase()}\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">`;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase 'number':\n\t\t\t\t\t\tfieldsHtml += `<input type=\"number\" name=\"${fieldName}\" ${requiredAttr}\n\t\t\t\t\t\t\tplaceholder=\"Enter ${field.label.toLowerCase()}\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">`;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault: \/\/ text and others\n\t\t\t\t\t\tfieldsHtml += `<input type=\"text\" name=\"${fieldName}\" ${requiredAttr}\n\t\t\t\t\t\t\tplaceholder=\"Enter ${field.label.toLowerCase()}\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px;\">`;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tfieldsHtml += `<\/div>`;\n\t\t\t});\n\n\t\t\tconst html = `\n\t\t\t\t<div class=\"lw-modal-header\" style=\"padding: 20px 20px 0 20px;\">\n\t\t\t\t\t<h2 style=\"margin: 0 0 10px 0; color: #333; font-size: 24px;\">Join Waitlist<\/h2>\n\t\t\t\t\t<p style=\"margin: 0; color: #666; font-size: 16px;\">Please fill in the additional information<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"lw-modal-content\" style=\"padding: 20px;\">\n\t\t\t\t\t${stepIndicator}\n\t\t\t\t\t\n\t\t\t\t\t<form id=\"lw-waitlist-custom-form\" class=\"lw-form\" novalidate>\n\t\t\t\t\t\t<input type=\"hidden\" name=\"course_id\" value=\"${courseId}\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t${fieldsHtml}\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"lw-form-actions\" style=\"display: flex; gap: 10px;\">\n\t\t\t\t\t\t\t${showPrevious ? `\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"lw-btn lw-btn-secondary\" onclick=\"goBackToAccountStep('${courseId}')\">Previous<\/button>\n\t\t\t\t\t\t\t` : ''}\n\t\t\t\t\t\t\t<button type=\"submit\" class=\"lw-btn lw-btn-primary\" style=\"flex: 1;\">Join Waitlist<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div id=\"lw-waitlist-message\" style=\"margin-top: 15px;\"><\/div>\n\t\t\t\t\t<\/form>\n\t\t\t\t<\/div>\n\t\t\t`;\n\t\t\t\n\t\t\tmodalContent.innerHTML = html;\n\t\t\tmodalContent.removeAttribute('aria-busy');\n\t\t\t\n\t\t\t\/\/ Store data in module variables (avoid JSON in HTML)\n\t\t\twaitlistAccountData = accountData;\n\t\t\twaitlistCustomFieldsMeta = customFields;\n\t\t\t\n\t\t\t\/\/ Handle form submission\n\t\t\tdocument.getElementById('lw-waitlist-custom-form').addEventListener('submit', function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tconst formData = new FormData(this);\n\t\t\t\t\n\t\t\t\t\/\/ Use module variables instead of parsing from hidden inputs\n\t\t\t\tconst storedAccountData = waitlistAccountData || {};\n\t\t\t\tconst fieldsMeta = waitlistCustomFieldsMeta || [];\n\t\t\t\t\n\t\t\t\t\/\/ Collect custom field values\n\t\t\t\tconst customFieldValues = {};\n\t\t\t\tfieldsMeta.forEach((field, index) => {\n\t\t\t\t\tconst fieldName = 'custom_field_' + index;\n\t\t\t\t\tif (field.type === 'checkbox' && field.choices && field.choices.length > 0) {\n\t\t\t\t\t\tcustomFieldValues[field.label] = formData.getAll(fieldName + '[]');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcustomFieldValues[field.label] = formData.get(fieldName);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tsubmitWaitlistForm(courseId, storedAccountData, customFieldValues);\n\t\t\t});\n\t\t}\n\n\t\t\/\/ Go back to account step\n\t\twindow.goBackToAccountStep = function(courseId) {\n\t\t\t\/\/ Use stored custom fields instead of reloading\n\t\t\tconst customFields = waitlistCustomFieldsMeta || [];\n\t\t\trenderWaitlistAccountStep(courseId, customFields);\n\t\t};\n\n\t\t\/\/ Submit waitlist form\n\t\tasync function submitWaitlistForm(courseId, accountData, customFieldValues) {\n\t\t\tconst messageDiv = document.getElementById('lw-waitlist-message');\n\t\t\tif (messageDiv) {\n\t\t\t\tmessageDiv.innerHTML = '<p style=\"color: #666;\">Submitting...<\/p>';\n\t\t\t}\n\t\t\t\n\t\t\ttry {\n\t\t\t\tconst response = await fetch('https:\/\/happyteachersacademy.com\/community\/wp-admin\/admin-ajax.php', {\n\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\theaders: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n\t\t\t\t\tbody: new URLSearchParams({\n\t\t\t\t\t\taction: 'hta_ssc_waitlist_submit',\n\t\t\t\t\t\tcourse_id: courseId,\n\t\t\t\t\t\tfull_name: accountData.full_name || '',\n\t\t\t\t\t\temail: accountData.email || '',\n\t\t\t\t\t\tphone: accountData.phone || '',\n\t\t\t\t\t\tcustom_fields: JSON.stringify(customFieldValues),\n\t\t\t\t\t\tnonce: '095ca42031'\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tconst result = await response.json();\n\t\t\t\t\n\t\t\t\tif (result.success) {\n\t\t\t\t\tmodalContent.innerHTML = `\n\t\t\t\t\t\t<div style=\"padding: 40px; text-align: center;\">\n\t\t\t\t\t\t\t<div style=\"width: 60px; height: 60px; background: #4CAF50; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;\">\n\t\t\t\t\t\t\t\t<svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\">\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"><\/polyline>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<h3 style=\"margin: 0 0 10px; color: #333;\">Successfully Joined Waitlist!<\/h3>\n\t\t\t\t\t\t\t<p style=\"margin: 0 0 20px; color: #666;\">${result.data?.message || 'You will be notified when spots become available.'}<\/p>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"lw-btn lw-btn-primary\" onclick=\"closeModalFunc()\">Close<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t`;\n\t\t\t\t} else {\n\t\t\t\t\tif (messageDiv) {\n\t\t\t\t\t\tmessageDiv.innerHTML = '<p style=\"color: #f44336;\">' + (result.data?.message || 'Failed to join waitlist. Please try again.') + '<\/p>';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Waitlist submission error:', error);\n\t\t\t\tif (messageDiv) {\n\t\t\t\t\tmessageDiv.innerHTML = '<p style=\"color: #f44336;\">An error occurred. Please try again.<\/p>';\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (closeModal) {\n\t\t\tcloseModal.addEventListener('click', function (e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tcloseModalFunc();\n\t\t\t});\n\t\t}\n\t\t\/\/ Backdrop click closes modal\n\t\tconst backdrop = document.getElementById('lw-modal-backdrop');\n\t\tif (backdrop) {\n\t\t\tbackdrop.addEventListener('click', closeModalFunc);\n\t\t}\n\t\t\/\/ Swipe down to close on mobile\n\t\tconst sheet = document.querySelector('.lw-modal-sheet');\n\t\tif (sheet) {\n\t\t\tlet startY = 0;\n\t\t\tsheet.addEventListener('touchstart', function (e) { startY = e.touches[0].clientY; }, { passive: true });\n\t\t\tsheet.addEventListener('touchend', function (e) {\n\t\t\t\tif (e.changedTouches[0].clientY - startY > 60) closeModalFunc();\n\t\t\t}, { passive: true });\n\t\t}\n\t\tif (modal) {\n\t\t\tmodal.addEventListener('click', function (event) {\n\t\t\t\tif (event.target === modal) {\n\t\t\t\t\tcloseModalFunc();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\tdocument.addEventListener('keydown', function (event) {\n\t\t\tif (event.key === 'Escape' && modal && modal.style.display === 'block') {\n\t\t\t\tcloseModalFunc();\n\t\t\t}\n\t\t});\n\n\t\twindow.showLoginModal = showLoginModal;\n\t\twindow.showSignupModal = showSignupModal;\n\t\twindow.closeModalFunc = closeModalFunc;\n\n\t\t\/\/ \u2500\u2500 Prepend drag handle into CVP buy modal dialog \u2500\u2500\n\t\t\/\/ Makes it visually consistent with the registration slide-up sheet.\n\t\tvar cvpDialog = document.querySelector('#cvp-buy-video-modal .cvp-modal-dialog');\n\t\tif (cvpDialog && !cvpDialog.querySelector('.cvp-le-drag-handle')) {\n\t\t\tvar handle = document.createElement('div');\n\t\t\thandle.className = 'cvp-le-drag-handle';\n\t\t\tcvpDialog.insertBefore(handle, cvpDialog.firstChild);\n\t\t}\n\t});\n<\/script>\n\n<style>\n.lw-hero__grid {\n\tdisplay: grid;\n\tgrid-template-columns: 1.2fr 1fr;\n\tgap: 22px;\n\talign-items: start;\n\tmargin-bottom:20px;\n}\n\n\/* Live event hero: equal height for left image and right content *\/\n.lw-hero-wrap--live-event .lw-hero__grid {\n\talign-items: stretch;\n}\n\n.lw-hero__left {\n\twidth: 100%;\n\tmin-width: 0; \/* Allow shrinking *\/\n\t\/* Center media vertically and horizontally within the left column *\/\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n\/* Live event hero: make left side stretch to match right height *\/\n.lw-hero-wrap--live-event .lw-hero__left {\n\tdisplay: flex;\n\talign-items: stretch;\n\tjustify-content: center;\n\tposition: relative;\n\toverflow: hidden;\n}\n\n\/* Preserve image size and ratio *\/\n.lw-hero__img,\n.lw-hero__img--desktop,\n.lw-hero__img--mobile {\n\tmax-width: 100%;\n\theight: auto;\n\tobject-fit: contain;\n\tdisplay: block;\n\t\/* Don't force width: 100% to preserve original size *\/\n}\n\n\/* Live event hero: make image fill container height to match right section *\/\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__img,\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__img--desktop,\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__img--mobile {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tdisplay: block;\n}\n\n\/* Ensure hero videos (uploaded or Vimeo) keep a consistent 16:9 size *\/\n.lw-hero__video {\n\twidth: 100%;\n\tposition: relative;\n\tborder-radius: 16px;\n\toverflow: hidden;\n\tbackground: #000;\n\tborder: 2px solid rgba(17, 24, 39, 0.08);\n\tbox-shadow: 0 10px 30px rgba(0,0,0,0.1);\n}\n\n.lw-hero__video-inner {\n\tposition: relative;\n\twidth: 100%;\n\tpadding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n\theight: 0;\n}\n\n.lw-hero__video-inner iframe,\n.lw-hero__video-inner video {\n\tposition: absolute;\n\tinset: 0;\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n\tbackground: #000;\n\tobject-fit: cover;\n}\n\n\/* Live event hero: make video fill container height to match right section *\/\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__video,\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__video-inner {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\tborder-radius: 0;\n\tborder: none;\n\tbox-shadow: none;\n\tbackground: transparent;\n}\n\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__video-inner {\n\tpadding-bottom: 0;\n\theight: 100%;\n}\n\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__video-inner iframe,\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__video-inner video {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tdisplay: block;\n\tbackground: transparent;\n}\n\n\/* Override FitVids\/Jetpack fluid-width-video-wrapper in hero video *\/\n.lw-hero__video-inner .fluid-width-video-wrapper,\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__video-inner .fluid-width-video-wrapper {\n\tposition: static !important;\n\tpadding-top: 0 !important;\n\twidth: 100%;\n\theight: 100%;\n}\n\n.lw-hero__video-inner .fluid-width-video-wrapper iframe,\n.lw-hero-wrap--live-event .lw-hero__left .lw-hero__video-inner .fluid-width-video-wrapper iframe {\n\tposition: relative !important;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tobject-fit: cover;\n}\n\n.lw-hero__right {\n\twidth: 100%;\n\tmin-width: 0; \/* Allow shrinking *\/\n\toverflow: hidden; \/* Prevent overflow *\/\n}\n\n.lw-hero-wrap--live-event .lw-hero__right--live-event {\n\tpadding: 18px 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tmin-width: 0; \/* Allow shrinking *\/\n\toverflow: hidden; \/* Prevent overflow *\/\n\talign-self: stretch; \/* Stretch to match video height *\/\n\tjustify-content: flex-start; \/* Align content to top *\/\n}\n\n\/* Live Event Feature Tabs layout: 30% sidebar, 70% content *\/\n.hta-live-event-feature-tabs__container {\n\tdisplay: grid;\n\tgrid-template-columns: 30% 70%;\n\tgap: 24px;\n\talign-items: flex-start;\n}\n\n.hta-live-event-feature-tabs__sidebar {\n\twidth: 100%;\n}\n\n.hta-live-event-feature-tabs__content {\n\twidth: 100%;\n}\n\n@media (max-width: 992px) {\n\t.hta-live-event-feature-tabs__container {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n\n.lw-hero__row {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tmargin-bottom: 0;\n}\n\n.lw-hero__row--pricing {\n\tmargin-top: auto; \/* Push pricing to bottom if needed *\/\n}\n\n.lw-hero__row--datetime {\n\tjustify-content: space-between;\n}\n\n.lw-hero__datetime-text {\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: #333;\n}\n\n.lw-hero__seats-btn {\n\tbackground: #E76E3C;\n\tcolor: white;\n\tpadding: 6px 12px;\n\tborder-radius: 4px;\n\tfont-size: 13px;\n\tfont-weight: 700;\n\tborder: none;\n\tcursor: pointer;\n\ttransition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n} \n.lw-hero__seats-btn:hover {\n\tbackground: #E76E3C;\n\tcolor:white;\n}\n\n.lw-hero__row--title {\n\tflex-wrap: wrap;\n\tgap: 12px;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n\n.lw-hero__title {\n\tfont-size: 24px;\n\tfont-weight: 700;\n\tcolor: #111;\n\tmargin: 0;\n\tflex: 1;\n\tmin-width: 200px;\n\tword-wrap: break-word;\n\toverflow-wrap: break-word;\n\tword-break: break-word;\n\tmax-width: 100%;\n}\n\n.lw-hero__row--features {\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 10px;\n\tpadding: 12px 0;\n\tborder-top: 1px solid #dbe2f0;\n\tborder-bottom: 1px solid #dbe2f0;\n}\n\n.lw-hero__features-list {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tgap: 8px;\n\twidth: 100%;\n}\n\n.lw-hero__features-item {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 8px;\n\tfont-size: 14px;\n\tcolor: #1f2937;\n\tline-height: 1.5;\n}\n\n.lw-hero__features-bullet {\n\tcolor: #E76E3C;\n\tfont-weight: 700;\n\tline-height: 1.2;\n}\n\n.lw-hero__languages,\n.lw-hero-wrap--live-event .hta-workshop-card__language-flags {\n\tdisplay: flex;\n\tgap: 6px;\n\talign-items: center;\n\tflex-shrink: 0;\n}\n\n.lw-hero__language-item {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n}\n\n.lw-hero-wrap--live-event .hta-workshop-card__language-flag {\n\twidth: 24px;\n\theight: 18px;\n\tobject-fit: cover;\n\tborder-radius: 2px;\n\tborder: 1px solid #EDEDED;\n}\n\n.lw-hero-wrap--live-event .hta-workshop-card__language-code {\n\twidth: 28px;\n\theight: 20px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: #FFFFFF;\n\tborder: 1px solid #D9D9D9;\n\tborder-radius: 4px;\n\tfont-size: 10px;\n\tfont-weight: 600;\n\tcolor: #555;\n}\n\n.lw-hero__language-link {\n\ttext-decoration: none;\n\tdisplay: inline-block;\n}\n\n.lw-hero__language-flag {\n\twidth: 24px;\n\theight: 18px;\n\tobject-fit: cover;\n\tborder-radius: 2px;\n\tborder: 1px solid #EDEDED;\n\tdisplay: block;\n}\n\n.lw-hero__language-code {\n\twidth: 28px;\n\theight: 20px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground: #FFFFFF;\n\tborder: 1px solid #D9D9D9;\n\tborder-radius: 4px;\n\tfont-size: 10px;\n\tfont-weight: 600;\n\tcolor: #555;\n}\n\n.lw-hero__row--hosts {\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 16px;\n\tflex-wrap: nowrap;\n}\n\n.lw-hero__host,\n.lw-hero__co-host {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.lw-hero__host-item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.lw-hero__host-avatar {\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50% !important;\n\tobject-fit: cover;\n\tborder: 2px solid #FFFFFF;\n}\n\n.lw-hero__host-name {\n\tfont-size: 14px;\n\tcolor: #333;\n}\n\n.lw-hero__row--pricing {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tmargin-top: 4px; \/* Reduce top margin for compact look *\/\n\twidth: 100%; \/* Ensure full width *\/\n}\n\n.lw-hero__pricing-left {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\twidth: 100%; \/* Ensure full width *\/\n\tmin-width: 0; \/* Allow shrinking *\/\n}\n\n.lw-hero__price-row {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 8px;\n\twidth: 100%;\n}\n\n.lw-hero__price-label {\n\tfont-size: 12px;\n\tcolor: #666;\n\tmargin: 0;\n\ttext-align: left;\n\tflex-shrink: 0;\n\torder: 1;\n}\n\n.lw-hero__price-free {\n\tcolor: #111;\n\tborder-radius: 8px;\n\ttext-align: center;\n\tfont-size: 14px;\n\tfont-weight: 700;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.5px;\n\tdisplay: inline-block;\n\twidth: fit-content;\n\tflex-shrink: 0;\n}\n\n.lw-hero__price-container {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\torder: 2;\n}\n\n.lw-hero__price-sale {\n\tfont-size: 24px;\n\tfont-weight: 700;\n\tcolor: #E76E3C;\n}\n\n.lw-hero__price-base {\n\tfont-size: 18px;\n\tcolor: #999;\n\ttext-decoration: line-through;\n}\n\n.lw-hero__price-regular {\n\tfont-size: 24px;\n\tfont-weight: 700;\n\tcolor: #111;\n}\n\n.lw-hero__pricing-right {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tgap: 4px;\n}\n\n.lw-hero__price-increase {\n\tfont-size: 12px;\n\tcolor: #666;\n}\n\n.lw-hero__discount {\n\tbackground: #3EBD8E;\n\tcolor: #FFFFFF;\n\tpadding: 6px 12px;\n\tborder-radius: 6px;\n\tfont-family: 'Roboto', sans-serif;\n\tfont-size: 16px;\n\tfont-weight: 700;\n\ttext-transform: uppercase;\n\tdisplay: inline-block;\n\twidth: fit-content;\n\tletter-spacing: 0.5px;\n}\n\n\/* Base button styles - consistent for all hero buttons *\/\n.lw-hero__btn,\n.lw-hero__btn--live-event,\n.lw-hero__btn--ssc,\n.lw-hero__btn--learn-more,\n.lw-hero__btn--cancel-booking,\n.lw-hero__btn--go-to-course {\n\tpadding: 14px 24px;\n\tmin-height: 48px;\n\tborder-radius: 8px;\n\tfont-size: 16px;\n\tfont-weight: 700;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n\tborder: none;\n\tcursor: pointer;\n\ttransition: all 0.3s ease;\n\tbox-sizing: border-box;\n\twhite-space: nowrap;\n}\n\n.lw-hero__btn--live-event {\n\tbackground: #E76E3C;\n\tcolor: #FFFFFF;\n}\n\n.lw-hero__btn--live-event:hover {\n\tbackground: #E76E3C;\n\tcolor: #FFFFFF;\n}\n\n.lw-hero__button-group {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tflex-wrap: wrap;\n\twidth: 100%;\n\tbox-sizing: border-box;\n}\n\n.lw-hero__button-group--with-learn-more {\n\talign-items: center;\n\tflex-wrap: nowrap !important; \/* Prevent wrapping - keep Learn More on the right *\/\n\twidth: 100% !important; \/* Take full width of parent *\/\n\tgap: 16px; \/* Add gap between left and right groups *\/\n}\n\n.lw-hero__button-group-left {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tflex-wrap: wrap;\n\tflex: 0 1 auto; \/* Allow shrinking but don't grow *\/\n\tmin-width: 0;\n\t\/* Remove margin-left: auto from here - it's handled by parent justify-content *\/\n}\n\n.lw-hero__button-group-right {\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 0 0 auto !important; \/* Don't shrink or grow - force it *\/\n\twhite-space: nowrap;\n\t\/* Remove margin-left: auto - parent justify-content handles it *\/\n}\n\n.lw-hero__button-group--with-learn-more .lw-hero__button-group-right {\n\tmargin-left: 0 !important; \/* Remove margin - parent handles spacing *\/\n\tflex-shrink: 0 !important; \/* Never shrink *\/\n}\n\n.lw-hero__button-group--compact {\n\tflex-wrap: nowrap;\n\tgap: 8px;\n}\n\n.lw-hero__button-group--compact .lw-hero__button-group-left {\n\tgap: 8px;\n\tflex-wrap: nowrap;\n}\n\n.lw-hero__button-group--compact .lw-hero__btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 12px 20px;\n\tfont-size: 15px;\n\tmin-height: 44px;\n\tborder-radius: 8px;\n\tborder: 1px solid transparent;\n\tbox-sizing: border-box;\n}\n\n.lw-hero__button-group--compact .lw-hero__btn--cancel-booking {\n\tborder-color: #dc3545;\n}\n\n.lw-hero__button-group--compact .lw-hero__btn--cancel-booking:hover {\n\tborder-color: #dc3545;\n}\n\n.lw-hero__btn--learn-more {\n\tbackground-color: #4BA2A5 !important;\n\tcolor: #ffffff !important;\n\tmax-height: 48px;\n}\n\n.lw-hero__btn--learn-more:hover {\n\tbackground-color: #3a8a8d !important;\n\tcolor: #ffffff !important;\n}\n\n@media (max-width: 640px) {\n\t.lw-hero__button-group--compact {\n\t\tflex-wrap: wrap;\n\t}\n\t\n\t.lw-hero__button-group--with-learn-more {\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\t}\n\t\n\t.lw-hero__button-group--with-learn-more .lw-hero__button-group-right {\n\t\tmargin-left: 0;\n\t\tmargin-top: 8px;\n\t\twidth: 100%;\n\t}\n\t\n\t.lw-hero__button-group--with-learn-more .lw-hero__button-group-right .lw-hero__btn {\n\t\twidth: 100%;\n\t}\n}\n\n.lw-hero__btn--passed {\n\tbackground-color: #FFFFFF;\n\tcolor: #FF0000;\n\tborder: 1px solid #FF0000;\n\tcursor: not-allowed;\n}\n\n.lw-hero__btn--passed:hover {\n\tbackground-color: #FFFFFF !important ;\n\tcolor: #FF0000;\n\tborder: 1px solid #FF0000;\n\tcursor: not-allowed;\n}\n\n.lw-hero__btn--joined {\n\tbackground-color: #28a745;\n\tcolor: #FFFFFF;\n\tcursor: default;\n\topacity: 0.6;\n\tpointer-events: none;\n\tborder: 1px solid #28a745;\n}\n\n.lw-hero__btn--joined:hover {\n\tbackground-color: #28a745;\n\tcolor: #FFFFFF;\n\topacity: 0.6;\n}\n\n.lw-hero__btn--cancel-booking {\n\tbackground-color: #FFFFFF;\n\tcolor: #dc3545;\n\tborder: 1px solid #dc3545;\n\tpadding: 14px 24px;\n\tmin-height: 48px;\n}\n\n.lw-hero__btn--cancel-booking:hover {\n\tbackground-color: #dc3545;\n\tcolor: #FFFFFF;\n}\n\n.lw-hero__btn--disabled {\n\tbackground: #e0e0e0;\n\tcolor: #999;\n\tcursor: not-allowed;\n\tpointer-events: none;\n}\n\n\/* Desktop: hide CVP buy button in hero\/sticky, show registration button instead *\/\n.lw-hero__btn--register-desktop,\n.lw-sticky-cta__btn--register-desktop {\n\tdisplay: none;\n}\n\n@media (min-width: 769px) {\n\t.lw-hero__button-group .cvp-buy-video-btn,\n\t.lw-sticky-cta .cvp-buy-video-btn {\n\t\tdisplay: none !important;\n\t\tpointer-events: none !important;\n\t}\n\n\t.lw-hero__btn--register-desktop {\n\t\tdisplay: inline-flex !important;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.lw-sticky-cta__btn--register-desktop {\n\t\tdisplay: inline-flex !important;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n}\n\n.lw-hero__row--footer {\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n\n.lw-hero__footer-links {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\twidth: 100%;\n\tgap: 16px;\n\tflex-wrap: wrap;\n}\n\n.lw-hero__footer-left {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.lw-hero__chat-container {\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n.lw-hero__footer-right {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.lw-hero__chat-btn {\n\tbackground: none;\n\tborder: none;\n\tcolor: #333;\n\tfont-size: 14px;\n\tcursor: pointer;\n\ttext-decoration: none;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n\tpadding: 0;\n\ttransition: opacity 0.2s;\n}\n\n.lw-hero__chat-btn:hover {\n\t\tbackground: none;\n\n}\n\n.lw-hero__chat-icon {\n\twidth: 20px;\n\theight: 20px;\n\tobject-fit: contain;\n\tdisplay: block;\n}\n\n.lw-hero__chat-dropdown {\n\tposition: absolute;\n\tbottom: 100%;\n\tleft: 0;\n\tbackground: white;\n\tborder: 1px solid #ccc;\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n\tpadding: 8px;\n\tmargin-bottom: 8px;\n\tmin-width: 180px;\n\tz-index: 10;\n}\n\n.lw-hero__chat-link {\n\tdisplay: block;\n\tpadding: 8px 12px;\n\tcolor: #333;\n\ttext-decoration: none;\n\tborder-radius: 4px;\n\ttransition: background-color 0.2s;\n}\n\n.lw-hero__chat-link:hover {\n\tbackground-color: #f5f5f5;\n}\n\n.lw-hero__legal-link {\n\tfont-size: 12px;\n\tcolor: #666;\n\ttext-decoration: none;\n}\n\n.lw-hero__legal-link:hover {\n\ttext-decoration: underline;\n}\n\n.lw-hero__legal-separator {\n\tfont-size: 12px;\n\tcolor: #999;\n}\n\n@media (max-width: 900px) {\n\t.lw-hero__grid {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0;\n\t}\n\t\n\t.lw-hero__left,\n\t.lw-hero__right {\n\t\twidth: 100%;\n\t}\n}\n\n@media (max-width: 768px) {\n\t.lw-hero__right--live-event {\n\t\tpadding: 16px;\n\t}\n\t\n\t.lw-hero__title {\n\t\tfont-size: 20px;\n\t}\n\t\n\t.lw-hero__row--datetime {\n\t\tflex-direction: column;\n\t}\n\t\n\t.lw-hero__features-list {\n\t\tgrid-template-columns: 1fr;\n\t\talign-items: flex-start;\n\t}\n}\n\n\/* ClassIn Popup Styles *\/\n.classin-popup {\n\tposition: fixed;\n\tinset: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 999999;\n\tdisplay: none;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 20px;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n}\n\n.classin-popup[aria-hidden=\"false\"] {\n\tdisplay: flex;\n\tpointer-events: auto;\n}\n\n.classin-popup__overlay {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground: rgba(0, 0, 0, 0.5);\n\tbackdrop-filter: blur(2px);\n}\n\n.classin-popup__content {\n\tposition: relative;\n\tmargin: auto;\n\tbackground: #FFFFFF;\n\tborder-radius: 12px;\n\tpadding: 32px;\n\tmax-width: 500px;\n\twidth: 90%;\n\tmax-height: calc(100vh - 40px);\n\toverflow-y: auto;\n\tbox-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n\tz-index: 1;\n}\n\n.classin-popup__close {\n\tposition: absolute;\n\ttop: 12px;\n\tright: 12px;\n\tbackground: #E76E3C;\n\tcolor: #FFFFFF;\n\tborder: none;\n\tfont-size: 24px;\n\tcursor: pointer;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tz-index: 10;\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n\tline-height: 1;\n\ttransition: all 0.2s ease;\n\tpadding: 0;\n}\n\n.classin-popup__close:hover {\n\tbackground: #c45b32;\n\ttransform: scale(1.1);\n}\n\n.classin-popup__title {\n\tfont-size: 24px;\n\tfont-weight: 700;\n\tcolor: #2A3242;\n\tmargin: 0 0 20px 0;\n\tline-height: 1.3;\n}\n\n.classin-popup__description {\n\tmargin-bottom: 24px;\n\tcolor: #4A5464;\n\tfont-size: 16px;\n\tline-height: 1.6;\n\ttext-align: left;\n}\n\n.classin-popup__description p {\n\tmargin: 0 0 12px 0;\n}\n\n.classin-popup__description p:last-child {\n\tmargin-bottom: 0;\n}\n\n.classin-popup__actions {\n\tdisplay: flex;\n\tgap: 12px;\n\tjustify-content: flex-end;\n\tflex-wrap: wrap;\n}\n\n.classin-popup__btn {\n\tpadding: 12px 24px;\n\tborder-radius: 8px;\n\tfont-size: 16px;\n\tfont-weight: 700;\n\tcursor: pointer;\n\ttransition: all 0.3s ease;\n\tborder: none;\n\ttext-align: center;\n\tmin-width: 140px;\n}\n\n.classin-popup__btn--continue {\n\tbackground: #E76E3C;\n\tcolor: #FFFFFF;\n}\n\n.classin-popup__btn--continue:hover {\n\tcolor:white;\n\tbackground: #2A3242;\n\ttransform: translateY(-1px);\n}\n\n.classin-popup__btn--cancel {\n\tbackground: transparent;\n\tcolor: #E76E3C;\n\tborder: 1px solid rgba(231, 110, 60, 0.4);\n}\n\n.classin-popup__btn--cancel:hover {\n\tbackground: rgba(231, 110, 60, 0.08);\n\tcolor: #c45b32;\n\tborder-color: #E76E3C;\n}\n\n@media (max-width: 768px) {\n\t.classin-popup__content {\n\t\tpadding: 24px;\n\t\tmax-width: 90%;\n\t}\n\t\n\t.classin-popup__close {\n\t\ttop: 10px !important;\n\t\tright: 10px !important;\n\t\twidth: 30px !important;\n\t\theight: 30px !important;\n\t\tfont-size: 20px !important;\n\t}\n\t\n\t.classin-popup__title {\n\t\tfont-size: 20px;\n\t}\n\t\n\t.classin-popup__description {\n\t\tfont-size: 14px;\n\t}\n\t\n\t.classin-popup__actions {\n\t\tflex-direction: column;\n\t}\n\t\n\t.classin-popup__btn {\n\t\twidth: 100%;\n\t}\n}\n<\/style>\n\n<script>\nfunction toggleHeroChat(event) {\n\tevent.stopPropagation();\n\tconst chatContainer = event.target.closest('.lw-hero__footer-links');\n\tif (!chatContainer) return;\n\t\n\tconst chatDropdown = chatContainer.querySelector('.lw-hero__chat-dropdown');\n\tif (chatDropdown) {\n\t\tchatDropdown.hidden = !chatDropdown.hidden;\n\t}\n}\n\ndocument.addEventListener('click', function (event) {\n\tconst chatDropdowns = document.querySelectorAll('.lw-hero__chat-dropdown');\n\tchatDropdowns.forEach(function (dropdown) {\n\t\tif (!dropdown.hidden && !dropdown.closest('.lw-hero__footer-links')?.contains(event.target)) {\n\t\t\tdropdown.hidden = true;\n\t\t}\n\t});\n});\n<\/script>\n\n\n\n<script>\n(function() {\n\t\/\/ ClassIn \/ Partner Popup Handler\n\tfunction initClassinPopup() {\n\t\t\/\/ Use event delegation to handle dynamically added buttons\n\t\tdocument.addEventListener('click', function(e) {\n\t\t\tconst btn = e.target.closest('.lw-hero__btn--go-to-course, .hta-partner-redirect-btn');\n\t\t\tif (btn) {\n\t\t\t\t\/\/ Only prevent default and show popup if button has data-popup-id\n\t\t\t\t\/\/ If it's a link without data-popup-id, allow normal link behavior\n\t\t\t\tconst popupId = btn.getAttribute('data-popup-id');\n\t\t\t\tif (popupId) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tconst popup = document.getElementById(popupId);\n\t\t\t\t\tif (popup) {\n\t\t\t\t\t\tpopup.setAttribute('aria-hidden', 'false');\n\t\t\t\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\/\/ If no popup-id, allow normal link behavior (don't prevent default)\n\t\t\t}\n\t\t});\n\t\t\n\t\t\/\/ Also handle existing buttons (for compatibility)\n\t\tdocument.querySelectorAll('.lw-hero__btn--go-to-course').forEach(function(btn) {\n\t\t\t\/\/ Buttons are already handled by event delegation above\n\t\t});\n\n\t\t\/\/ Handle \"Continue to Classin\" or \"Continue to Sales page\" button (using event delegation)\n\t\tdocument.addEventListener('click', function(e) {\n\t\t\tconst btn = e.target.closest('.classin-popup__btn--continue');\n\t\t\tif (btn) {\n\t\t\t\te.preventDefault();\n\t\t\t\tconst classinLink = btn.getAttribute('data-classin-link');\n\t\t\t\tconst partnerUrl = btn.getAttribute('data-partner-url');\n\t\t\t\tif (classinLink) {\n\t\t\t\t\twindow.open(classinLink, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else if (partnerUrl) {\n\t\t\t\t\twindow.open(partnerUrl, '_blank', 'noopener,noreferrer');\n\t\t\t\t}\n\t\t\t\t\/\/ Close popup\n\t\t\t\tconst popup = btn.closest('.classin-popup');\n\t\t\t\tif (popup) {\n\t\t\t\t\tclosePopup(popup);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t\/\/ Handle \"Cancel\" button, close button, and overlay clicks (using event delegation)\n\t\tdocument.addEventListener('click', function(e) {\n\t\t\tif (e.target.closest('.classin-popup__btn--cancel') ||\n\t\t\t\te.target.closest('.classin-popup__close') ||\n\t\t\t\te.target.classList.contains('classin-popup__overlay')) {\n\t\t\t\te.preventDefault();\n\t\t\t\tconst element = e.target.closest('.classin-popup__btn--cancel, .classin-popup__close') || e.target;\n\t\t\t\tconst popupId = element.getAttribute('data-popup-close');\n\t\t\t\tlet popup = null;\n\t\t\t\t\n\t\t\t\tif (popupId) {\n\t\t\t\t\tpopup = document.getElementById(popupId);\n\t\t\t\t} else {\n\t\t\t\t\tpopup = element.closest('.classin-popup');\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tif (popup) {\n\t\t\t\t\tclosePopup(popup);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t\/\/ Handle ESC key\n\t\tdocument.addEventListener('keydown', function(e) {\n\t\t\tif (e.key === 'Escape') {\n\t\t\t\tconst openPopup = document.querySelector('.classin-popup[aria-hidden=\"false\"]');\n\t\t\t\tif (openPopup) {\n\t\t\t\t\tclosePopup(openPopup);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction closePopup(popup) {\n\t\tpopup.setAttribute('aria-hidden', 'true');\n\t\tdocument.body.style.overflow = '';\n\t}\n\n\t\/\/ Initialize on DOM ready\n\tif (document.readyState === 'loading') {\n\t\tdocument.addEventListener('DOMContentLoaded', initClassinPopup);\n\t} else {\n\t\tinitClassinPopup();\n\t}\n})();\n<\/script>\n\n\n\t\n\t<!-- Achievement Badges Section -->\n\t<section class=\"hta-achievement-badges-section\">\n\t<div class=\"hta-badges-strip\"><div class=\"hta-badge-item\" data-badge-key=\"single_workshops_completed\"><div class=\"hta-badge-item__inner\"><div class=\"hta-badge-item__icon\"><img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/PTYL-Principles-of-Teaching-Young-Learners-32.png\" alt=\"\" loading=\"lazy\" \/><\/div><div class=\"hta-badge-item__content\"><span class=\"hta-badge-item__label\">Single Workshops Completed<\/span><span class=\"hta-badge-item__value\">00<\/span><\/div><\/div><\/div><div class=\"hta-badge-item\" data-badge-key=\"live_courses_completed\"><div class=\"hta-badge-item__inner\"><div class=\"hta-badge-item__icon\"><img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/PTYL-Principles-of-Teaching-Young-Learners-22.png\" alt=\"\" loading=\"lazy\" \/><\/div><div class=\"hta-badge-item__content\"><span class=\"hta-badge-item__label\">Live Courses Completed<\/span><span class=\"hta-badge-item__value\">00<\/span><\/div><\/div><\/div><div class=\"hta-badge-item\" data-badge-key=\"self_study_completed\"><div class=\"hta-badge-item__inner\"><div class=\"hta-badge-item__icon\"><img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/PTYL-Principles-of-Teaching-Young-Learners-30.png\" alt=\"\" loading=\"lazy\" \/><\/div><div class=\"hta-badge-item__content\"><span class=\"hta-badge-item__label\">Self-Study Completed<\/span><span class=\"hta-badge-item__value\">00<\/span><\/div><\/div><\/div><div class=\"hta-badge-item\" data-badge-key=\"certificates_earned\"><div class=\"hta-badge-item__inner\"><div class=\"hta-badge-item__icon\"><img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/PTYL-Principles-of-Teaching-Young-Learners-31.png\" alt=\"\" loading=\"lazy\" \/><\/div><div class=\"hta-badge-item__content\"><span class=\"hta-badge-item__label\">Certificates Earned<\/span><span class=\"hta-badge-item__value\">00<\/span><\/div><\/div><\/div><div class=\"hta-badge-item\" data-badge-key=\"total_training_hours\"><div class=\"hta-badge-item__inner\"><div class=\"hta-badge-item__icon\"><img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/PTYL-Principles-of-Teaching-Young-Learners-28.png\" alt=\"\" loading=\"lazy\" \/><\/div><div class=\"hta-badge-item__content\"><span class=\"hta-badge-item__label\">Total Training Hours<\/span><span class=\"hta-badge-item__value\">00 HRS<\/span><\/div><\/div><\/div><\/div><\/section>\n\n\n\n\n\n\n\n\n\n\n\t<!-- Title and Description Section -->\n\t\n\t<!-- Filter Section -->\n\t<section class=\"hta-workshops-filters\">\n\t<div class=\"hta-filter-card\">\n\t\t<div class=\"hta-filter-card-inner\">\n\n\t\t\t<!-- Row 1: Workshop type pills + search input -->\n\t\t\t<div class=\"hta-filter-row-top\">\n\t\t\t\t<button type=\"button\" class=\"hta-mobile-filter-btn\" id=\"hta-mobile-filter-toggle\" aria-label=\"Open filter options\">\n\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><line x1=\"10\" y1=\"18\" x2=\"14\" y2=\"18\"\/><\/svg>\n\t\t\t\t\tFilter\t\t\t\t<\/button>\n\t\t\t\t<button type=\"button\" class=\"hta-mobile-search-btn\" id=\"hta-mobile-search-toggle\" aria-label=\"Open search\">\n\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n\t\t\t\t\tSearch\t\t\t\t<\/button>\n\n\t\t\t\t<div class=\"hta-type-pills\" role=\"group\" aria-label=\"Workshop type filters\">\n\t\t\t\t\t<button type=\"button\" class=\"hta-filter-button active\" data-value=\"all\">\n\t\t\t\t\t\tAll\t\t\t\t\t<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"hta-filter-button\" data-value=\"single_workshop\">\n\t\t\t\t\t\tSingle Workshop Event\t\t\t\t\t<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"hta-filter-button\" data-value=\"live_course\">\n\t\t\t\t\t\tLive Workshop Course\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"hta-search-wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"search\"\n\t\t\t\t\t\tid=\"filter-event-name\"\n\t\t\t\t\t\tname=\"event_name\"\n\t\t\t\t\t\tclass=\"hta-search-input\"\n\t\t\t\t\t\tplaceholder=\"Search events...\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\/>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- Row 2: Dropdown filters + toggle + reset -->\n\t\t\t<div class=\"hta-filter-row-secondary\">\n\t\t\t\t<div class=\"hta-filter-groups\">\n\t\t\t\t\t<div class=\"hta-filter-group\">\n\t\t\t\t\t\t<span class=\"hta-filter-group-label\">Category<\/span>\n\t\t\t\t\t\t<select id=\"filter-category\" name=\"category\" class=\"hta-filter-select\">\n\t\t\t\t\t\t\t<option value=\"all\">All Categories<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26147407\">\n\t\t\t\t\t\t\t\t\tAge Group\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26147122\">\n\t\t\t\t\t\t\t\t\tClassroom Culture &amp; Engagement\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26147064\">\n\t\t\t\t\t\t\t\t\tDigital Teaching Tools\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26146840\">\n\t\t\t\t\t\t\t\t\tGrades 1\u20133\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26146877\">\n\t\t\t\t\t\t\t\t\tGrades 4\u20136\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26146902\">\n\t\t\t\t\t\t\t\t\tGrades 7\u20139\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26147031\">\n\t\t\t\t\t\t\t\t\tHybrid Teaching\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26147200\">\n\t\t\t\t\t\t\t\t\tLanguage Teaching\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26146984\">\n\t\t\t\t\t\t\t\t\tOffline Teaching\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26146939\">\n\t\t\t\t\t\t\t\t\tOnline Teaching\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26147167\">\n\t\t\t\t\t\t\t\t\tPedagogy &amp; Learning Methods\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26146755\">\n\t\t\t\t\t\t\t\t\tPre-K\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"31288254\">\n\t\t\t\t\t\t\t\t\tYoung Learners\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"hta-filter-group\">\n\t\t\t\t\t\t<span class=\"hta-filter-group-label\">Level<\/span>\n\t\t\t\t\t\t<select id=\"filter-level\" name=\"level\" class=\"hta-filter-select\">\n\t\t\t\t\t\t\t<option value=\"all\">All Levels<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26104328\">\n\t\t\t\t\t\t\t\t\tLevel 1 \u2013 Beginner\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"26104329\">\n\t\t\t\t\t\t\t\t\tLevel 2 \u2013 Developing\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"hta-filter-group\">\n\t\t\t\t\t\t<span class=\"hta-filter-group-label\">Organizer<\/span>\n\t\t\t\t\t\t<select id=\"filter-organizer\" name=\"organizer\" class=\"hta-filter-select\">\n\t\t\t\t\t\t\t<option value=\"all\">All Organizers<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"20666\">\n\t\t\t\t\t\t\t\t\tHappy Teachers Academy\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"hta-filter-group\">\n\t\t\t\t\t\t<span class=\"hta-filter-group-label\">Date<\/span>\n\t\t\t\t\t\t<input type=\"date\" id=\"filter-date\" name=\"date\" class=\"hta-filter-select\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"hta-filter-actions-right\">\n\t\t\t\t\t<div class=\"hta-filter-toggles\">\n\t\t\t\t\t\t<button type=\"button\" id=\"filter-favorites\" class=\"hta-toggle-label\" data-filter=\"favorites\" aria-pressed=\"false\" aria-label=\"Toggle favorites filter\">\n\t\t\t\t\t\t\t<div class=\"hta-toggle-switch\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t\t\t<span class=\"hta-toggle-text\">Favorites<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"hta-filter-vdivider\" aria-hidden=\"true\"><\/div>\n\n\t\t\t\t\t<button type=\"button\" id=\"hta-reset-filters\" class=\"hta-reset-btn\" aria-label=\"Reset all filters\">\n\t\t\t\t\t\t<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n\t\t\t\t\t\tReset Filters\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- Row 3: Active filters -->\n\t\t\t<div class=\"hta-active-filters-row\" id=\"hta-active-filters\" style=\"display: none;\">\n\t\t\t\t<span class=\"hta-active-filters-label\">Active Filters:<\/span>\n\t\t\t\t<div class=\"hta-active-filters-list\" id=\"hta-active-filters-pills\"><\/div>\n\t\t\t<\/div>\n\n\t\t<\/div><!-- \/.hta-filter-card-inner -->\n\t<\/div><!-- \/.hta-filter-card -->\n<\/section>\n\n<!-- Mobile filter bottom sheet (fixed, position: fixed escapes container) -->\n<div class=\"hta-filter-modal-overlay\" id=\"hta-filter-modal-overlay\" aria-hidden=\"true\"><\/div>\n<div class=\"hta-filter-modal-sheet\" id=\"hta-filter-modal-sheet\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Filter options\">\n\t<div class=\"hta-filter-modal-handle\"><span><\/span><\/div>\n\t<div class=\"hta-filter-modal-body\">\n\t\t<div class=\"hta-filter-modal-header\">\n\t\t\t<h3>Filter Workshops<\/h3>\n\t\t\t<button type=\"button\" class=\"hta-filter-modal-close\" id=\"hta-filter-modal-close\" aria-label=\"Close filter panel\">\n\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t<!-- Workshop type dropdown in modal -->\n\t\t<div class=\"hta-filter-modal-group\">\n\t\t\t<label for=\"hta-modal-filter-type\">Workshop Type<\/label>\n\t\t\t<select id=\"hta-modal-filter-type\" name=\"modal_type\">\n\t\t\t\t<option value=\"all\">All Types<\/option>\n\t\t\t\t<option value=\"single_workshop\">Single Workshop Event<\/option>\n\t\t\t\t<option value=\"live_course\">Live Workshop Course<\/option>\n\t\t\t<\/select>\n\t\t<\/div>\n\n\t\t<div class=\"hta-filter-modal-group\">\n\t\t\t<label for=\"hta-modal-filter-category\">Category<\/label>\n\t\t\t<select id=\"hta-modal-filter-category\" name=\"modal_category\">\n\t\t\t\t<option value=\"all\">All Categories<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26147407\">Age Group<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26147122\">Classroom Culture &amp; Engagement<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26147064\">Digital Teaching Tools<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26146840\">Grades 1\u20133<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26146877\">Grades 4\u20136<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26146902\">Grades 7\u20139<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26147031\">Hybrid Teaching<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26147200\">Language Teaching<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26146984\">Offline Teaching<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26146939\">Online Teaching<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26147167\">Pedagogy &amp; Learning Methods<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26146755\">Pre-K<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"31288254\">Young Learners<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\n\t\t<div class=\"hta-filter-modal-group\">\n\t\t\t<label for=\"hta-modal-filter-level\">Level<\/label>\n\t\t\t<select id=\"hta-modal-filter-level\" name=\"modal_level\">\n\t\t\t\t<option value=\"all\">All Levels<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26104328\">Level 1 \u2013 Beginner<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"26104329\">Level 2 \u2013 Developing<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\n\t\t<div class=\"hta-filter-modal-group\">\n\t\t\t<label for=\"hta-modal-filter-organizer\">Organizer<\/label>\n\t\t\t<select id=\"hta-modal-filter-organizer\" name=\"modal_organizer\">\n\t\t\t\t<option value=\"all\">All Organizers<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"20666\">Happy Teachers Academy<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\n\t\t<div class=\"hta-filter-modal-group\">\n\t\t\t<label for=\"hta-modal-filter-date\">Date<\/label>\n\t\t\t<input type=\"date\" id=\"hta-modal-filter-date\" name=\"modal_date\" \/>\n\t\t<\/div>\n\n\t\t<!-- Favorites toggle in modal -->\n\t\t<div class=\"hta-filter-modal-group\">\n\t\t\t<div class=\"hta-filter-modal-toggles\">\n\t\t\t\t<button type=\"button\" id=\"hta-modal-favorites\" class=\"hta-toggle-label\" aria-pressed=\"false\" aria-label=\"Toggle favorites filter\">\n\t\t\t\t\t<div class=\"hta-toggle-switch\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t<span class=\"hta-toggle-text\">Favorites<\/span>\n\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"hta-filter-modal-actions\">\n\t\t\t<button type=\"button\" class=\"hta-filter-modal-reset\" id=\"hta-filter-modal-reset\">\n\t\t\t\tReset\t\t\t<\/button>\n\t\t\t<button type=\"button\" class=\"hta-filter-modal-apply\" id=\"hta-filter-modal-apply\">\n\t\t\t\tApply Filters\t\t\t<\/button>\n\t\t<\/div>\n\t<\/div><!-- \/.hta-filter-modal-body -->\n<\/div><!-- \/.hta-filter-modal-sheet -->\n\n<!-- Mobile search overlay -->\n<div class=\"hta-search-overlay-backdrop\" id=\"hta-search-overlay-backdrop\" aria-hidden=\"true\"><\/div>\n<div class=\"hta-search-overlay\" id=\"hta-search-overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Search events\">\n\t<div class=\"hta-search-overlay-handle\"><span><\/span><\/div>\n\t<div class=\"hta-search-overlay-body\">\n\t\t<div class=\"hta-search-overlay-header\">\n\t\t\t<h3>Search Events<\/h3>\n\t\t\t<button type=\"button\" class=\"hta-search-overlay-close\" id=\"hta-search-overlay-close\" aria-label=\"Close search\">\n\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"hta-search-overlay-input-wrap\">\n\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2.5\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n\t\t\t<input\n\t\t\t\ttype=\"search\"\n\t\t\t\tid=\"hta-mobile-search-input\"\n\t\t\t\tclass=\"hta-search-overlay-input\"\n\t\t\t\tplaceholder=\"Search events...\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t\t<\/div>\n\t\t<div class=\"hta-search-overlay-actions\">\n\t\t\t<button type=\"button\" class=\"hta-search-overlay-clear\" id=\"hta-search-overlay-clear\">\n\t\t\t\tClear\t\t\t<\/button>\n\t\t\t<button type=\"button\" class=\"hta-search-overlay-submit\" id=\"hta-search-overlay-submit\">\n\t\t\t\tSearch\t\t\t<\/button>\n\t\t<\/div>\n\t<\/div><!-- \/.hta-search-overlay-body -->\n<\/div><!-- \/.hta-search-overlay -->\n\n<script>\n\/* Mobile filter & search sheet behaviour \u2014 self-contained, no global deps *\/\n(function () {\n\t'use strict';\n\n\t\/* \u2500\u2500 Mobile filter modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\t(function () {\n\t\tvar toggleBtn  = document.getElementById( 'hta-mobile-filter-toggle' );\n\t\tvar overlay    = document.getElementById( 'hta-filter-modal-overlay' );\n\t\tvar sheet      = document.getElementById( 'hta-filter-modal-sheet' );\n\t\tvar closeBtn   = document.getElementById( 'hta-filter-modal-close' );\n\t\tvar applyBtn   = document.getElementById( 'hta-filter-modal-apply' );\n\t\tvar resetBtn   = document.getElementById( 'hta-filter-modal-reset' );\n\t\tif ( ! toggleBtn || ! overlay || ! sheet ) return;\n\n\t\tvar selectMap = [\n\t\t\t{ modal: 'hta-modal-filter-type',     desktop: null },  \/* type handled separately *\/\n\t\t\t{ modal: 'hta-modal-filter-category', desktop: 'filter-category' },\n\t\t\t{ modal: 'hta-modal-filter-level',    desktop: 'filter-level' },\n\t\t\t{ modal: 'hta-modal-filter-organizer', desktop: 'filter-organizer' },\n\t\t\t{ modal: 'hta-modal-filter-date',     desktop: 'filter-date' },\n\t\t];\n\n\t\tfunction openModal() {\n\t\t\t\/* sync type dropdown from desktop pills *\/\n\t\t\tvar activePill = document.querySelector( '.hta-type-pills .hta-filter-button.active' );\n\t\t\tvar activeVal  = activePill ? activePill.getAttribute( 'data-value' ) : 'all';\n\t\t\tvar typeEl = document.getElementById( 'hta-modal-filter-type' );\n\t\t\tif ( typeEl ) typeEl.value = activeVal || 'all';\n\t\t\t\/* sync remaining selects from desktop *\/\n\t\t\tselectMap.forEach( function ( m ) {\n\t\t\t\tif ( ! m.desktop ) return;\n\t\t\t\tvar mEl = document.getElementById( m.modal );\n\t\t\t\tvar dEl = document.getElementById( m.desktop );\n\t\t\t\tif ( mEl && dEl ) mEl.value = dEl.value;\n\t\t\t} );\n\t\t\t\/* sync favorites *\/\n\t\t\tvar dFav = document.getElementById( 'filter-favorites' );\n\t\t\tvar mFav = document.getElementById( 'hta-modal-favorites' );\n\t\t\tif ( dFav && mFav ) {\n\t\t\t\tmFav.classList.toggle( 'active', dFav.classList.contains( 'active' ) );\n\t\t\t\tmFav.setAttribute( 'aria-pressed', dFav.classList.contains( 'active' ) ? 'true' : 'false' );\n\t\t\t}\n\t\t\toverlay.classList.add( 'hta-modal-open' );\n\t\t\tsheet.classList.add( 'hta-modal-open' );\n\t\t\toverlay.setAttribute( 'aria-hidden', 'false' );\n\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t}\n\n\t\tfunction closeModal() {\n\t\t\toverlay.classList.remove( 'hta-modal-open' );\n\t\t\tsheet.classList.remove( 'hta-modal-open' );\n\t\t\toverlay.setAttribute( 'aria-hidden', 'true' );\n\t\t\tdocument.body.style.overflow = '';\n\t\t}\n\n\t\tfunction applyFilters() {\n\t\t\t\/* push type dropdown to desktop pills *\/\n\t\t\tvar typeEl   = document.getElementById( 'hta-modal-filter-type' );\n\t\t\tvar typeVal  = typeEl ? ( typeEl.value || 'all' ) : 'all';\n\t\t\tvar matchBtn = document.querySelector( '.hta-type-pills .hta-filter-button[data-value=\"' + typeVal + '\"]' );\n\t\t\tif ( matchBtn ) matchBtn.click();\n\t\t\t\/* push remaining selects to desktop and fire change *\/\n\t\t\tselectMap.forEach( function ( m ) {\n\t\t\t\tif ( ! m.desktop ) return;\n\t\t\t\tvar mEl = document.getElementById( m.modal );\n\t\t\t\tvar dEl = document.getElementById( m.desktop );\n\t\t\t\tif ( mEl && dEl ) {\n\t\t\t\t\tdEl.value = mEl.value;\n\t\t\t\t\tdEl.dispatchEvent( new Event( 'change', { bubbles: true } ) );\n\t\t\t\t}\n\t\t\t} );\n\t\t\t\/* push favorites *\/\n\t\t\tvar dFav = document.getElementById( 'filter-favorites' );\n\t\t\tvar mFav = document.getElementById( 'hta-modal-favorites' );\n\t\t\tif ( dFav && mFav ) {\n\t\t\t\tvar mActive = mFav.classList.contains( 'active' );\n\t\t\t\tvar dActive = dFav.classList.contains( 'active' );\n\t\t\t\tif ( mActive !== dActive ) dFav.click();\n\t\t\t}\n\t\t\t\/* update mobile filter btn active state *\/\n\t\t\tvar hasFilter = typeVal !== 'all';\n\t\t\tselectMap.forEach( function ( m ) {\n\t\t\t\tif ( ! m.desktop ) return;\n\t\t\t\tvar el = document.getElementById( m.modal );\n\t\t\t\tif ( el && el.value && el.value !== 'all' && el.value !== '' ) hasFilter = true;\n\t\t\t} );\n\t\t\tif ( mFav && mFav.classList.contains( 'active' ) ) hasFilter = true;\n\t\t\ttoggleBtn.classList.toggle( 'active', hasFilter );\n\t\t\tcloseModal();\n\t\t}\n\n\t\tfunction resetModal() {\n\t\t\tdocument.querySelectorAll( '#hta-filter-modal-sheet select' ).forEach( function ( s ) {\n\t\t\t\ts.value = s.options[0] ? s.options[0].value : '';\n\t\t\t} );\n\t\t\tdocument.querySelectorAll( '#hta-filter-modal-sheet input[type=\"date\"]' ).forEach( function ( i ) {\n\t\t\t\ti.value = '';\n\t\t\t} );\n\t\t\tvar mFav = document.getElementById( 'hta-modal-favorites' );\n\t\t\tif ( mFav ) {\n\t\t\t\tmFav.classList.remove( 'active' );\n\t\t\t\tmFav.setAttribute( 'aria-pressed', 'false' );\n\t\t\t}\n\t\t}\n\n\t\t\/* modal favorites toggle *\/\n\t\tvar modalFav = document.getElementById( 'hta-modal-favorites' );\n\t\tif ( modalFav ) {\n\t\t\tmodalFav.addEventListener( 'click', function () {\n\t\t\t\tmodalFav.classList.toggle( 'active' );\n\t\t\t\tmodalFav.setAttribute( 'aria-pressed', modalFav.classList.contains( 'active' ) ? 'true' : 'false' );\n\t\t\t} );\n\t\t}\n\n\t\ttoggleBtn.addEventListener( 'click', openModal );\n\t\toverlay.addEventListener( 'click', closeModal );\n\t\tif ( closeBtn ) closeBtn.addEventListener( 'click', closeModal );\n\t\tif ( applyBtn ) applyBtn.addEventListener( 'click', applyFilters );\n\t\tif ( resetBtn ) resetBtn.addEventListener( 'click', resetModal );\n\n\t\t\/* swipe down to dismiss *\/\n\t\tvar startY = 0;\n\t\tsheet.addEventListener( 'touchstart', function ( e ) { startY = e.touches[0].clientY; }, { passive: true } );\n\t\tsheet.addEventListener( 'touchend',   function ( e ) { if ( e.changedTouches[0].clientY - startY > 60 ) closeModal(); }, { passive: true } );\n\t}() );\n\n\t\/* \u2500\u2500 Mobile search overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\t(function () {\n\t\tvar searchBtn   = document.getElementById( 'hta-mobile-search-toggle' );\n\t\tvar backdrop    = document.getElementById( 'hta-search-overlay-backdrop' );\n\t\tvar overlay     = document.getElementById( 'hta-search-overlay' );\n\t\tvar closeBtn    = document.getElementById( 'hta-search-overlay-close' );\n\t\tvar mobileInput = document.getElementById( 'hta-mobile-search-input' );\n\t\tvar realInput   = document.getElementById( 'filter-event-name' );\n\t\tvar clearBtn    = document.getElementById( 'hta-search-overlay-clear' );\n\t\tvar submitBtn   = document.getElementById( 'hta-search-overlay-submit' );\n\t\tif ( ! searchBtn || ! overlay || ! mobileInput || ! realInput ) return;\n\n\t\tfunction openSearch() {\n\t\t\tmobileInput.value = realInput.value;\n\t\t\toverlay.classList.add( 'hta-search-open' );\n\t\t\tif ( backdrop ) { backdrop.classList.add( 'hta-search-open' ); backdrop.setAttribute( 'aria-hidden', 'false' ); }\n\t\t\toverlay.setAttribute( 'aria-hidden', 'false' );\n\t\t\tdocument.body.style.overflow = 'hidden';\n\t\t\tsetTimeout( function () { mobileInput.focus(); }, 350 );\n\t\t}\n\n\t\tfunction closeSearch() {\n\t\t\toverlay.classList.remove( 'hta-search-open' );\n\t\t\tif ( backdrop ) { backdrop.classList.remove( 'hta-search-open' ); backdrop.setAttribute( 'aria-hidden', 'true' ); }\n\t\t\toverlay.setAttribute( 'aria-hidden', 'true' );\n\t\t\tdocument.body.style.overflow = '';\n\t\t}\n\n\t\t\/* real-time sync to the real input *\/\n\t\tmobileInput.addEventListener( 'input', function () {\n\t\t\trealInput.value = mobileInput.value;\n\t\t\trealInput.dispatchEvent( new Event( 'input', { bubbles: true } ) );\n\t\t} );\n\n\t\tsearchBtn.addEventListener( 'click', openSearch );\n\t\tif ( closeBtn )  closeBtn.addEventListener( 'click', closeSearch );\n\t\tif ( backdrop )  backdrop.addEventListener( 'click', closeSearch );\n\t\tif ( submitBtn ) submitBtn.addEventListener( 'click', closeSearch );\n\t\tif ( clearBtn ) {\n\t\t\tclearBtn.addEventListener( 'click', function () {\n\t\t\t\tmobileInput.value = '';\n\t\t\t\trealInput.value   = '';\n\t\t\t\trealInput.dispatchEvent( new Event( 'input', { bubbles: true } ) );\n\t\t\t\tmobileInput.focus();\n\t\t\t} );\n\t\t}\n\t\tmobileInput.addEventListener( 'keydown', function ( e ) {\n\t\t\tif ( 'Escape' === e.key || 'Enter' === e.key ) closeSearch();\n\t\t} );\n\n\t\t\/* swipe down to dismiss *\/\n\t\tvar startY = 0;\n\t\toverlay.addEventListener( 'touchstart', function ( e ) { startY = e.touches[0].clientY; }, { passive: true } );\n\t\toverlay.addEventListener( 'touchend',   function ( e ) { if ( e.changedTouches[0].clientY - startY > 60 ) closeSearch(); }, { passive: true } );\n\t}() );\n}());\n<\/script>\n\n\n\t<!-- Content Section -->\n\t<section class=\"hta-workshops-content\" role=\"region\" aria-live=\"polite\" aria-label=\"Workshop results\">\n\t\t\t<div class=\"hta-workshops-unified-grid\">\n\t\t\t\t\t\t\t<div\n\tclass=\"hta-workshop-card\"\n\tdata-post-id=\"35518\"\n\tdata-post-type=\"live_training_course\"\n\tdata-permalink=\"https:\/\/happyteachersacademy.com\/community\/live-course\/sound-by-design-teaching-english-pronunciation-with-purpose\/\"\n\tdata-organizers=\"\"\n\tdata-categories=\"\"\n\tdata-favorited=\"0\"\n>\n\t\t\t<!-- Media Area -->\n\t\t<div class=\"hta-workshop-card__media\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/sound-by-design-teaching-english-pronunciation-with-purpose\/\" class=\"hta-workshop-card__media-link\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2026\/05\/ump-16-9-1024x576.png\"\n\t\t\t\t\t\talt=\"Unlocking Multisyllabic Phonics\"\n\t\t\t\t\t\tclass=\"hta-workshop-card__image\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t<\/a>\n\n\t\t\t<!-- Status badge overlaying image -->\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__badge hta-workshop-card__badge--status\" data-status=\"registration_open\">\n\t\t\t\t\tRegistration Open\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\t<!-- Desktop Card Body (old layout \u2014 \u2265769px only) -->\n\t<div class=\"hta-workshop-card__desktop-body\">\n\n\t\t<!-- Post Type Row with Favorite\/Share Buttons -->\n\t\t<div class=\"hta-workshop-card__post-type-row\">\n\t\t\t<div class=\"hta-workshop-card__post-type-wrapper\">\n\t\t\t\t<span class=\"hta-workshop-card__post-type\">\n\t\t\t\t\t4 Sessions\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"video-like-share\">\n\t\t\t\t<!-- Favorite Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"like-button \"\n\t\t\t\t\t\tdata-video-id=\"35518\"\n\t\t\t\t\t\tdata-status=\"not_favorite\"\n\t\t\t\t\t\taria-label=\"Add to playlist\"\n\t\t\t\t\t><\/button>\n\t\t\t\t\t<div class=\"hover-toast\">Add to playlist<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<!-- Share Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"share-button\"\n\t\t\t\t\t\tdata-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/sound-by-design-teaching-english-pronunciation-with-purpose\/\"\n\t\t\t\t\t\tstyle=\"background: none; border: none; cursor: pointer; font-size: 18px; transition: color 0.3s; display: flex; align-items: center; padding: 0;\"\n\t\t\t\t\t\taria-label=\"Share\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/08\/copy.png\"\n\t\t\t\t\t\t\talt=\"Share\"\n\t\t\t\t\t\t\tstyle=\"width: 24px; height: 24px; display: block; margin: auto;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<div class=\"hover-toast share-toast\">Copy link<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date\/Time Display (above title) -->\n\t\t\t\t\t<div class=\"hta-workshop-card__datetime-display\">\n\t\t\t\t\t\t\t\t\t<span class=\"hta-workshop-card__datetime-date\">16 June 2026<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t<!-- Title -->\n\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/sound-by-design-teaching-english-pronunciation-with-purpose\/\">\n\t\t\t\tUnlocking Multisyllabic Phonics\t\t\t<\/a>\n\t\t<\/h3>\n\n\t\t<!-- Statistics Row (below title) -->\n\t\t\n\t\t<!-- Review and Members Row (star rating) -->\n\t\t\n\t\t<!-- Price Section -->\n\t\t<div class=\"hta-workshop-card__pricing\">\n\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband\">\n\t\t\t\t\t<div class=\"hta-workshop-card__priceband__icon\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/plugins\/hta-plugin\/assets\/button\/lock.png\" alt=\"\" class=\"hta-workshop-card__priceband__lock-icon\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"hta-workshop-card__priceband__col\">\n\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__price\">\n\t\t\t\t\t\t\t$15.00\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__note\">\n\t\t\t\t\t\t\t\tUntil 31 May 2026\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__col hta-workshop-card__priceband__col--right\">\n\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__price hta-workshop-card__priceband__price--old\">\n\t\t\t\t\t\t\t\t$18.99\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__note\">\n\t\t\t\t\t\t\t\t\tUntil 31 May 2026\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__desktop-body -->\n\n\t<!-- Mobile Card Body (current layout \u2014 \u2264768px only) -->\n\t<div class=\"hta-workshop-card__body\">\n\n\t\t<!-- Top row: type badge + title (left) | language flags + like\/share (right) -->\n\t\t<div class=\"hta-workshop-card__top-row\">\n\t\t\t<div class=\"hta-workshop-card__info\">\n\t\t\t\t<span class=\"hta-workshop-card__type-badge\">\n\t\t\t\t\t4 Sessions\t\t\t\t<\/span>\n\t\t\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/sound-by-design-teaching-english-pronunciation-with-purpose\/\">\n\t\t\t\t\t\tUnlocking Multisyllabic Phonics\t\t\t\t\t<\/a>\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"hta-workshop-card__card-actions\">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"cvp-card-more-btn\"\n\t\t\t\t\tdata-video-id=\"35518\"\n\t\t\t\t\tdata-video-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/sound-by-design-teaching-english-pronunciation-with-purpose\/\"\n\t\t\t\t\tdata-video-title=\"Unlocking Multisyllabic Phonics\"\n\t\t\t\t\tdata-fav-status=\"not_favorite\"\n\t\t\t\t\taria-label=\"More options\"\n\t\t\t\t>\n\t\t\t\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"19\" r=\"2\"\/><\/svg>\n\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date row -->\n\t\t\t\t\t<p class=\"hta-workshop-card__next-date\">\n\t\t\t\t<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n\t\t\t\tStarts 16 Jun &#039;26\t\t\t<\/p>\n\t\t\n\t\t<!-- Footer: price (left) | CTA button (right) -->\n\t\t<div class=\"hta-workshop-card__footer\">\n\t\t\t<span class=\"hta-workshop-card__price-display\">\n\t\t\t\t\t\t\t\t\t$15.00\t\t\t\t\t\t\t<\/span>\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/happyteachersacademy.com\/community\/live-course\/sound-by-design-teaching-english-pronunciation-with-purpose\/\"\n\t\t\t\tclass=\"hta-workshop-card__cta-btn\"\n\t\t\t\tonclick=\"event.stopPropagation();\"\n\t\t\t>\n\t\t\t\tView Details\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__body -->\n<\/div>\n\n\n\t\t\t\t\t\t\t<div\n\tclass=\"hta-workshop-card\"\n\tdata-post-id=\"23831\"\n\tdata-post-type=\"live_training_course\"\n\tdata-permalink=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-language-building-for-young-learners-plb\/\"\n\tdata-organizers=\"\"\n\tdata-categories=\"\"\n\tdata-favorited=\"0\"\n>\n\t\t\t<!-- Media Area -->\n\t\t<div class=\"hta-workshop-card__media\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-language-building-for-young-learners-plb\/\" class=\"hta-workshop-card__media-link\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2026\/02\/principles-of-language-building-1024x576.png\"\n\t\t\t\t\t\talt=\"Principles of Language Building for Young Learners (PLB)\"\n\t\t\t\t\t\tclass=\"hta-workshop-card__image\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t<\/a>\n\n\t\t\t<!-- Status badge overlaying image -->\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__badge hta-workshop-card__badge--status\" data-status=\"passed\">\n\t\t\t\t\tPassed\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\t<!-- Desktop Card Body (old layout \u2014 \u2265769px only) -->\n\t<div class=\"hta-workshop-card__desktop-body\">\n\n\t\t<!-- Post Type Row with Favorite\/Share Buttons -->\n\t\t<div class=\"hta-workshop-card__post-type-row\">\n\t\t\t<div class=\"hta-workshop-card__post-type-wrapper\">\n\t\t\t\t<span class=\"hta-workshop-card__post-type\">\n\t\t\t\t\t6 Sessions\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__language-flags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-1-150x140.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"English\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"English\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-150x150.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"video-like-share\">\n\t\t\t\t<!-- Favorite Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"like-button \"\n\t\t\t\t\t\tdata-video-id=\"23831\"\n\t\t\t\t\t\tdata-status=\"not_favorite\"\n\t\t\t\t\t\taria-label=\"Add to playlist\"\n\t\t\t\t\t><\/button>\n\t\t\t\t\t<div class=\"hover-toast\">Add to playlist<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<!-- Share Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"share-button\"\n\t\t\t\t\t\tdata-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-language-building-for-young-learners-plb\/\"\n\t\t\t\t\t\tstyle=\"background: none; border: none; cursor: pointer; font-size: 18px; transition: color 0.3s; display: flex; align-items: center; padding: 0;\"\n\t\t\t\t\t\taria-label=\"Share\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/08\/copy.png\"\n\t\t\t\t\t\t\talt=\"Share\"\n\t\t\t\t\t\t\tstyle=\"width: 24px; height: 24px; display: block; margin: auto;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<div class=\"hover-toast share-toast\">Copy link<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date\/Time Display (above title) -->\n\t\t\n\t\t<!-- Title -->\n\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-language-building-for-young-learners-plb\/\">\n\t\t\t\tPrinciples of Language Building for Young Learners (PLB)\t\t\t<\/a>\n\t\t<\/h3>\n\n\t\t<!-- Statistics Row (below title) -->\n\t\t\n\t\t<!-- Review and Members Row (star rating) -->\n\t\t\n\t\t<!-- Price Section -->\n\t\t<div class=\"hta-workshop-card__pricing\">\n\t\t\t\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__desktop-body -->\n\n\t<!-- Mobile Card Body (current layout \u2014 \u2264768px only) -->\n\t<div class=\"hta-workshop-card__body\">\n\n\t\t<!-- Top row: type badge + title (left) | language flags + like\/share (right) -->\n\t\t<div class=\"hta-workshop-card__top-row\">\n\t\t\t<div class=\"hta-workshop-card__info\">\n\t\t\t\t<span class=\"hta-workshop-card__type-badge\">\n\t\t\t\t\t6 Sessions\t\t\t\t<\/span>\n\t\t\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-language-building-for-young-learners-plb\/\">\n\t\t\t\t\t\tPrinciples of Language Building for Young Learners (PLB)\t\t\t\t\t<\/a>\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"hta-workshop-card__card-actions\">\n\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__language-flags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-1-150x140.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"English\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"English\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-150x150.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"cvp-card-more-btn\"\n\t\t\t\t\tdata-video-id=\"23831\"\n\t\t\t\t\tdata-video-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-language-building-for-young-learners-plb\/\"\n\t\t\t\t\tdata-video-title=\"Principles of Language Building for Young Learners (PLB)\"\n\t\t\t\t\tdata-fav-status=\"not_favorite\"\n\t\t\t\t\taria-label=\"More options\"\n\t\t\t\t>\n\t\t\t\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"19\" r=\"2\"\/><\/svg>\n\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date row -->\n\t\t\n\t\t<!-- Footer: price (left) | CTA button (right) -->\n\t\t<div class=\"hta-workshop-card__footer\">\n\t\t\t<span class=\"hta-workshop-card__price-display\">\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-language-building-for-young-learners-plb\/\"\n\t\t\t\tclass=\"hta-workshop-card__cta-btn\"\n\t\t\t\tonclick=\"event.stopPropagation();\"\n\t\t\t>\n\t\t\t\tView Details\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__body -->\n<\/div>\n\n\n\t\t\t\t\t\t\t<div\n\tclass=\"hta-workshop-card\"\n\tdata-post-id=\"20606\"\n\tdata-post-type=\"live_training_course\"\n\tdata-permalink=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-teaching-young-learners\/\"\n\tdata-organizers=\"\"\n\tdata-categories=\"\"\n\tdata-favorited=\"0\"\n>\n\t\t\t<!-- Media Area -->\n\t\t<div class=\"hta-workshop-card__media\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-teaching-young-learners\/\" class=\"hta-workshop-card__media-link\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Principles-of-How-Young-Children-Learn-English-9-1024x576.png\"\n\t\t\t\t\t\talt=\"Principles of Teaching Young Learners\"\n\t\t\t\t\t\tclass=\"hta-workshop-card__image\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t<\/a>\n\n\t\t\t<!-- Status badge overlaying image -->\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__badge hta-workshop-card__badge--status\" data-status=\"registration_closed\">\n\t\t\t\t\tRegistration Closed\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\t<!-- Desktop Card Body (old layout \u2014 \u2265769px only) -->\n\t<div class=\"hta-workshop-card__desktop-body\">\n\n\t\t<!-- Post Type Row with Favorite\/Share Buttons -->\n\t\t<div class=\"hta-workshop-card__post-type-row\">\n\t\t\t<div class=\"hta-workshop-card__post-type-wrapper\">\n\t\t\t\t<span class=\"hta-workshop-card__post-type\">\n\t\t\t\t\t6 Sessions\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__language-flags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-1-150x140.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"English\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"English\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-150x150.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"video-like-share\">\n\t\t\t\t<!-- Favorite Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"like-button \"\n\t\t\t\t\t\tdata-video-id=\"20606\"\n\t\t\t\t\t\tdata-status=\"not_favorite\"\n\t\t\t\t\t\taria-label=\"Add to playlist\"\n\t\t\t\t\t><\/button>\n\t\t\t\t\t<div class=\"hover-toast\">Add to playlist<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<!-- Share Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"share-button\"\n\t\t\t\t\t\tdata-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-teaching-young-learners\/\"\n\t\t\t\t\t\tstyle=\"background: none; border: none; cursor: pointer; font-size: 18px; transition: color 0.3s; display: flex; align-items: center; padding: 0;\"\n\t\t\t\t\t\taria-label=\"Share\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/08\/copy.png\"\n\t\t\t\t\t\t\talt=\"Share\"\n\t\t\t\t\t\t\tstyle=\"width: 24px; height: 24px; display: block; margin: auto;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<div class=\"hover-toast share-toast\">Copy link<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date\/Time Display (above title) -->\n\t\t\n\t\t<!-- Title -->\n\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-teaching-young-learners\/\">\n\t\t\t\tPrinciples of Teaching Young Learners\t\t\t<\/a>\n\t\t<\/h3>\n\n\t\t<!-- Statistics Row (below title) -->\n\t\t\n\t\t<!-- Review and Members Row (star rating) -->\n\t\t\n\t\t<!-- Price Section -->\n\t\t<div class=\"hta-workshop-card__pricing\">\n\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband\">\n\t\t\t\t\t<div class=\"hta-workshop-card__priceband__icon\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/plugins\/hta-plugin\/assets\/button\/lock.png\" alt=\"\" class=\"hta-workshop-card__priceband__lock-icon\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"hta-workshop-card__priceband__col\">\n\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__price\">\n\t\t\t\t\t\t\t$65.00\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__col hta-workshop-card__priceband__col--right\">\n\t\t\t\t\t\t\t<div class=\"hta-workshop-card__priceband__price hta-workshop-card__priceband__price--old\">\n\t\t\t\t\t\t\t\t$130.00\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__desktop-body -->\n\n\t<!-- Mobile Card Body (current layout \u2014 \u2264768px only) -->\n\t<div class=\"hta-workshop-card__body\">\n\n\t\t<!-- Top row: type badge + title (left) | language flags + like\/share (right) -->\n\t\t<div class=\"hta-workshop-card__top-row\">\n\t\t\t<div class=\"hta-workshop-card__info\">\n\t\t\t\t<span class=\"hta-workshop-card__type-badge\">\n\t\t\t\t\t6 Sessions\t\t\t\t<\/span>\n\t\t\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-teaching-young-learners\/\">\n\t\t\t\t\t\tPrinciples of Teaching Young Learners\t\t\t\t\t<\/a>\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"hta-workshop-card__card-actions\">\n\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__language-flags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-1-150x140.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"English\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"English\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-150x150.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"cvp-card-more-btn\"\n\t\t\t\t\tdata-video-id=\"20606\"\n\t\t\t\t\tdata-video-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-teaching-young-learners\/\"\n\t\t\t\t\tdata-video-title=\"Principles of Teaching Young Learners\"\n\t\t\t\t\tdata-fav-status=\"not_favorite\"\n\t\t\t\t\taria-label=\"More options\"\n\t\t\t\t>\n\t\t\t\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"19\" r=\"2\"\/><\/svg>\n\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date row -->\n\t\t\n\t\t<!-- Footer: price (left) | CTA button (right) -->\n\t\t<div class=\"hta-workshop-card__footer\">\n\t\t\t<span class=\"hta-workshop-card__price-display\">\n\t\t\t\t\t\t\t\t\t$65.00\t\t\t\t\t\t\t<\/span>\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/happyteachersacademy.com\/community\/live-course\/principles-of-teaching-young-learners\/\"\n\t\t\t\tclass=\"hta-workshop-card__cta-btn\"\n\t\t\t\tonclick=\"event.stopPropagation();\"\n\t\t\t>\n\t\t\t\tView Details\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__body -->\n<\/div>\n\n\n\t\t\t\t\t\t\t<div\n\tclass=\"hta-workshop-card\"\n\tdata-post-id=\"19367\"\n\tdata-post-type=\"live_training_course\"\n\tdata-permalink=\"https:\/\/happyteachersacademy.com\/community\/live-course\/teaching-young-learners-foundations-for-meaningful-play-based-learning\/\"\n\tdata-organizers=\"\"\n\tdata-categories=\"\"\n\tdata-favorited=\"0\"\n>\n\t\t\t<!-- Media Area -->\n\t\t<div class=\"hta-workshop-card__media\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/teaching-young-learners-foundations-for-meaningful-play-based-learning\/\" class=\"hta-workshop-card__media-link\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/08\/principles-of-how-young-children-learn-english-9-1024x576.png\"\n\t\t\t\t\t\talt=\"Teaching Young Learners &#8211; Foundations for Meaningful, Play-Based Learning (6 Sessions)\"\n\t\t\t\t\t\tclass=\"hta-workshop-card__image\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\/>\n\t\t\t\t\t\t\t<\/a>\n\n\t\t\t<!-- Status badge overlaying image -->\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__badge hta-workshop-card__badge--status\" data-status=\"passed\">\n\t\t\t\t\tPassed\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\t<!-- Desktop Card Body (old layout \u2014 \u2265769px only) -->\n\t<div class=\"hta-workshop-card__desktop-body\">\n\n\t\t<!-- Post Type Row with Favorite\/Share Buttons -->\n\t\t<div class=\"hta-workshop-card__post-type-row\">\n\t\t\t<div class=\"hta-workshop-card__post-type-wrapper\">\n\t\t\t\t<span class=\"hta-workshop-card__post-type\">\n\t\t\t\t\tLive Course\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__language-flags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-1-150x140.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"English\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"English\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-150x150.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"video-like-share\">\n\t\t\t\t<!-- Favorite Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"like-button \"\n\t\t\t\t\t\tdata-video-id=\"19367\"\n\t\t\t\t\t\tdata-status=\"not_favorite\"\n\t\t\t\t\t\taria-label=\"Add to playlist\"\n\t\t\t\t\t><\/button>\n\t\t\t\t\t<div class=\"hover-toast\">Add to playlist<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<!-- Share Button -->\n\t\t\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"share-button\"\n\t\t\t\t\t\tdata-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/teaching-young-learners-foundations-for-meaningful-play-based-learning\/\"\n\t\t\t\t\t\tstyle=\"background: none; border: none; cursor: pointer; font-size: 18px; transition: color 0.3s; display: flex; align-items: center; padding: 0;\"\n\t\t\t\t\t\taria-label=\"Share\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/08\/copy.png\"\n\t\t\t\t\t\t\talt=\"Share\"\n\t\t\t\t\t\t\tstyle=\"width: 24px; height: 24px; display: block; margin: auto;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<div class=\"hover-toast share-toast\">Copy link<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date\/Time Display (above title) -->\n\t\t\n\t\t<!-- Title -->\n\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/teaching-young-learners-foundations-for-meaningful-play-based-learning\/\">\n\t\t\t\tTeaching Young Learners &#8211; Foundations for Meaningful, Play-Based Learning (6 Sessions)\t\t\t<\/a>\n\t\t<\/h3>\n\n\t\t<!-- Statistics Row (below title) -->\n\t\t\n\t\t<!-- Review and Members Row (star rating) -->\n\t\t\n\t\t<!-- Price Section -->\n\t\t<div class=\"hta-workshop-card__pricing\">\n\t\t\t\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__desktop-body -->\n\n\t<!-- Mobile Card Body (current layout \u2014 \u2264768px only) -->\n\t<div class=\"hta-workshop-card__body\">\n\n\t\t<!-- Top row: type badge + title (left) | language flags + like\/share (right) -->\n\t\t<div class=\"hta-workshop-card__top-row\">\n\t\t\t<div class=\"hta-workshop-card__info\">\n\t\t\t\t<span class=\"hta-workshop-card__type-badge\">\n\t\t\t\t\tLive Course\t\t\t\t<\/span>\n\t\t\t\t<h3 class=\"hta-workshop-card__title\">\n\t\t\t\t\t<a href=\"https:\/\/happyteachersacademy.com\/community\/live-course\/teaching-young-learners-foundations-for-meaningful-play-based-learning\/\">\n\t\t\t\t\t\tTeaching Young Learners &#8211; Foundations for Meaningful, Play-Based Learning (6 Sessions)\t\t\t\t\t<\/a>\n\t\t\t\t<\/h3>\n\t\t\t<\/div>\n\t\t\t<div class=\"hta-workshop-card__card-actions\">\n\t\t\t\t\t\t\t\t\t<div class=\"hta-workshop-card__language-flags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-1-150x140.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"English\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"English\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/happyteachersacademy.com\/community\/wp-content\/uploads\/sites\/2\/2025\/11\/Image-150x150.jpg\"\n\t\t\t\t\t\t\t\t\talt=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\tclass=\"hta-workshop-card__language-flag\"\n\t\t\t\t\t\t\t\t\ttitle=\"Vietnamese\"\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"cvp-card-more-btn\"\n\t\t\t\t\tdata-video-id=\"19367\"\n\t\t\t\t\tdata-video-link=\"https:\/\/happyteachersacademy.com\/community\/live-course\/teaching-young-learners-foundations-for-meaningful-play-based-learning\/\"\n\t\t\t\t\tdata-video-title=\"Teaching Young Learners &#8211; Foundations for Meaningful, Play-Based Learning (6 Sessions)\"\n\t\t\t\t\tdata-fav-status=\"not_favorite\"\n\t\t\t\t\taria-label=\"More options\"\n\t\t\t\t>\n\t\t\t\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"19\" r=\"2\"\/><\/svg>\n\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Date row -->\n\t\t\n\t\t<!-- Footer: price (left) | CTA button (right) -->\n\t\t<div class=\"hta-workshop-card__footer\">\n\t\t\t<span class=\"hta-workshop-card__price-display\">\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<a\n\t\t\t\thref=\"https:\/\/happyteachersacademy.com\/community\/live-course\/teaching-young-learners-foundations-for-meaningful-play-based-learning\/\"\n\t\t\t\tclass=\"hta-workshop-card__cta-btn\"\n\t\t\t\tonclick=\"event.stopPropagation();\"\n\t\t\t>\n\t\t\t\tView Details\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div><!-- .hta-workshop-card__body -->\n<\/div>\n\n\n\t\t\t\t\t<\/div>\n\t\n\t\t<\/section>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-20507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/pages\/20507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/comments?post=20507"}],"version-history":[{"count":8,"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/pages\/20507\/revisions"}],"predecessor-version":[{"id":32437,"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/pages\/20507\/revisions\/32437"}],"wp:attachment":[{"href":"https:\/\/happyteachersacademy.com\/community\/wp-json\/wp\/v2\/media?parent=20507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}