<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1376/blsh13766473.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="All,Night,Study" />
<meta name="title" content="All Night Study - Bais Chabad Torah Center" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="57498-57502-1196026-5123586-5131614" />
<meta name="article-keywords" content="23215-16403-8495-2170-2898-20962" />
<meta name="scope-aid" content="57498" />
<meta name="scope-aid" content="57502" />
<meta name="scope-aid" content="1196026" />
<meta name="scope-aid" content="5123586" />
<meta name="scope-aid" content="5131614" />
<meta name="article-keyword" content="23215" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.baischabad.com/templates/articlecco_cdo/aid/5131614/jewish/All-Night-Study.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="All Night Study - Bais Chabad Torah Center" /><link rel="canonical" href="https://www.baischabad.com/templates/articlecco_cdo/aid/5131614/jewish/All-Night-Study.htm" />
<link rel="icon" type="image/png" href="https://www.baischabad.com/media/images/1376/blsh13766473.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/shavous/shavuos-minisite.css?v=7/2/2026" id="k23215" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2021-05-12","primaryArticleId":5131614,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Holiday Celebrations","contentLevel3":"Shavuot ","contentLevel4":"All Night Study","siteName":"Bais Chabad Torah Center"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":-1,"hebrewDate":"5786-04-18"}});
		dataLayer.push({ 'articleHierarchy': '-57498-57502-1196026-5123586-5131614-', 'keywords': '-k20962-k2898-k2170-k8495-k16403-k23215-', 'k': '-57498-57502-1196026-5123586-5131614--k20962-k2898-k2170-k8495-k16403-k23215-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 1075953;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "77e233f3";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1075953&amp;java=0&amp;security=77e233f3&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<title>
	All Night Study - Bais Chabad Torah Center
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.BaisChabad.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Bais Chabad Torah Center</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/5123586" style="text-decoration:none">
 SHAVUOT
</a>
</div>
<div class="centerName">

At
Chabad Torah Center of West Bloomfield

</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
June 10 - 12, 2027</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=5123586" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5123587" class="parent">Services Schedule</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5123760" class="parent">Ice Cream Party</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=5131614" class="parent selected">All Night Study</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">
<div class="chabad_left_column">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">All Night Study</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2021-05-12T12:52:32" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Bais Chabad Torah Center" />
	<meta itemprop="brand" content="Bais Chabad Torah Center" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1376/blsh13766473.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2021-05-12T12:52:32" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf"><section>
<p>
<img alt="" height="636" src="https://w2.chabad.org/media/images/1371/txyj13711194.png" width="636"></p>

</section><section><h2>All-Night Torah Learning</h2>

<p>Experience the special Shavuot tradition of late-night Torah study! Beginning Friday at 12:30 am and continuing through 4:30 am, everyone is welcome to join us for an uplifting night of learning and inspiration.</p>

<p>Attend a lecture, study with a Torah partner, or learn independently in a warm and welcoming atmosphere. Refreshments will be served throughout the night.</p>

<p>This year’s program will feature teen presenters, community speakers, and visiting rabbinical scholars from New York.</p>

</section></div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->
</div>
<div id="border_bottom"> </div>
</div>
</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=1"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.baischabad.com%2ftemplates%2farticlecco_cdo%2faid%2f5131614%2fjewish%2fAll-Night-Study.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=All+Night+Study+-+Bais+Chabad+Torah+Center&amp;url=https%3a%2f%2fwww.baischabad.com%2ftemplates%2farticlecco_cdo%2faid%2f5131614%2fjewish%2fAll-Night-Study.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=All+Night+Study+-+Bais+Chabad+Torah+Center https%3a%2f%2fwww.baischabad.com%2ftemplates%2farticlecco_cdo%2faid%2f5131614%2fjewish%2fAll-Night-Study.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.baischabad.com%2ftemplates%2farticlecco_cdo%2faid%2f5131614%2fjewish%2fAll-Night-Study.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=All+Night+Study+-+Bais+Chabad+Torah+Center">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 5123586);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Bais Chabad Torah Center</span>
		<div class="footer-address">
			<span class="footer-street">5595 West Maple Road </span>
			<span class="footer-city-state">West Bloomfield, MI 48322</span>
		</div>
			<span>248-855-6170</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Bais Chabad Torah Center'}; Co.ArticleId     = '5131614';Co.SectionId     = 1196026;Co.PartnerSiteId = 0;Co.SiteId        = 120;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'BaisChabad.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	



<script>
if (typeof window.Co === 'undefined') {
    window.Co = { Show: () => true, Hide: () => true };
}
</script><script>
(() => {
    // ── GUARD: updated to new form ID ───────────────────────────────────────
    if (!window.location.href.includes('6308733')) return;

    const CSS = `
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap');

        /* ── Page background ── */
        body, html, .supernova { background-color: #FAF3E0 !important; }

        /* ── Form container ── */
        .form-all {
            background: #FDFAF3 !important;
            border-radius: 18px !important;
            box-shadow: 0 24px 64px rgba(11,46,89,0.13), 0 4px 16px rgba(193,154,52,0.10) !important;
            border: none !important;
            border-top: 7px solid #0B2E59 !important;
            border-bottom: 5px solid #C19A34 !important;
            overflow: hidden !important;
            font-family: 'Outfit', sans-serif !important;
        }

        /* ── Header ── */
        .form-header-group {
            background: linear-gradient(135deg, #061830 0%, #0B2E59 60%, #0F3566 100%) !important;
            padding: 32px 40px !important;
            text-align: center !important;
            border-bottom: 3px solid #C19A34 !important;
            margin: 0 !important;
        }
        .form-header-group h2.form-header {
            color: #D4AF5A !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 24px !important;
            font-weight: 800 !important;
            letter-spacing: 4px !important;
            text-transform: uppercase !important;
            margin: 0 !important;
            text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
        }

        /* ── Widows image section — warm beige fill, no white border ── */
        #id_4 {
            background: #F2E6C8 !important;
            padding: 0 !important;
            text-align: center !important;
            border-bottom: 3px solid rgba(193,154,52,0.25) !important;
        }
        /* Remove padding from inner wrappers so image reaches edge */
        #cid_4, #text_4 {
            padding: 0 !important;
            margin: 0 !important;
            line-height: 0 !important;
        }
        #id_4 img {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            margin: 0 auto !important;
        }

        /* ── Form rows ── */
        li.form-line {
            padding: 16px 32px !important;
            border-bottom: 1px solid rgba(193,154,52,0.13) !important;
            transition: background 0.2s ease !important;
            list-style: none !important;
        }
        li.form-line:last-child { border-bottom: none !important; }
        li.form-line:not(#id_4):not(#id_19):hover { background: rgba(193,154,52,0.04) !important; }

        /* ── Hide empty mystery field ── */
        #id_22 { display: none !important; }

        /* ── Labels ── */
        .form-label-left, .form-label { width: 170px !important; }
        .form-label-left label,
        .form-label label,
        label.form-label {
            color: #0B2E59 !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 20px !important;
            font-weight: 700 !important;
            letter-spacing: 0.3px !important;
            line-height: 1.4 !important;
        }
        .form-required { color: #C19A34 !important; font-weight: bold !important; }
        .form-sub-label {
            color: #7A6A4A !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 11px !important;
            letter-spacing: 0.3px !important;
            margin-top: 4px !important;
        }

        /* ── Inputs ── */
        .form-textbox,
        .form-textarea,
        .form-dropdown,
        .form-address-line,
        .form-address-city,
        .form-address-state,
        .form-address-postal,
        .form-address-country {
            border: 2px solid rgba(11,46,89,0.18) !important;
            border-radius: 9px !important;
            background: #FFFFFF !important;
            color: #1A1A2E !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 15px !important;
            padding: 10px 14px !important;
            transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
            box-shadow: 0 2px 5px rgba(0,0,0,0.04) !important;
        }
        /* Number input override (has inline width:60px) */
        input[type="number"].form-textbox {
            width: 100px !important;
            max-width: 100px !important;
        }
        .form-textbox:focus,
        .form-textarea:focus,
        .form-dropdown:focus {
            border-color: #C19A34 !important;
            box-shadow: 0 0 0 3px rgba(193,154,52,0.18) !important;
            outline: none !important;
            background: #FFFEF8 !important;
        }
        .form-textbox::placeholder,
        .form-textarea::placeholder { color: #B0A080 !important; }
        .form-textbox.form-validation-error,
        .form-textarea.form-validation-error {
            border-color: #C0392B !important;
            box-shadow: 0 0 0 3px rgba(192,57,43,0.15) !important;
        }

        /* ── "Click here" link → sliding button ── */
        .form-html div[style*="background"] {
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
        }
        /* Kill the <u> tag underline that the CMS injects */
        .form-html div[style*="background"] u {
            text-decoration: none !important;
        }
        .form-html div[style*="background"] a {
            display: block !important;
            background: linear-gradient(135deg, #C19A34 0%, #D4AF5A 100%) !important;
            color: #fbfbfb !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 18px !important;
            font-weight: 800 !important;
            letter-spacing: 2px !important;
            text-decoration: none !important;
            text-align: center !important;
            padding: 18px 24px !important;
            border-radius: 10px !important;
            position: relative !important;
            overflow: hidden !important;
            z-index: 1 !important;
            transition: color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease !important;
            box-shadow: 0 6px 20px rgba(193,154,52,0.3) !important;
        }
        .form-html div[style*="background"] a::before {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            left: -100% !important;
            background: linear-gradient(135deg, #0B2E59, #061830) !important;
            z-index: -1 !important;
            transition: left 0.4s cubic-bezier(0.25,1,0.5,1) !important;
        }
        .form-html div[style*="background"] a:hover {
            color: #D4AF5A !important;
            box-shadow: 0 10px 28px rgba(11,46,89,0.3) !important;
        }
        .form-html div[style*="background"] a:hover::before { left: 0 !important; }

        /* ── Body text ── */
        .form-html p {
            color: #2A1F0E !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 20px !important;
            line-height: 1.8 !important;
        }

        /* ── Standard checkboxes/radios (non-sponsor) ── */
        .form-checkbox-item,
        .form-radio-item {
            padding: 7px 10px !important;
            border-radius: 8px !important;
            transition: background 0.2s ease !important;
            margin-bottom: 3px !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
        }
        .form-checkbox-item:hover,
        .form-radio-item:hover { background: rgba(193,154,52,0.10) !important; }
        .form-checkbox-item label,
        .form-radio-item label {
            color: #0B2E59 !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 15px !important;
            cursor: pointer !important;
        }
        input[type="checkbox"].form-checkbox,
        input[type="radio"].form-radio {
            accent-color: #C19A34 !important;
            width: 17px !important;
            height: 17px !important;
            cursor: pointer !important;
            flex-shrink: 0 !important;
        }

        /* ══ SPONSORSHIP CARDS ═════════════════════════════════════════════ */
        #id_20 { padding-top: 8px !important; padding-bottom: 24px !important; }
        #id_20 > .form-label-left { padding-top: 8px !important; }
        #id_20 > .form-label-left label {
            font-size: 15px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 1.5px !important;
            color: #0B2E59 !important;
        }

        /* Make the checkbox list a nice card grid */
        #cid_20 .form-single-column {
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            padding: 0 !important;
        }
        #cid_20 .clearfix { display: none !important; }

        /* Each sponsor card */
        #cid_20 .form-checkbox-item {
            border: 2px solid rgba(193,154,52,0.3) !important;
            border-radius: 12px !important;
            padding: 16px 20px !important;
            background: #FFFFFF !important;
            cursor: pointer !important;
            margin: 0 !important;
            gap: 16px !important;
            box-shadow: 0 2px 10px rgba(11,46,89,0.06) !important;
            transition: all 0.25s cubic-bezier(0.16,1,0.3,1) !important;
            align-items: center !important;
        }
        #cid_20 .form-checkbox-item:hover {
            border-color: #C19A34 !important;
            background: rgba(193,154,52,0.05) !important;
            box-shadow: 0 6px 20px rgba(193,154,52,0.18) !important;
            transform: translateY(-1px) !important;
        }
        /* Checked state using :has() */
        #cid_20 .form-checkbox-item:has(input:checked) {
            background: linear-gradient(135deg, #061830 0%, #0B2E59 100%) !important;
            border-color: #C19A34 !important;
            box-shadow: 0 8px 24px rgba(11,46,89,0.28) !important;
            transform: translateY(-1px) !important;
        }
        #cid_20 .form-checkbox-item:has(input:checked) label,
        #cid_20 .form-checkbox-item:has(input:checked) label span {
            color: #D4AF5A !important;
            font-weight: 700 !important;
        }
        #cid_20 .form-checkbox-item label {
            color: #0B2E59 !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            width: 100% !important;
            line-height: 1.3 !important;
        }
        /* Dollar amounts bold */
        #cid_20 .form-checkbox-item label span {
            display: block !important;
        }
        /* "Other" row styling */
        #cid_20 .form-checkbox-item:last-child {
            border-style: dashed !important;
        }
        .form-checkbox-other-input {
            border: 2px solid rgba(193,154,52,0.5) !important;
            border-radius: 7px !important;
            padding: 8px 12px !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 15px !important;
            color: #0B2E59 !important;
            background: #FFFFFF !important;
            width: 120px !important;
        }
        .form-checkbox-other-input:focus {
            border-color: #C19A34 !important;
            box-shadow: 0 0 0 3px rgba(193,154,52,0.18) !important;
            outline: none !important;
        }

        /* ── Payment ── */
        .form-payment-methods { padding: 10px 0 !important; }
        .form-payment-methods .form-radio-item {
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
        }
        table.form-address-table th {
            color: #0B2E59 !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            letter-spacing: 1px !important;
            padding: 12px 0 8px !important;
            border-bottom: 2px solid rgba(193,154,52,0.3) !important;
        }
        .cc-icons { margin: 8px 0 !important; }

        /* ── Total ── */
        #total_amount {
            color: #C19A34 !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 34px !important;
            font-weight: 800 !important;
            letter-spacing: 1px !important;
        }

        /* ══ SUBMIT BUTTON ══════════════════════════════════════════════════ */
        .form-buttons-wrapper {
            text-indent: 0 !important;
            padding: 32px 20px 40px !important;
            text-align: center !important;
            background: linear-gradient(180deg, transparent 0%, rgba(193,154,52,0.06) 100%) !important;
        }
        .form-submit-button {
            display: inline-block !important;
            background: linear-gradient(90deg, #C19A34 0%, #D4AF5A 40%, #E8C96A 60%, #C19A34 100%) !important;
            background-size: 250% auto !important;
            color: #0B2E59 !important;
            border: none !important;
            border-radius: 20px !important;
            font-family: 'Outfit', sans-serif !important;
            font-size: 17px !important;
            font-weight: 800 !important;
            letter-spacing: 4px !important;
            text-transform: uppercase !important;
            padding: 20px 64px !important;
            cursor: pointer !important;
            min-width: 300px !important;
            transition: all 0.4s ease !important;
            box-shadow: 0 6px 20px rgba(193,154,52,0.38), 0 2px 6px rgba(11,46,89,0.15) !important;
            animation: goldShimmer 3s linear infinite !important;
        }
        @keyframes goldShimmer {
            0%   { background-position: 0% center; }
            100% { background-position: 250% center; }
        }
        .form-submit-button:hover {
            background: linear-gradient(135deg, #0B2E59 0%, #061830 100%) !important;
            background-size: 100% auto !important;
            color: #D4AF5A !important;
            transform: translateY(-3px) scale(1.02) !important;
            box-shadow: 0 14px 36px rgba(11,46,89,0.3), inset 0 0 0 2px #C19A34 !important;
            letter-spacing: 5px !important;
            animation: none !important;
        }

        /* ── Responsive ── */
        @media (max-width: 600px) {
            li.form-line { padding: 12px 16px !important; }
            .form-label-left { float: none !important; display: block !important; width: 100% !important; margin-bottom: 6px !important; }
            .form-submit-button { width: 100% !important; min-width: unset !important; padding: 18px 20px !important; }
            .form-header-group { padding: 22px 20px !important; }
            .form-html div[style*="background"] a { font-size: 15px !important; padding: 15px 16px !important; }
            #cid_20 .form-checkbox-item { padding: 12px 14px !important; }
        }
    `;

    // ── INJECT ───────────────────────────────────────────────────────────────
    const inject = () => {
        document.getElementById('widowsOfWarriorsTheme')?.remove();
        const tag = Object.assign(document.createElement('style'), {
            id: 'widowsOfWarriorsTheme',
            textContent: CSS
        });
        (document.head ?? document.body ?? document.documentElement).appendChild(tag);
    };

    // ── 3-LAYER RETRY (beats JotForm's async style injection) ────────────────
    inject();

    let attempts = 0;
    const interval = setInterval(() => {
        inject();
        if (++attempts >= 20) clearInterval(interval);
    }, 500);

    let debounce;
    const observer = new MutationObserver(() => {
        clearTimeout(debounce);
        debounce = setTimeout(inject, 60);
    });
    observer.observe(document.documentElement, { childList: true, subtree: true });

    const readyCheck = setInterval(() => {
        if (document.querySelector('.form-submit-button, .form-all')) {
            inject();
            observer.disconnect();
            clearInterval(interval);
            clearInterval(readyCheck);
        }
    }, 300);

    setTimeout(() => {
        clearInterval(interval);
        clearInterval(readyCheck);
        observer.disconnect();
    }, 15000);

    // ── FIX OTHER FIELD ──────────────────────────────────────────────────────
    const fixOtherField = () => {
        const el = document.getElementById('input_20')
                ?? document.querySelector('input[name="q20_input20[other][text]"]');
        if (!el) return;

        const enable = t => { t.removeAttribute('disabled'); t.disabled = false; };
        enable(el);

        new MutationObserver(mutations => {
            for (const m of mutations) {
                if (m.attributeName === 'disabled') enable(el);
            }
        }).observe(el, { attributes: true });
    };

    document.readyState === 'loading'
        ? document.addEventListener('DOMContentLoaded', fixOtherField)
        : fixOtherField();
})();
</script>
</body>
</html>