/* FoC Volunteer Manager — minimal supplement to Tailwind CDN */

/* Loading overlay — toggled by JS; not expressible as a static Tailwind class */
.foc-volunteer-app.foc-loading {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 0.15s ease;
}

/* Slot checkbox card: highlight ring when the hidden checkbox inside is checked.
   Uses CSS :has() — supported in all modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+). */
.foc-slot-card:has(input:checked) {
	border-color: #6d1525;
	background-color: #f9f0f1;
}

/* Stall accordion — <details>/<summary> pattern */
.foc-accordion summary::-webkit-details-marker,
.foc-accordion summary::marker { display: none; }

.foc-accordion[open] .foc-accordion-chevron {
	transform: rotate(180deg);
}

/* Brand colour utilities — plain CSS fallback in case the Tailwind CDN config
   object fails to apply before the CDN script initialises. */
.bg-brand                    { background-color: #6d1525; }
.bg-brand-hover              { background-color: #4e0e1a; }
.bg-brand-tint               { background-color: #f9f0f1; }
.text-brand                  { color: #6d1525; }
.border-brand                { border-color: #6d1525; }
.hover\:bg-brand-hover:hover { background-color: #4e0e1a; }
.hover\:text-brand:hover     { color: #6d1525; }
.hover\:border-brand:hover   { border-color: #6d1525; }
.ring-brand                  { --tw-ring-color: #6d1525; }