/**
 * Brownstone catering – site updates (Thanksgiving 2026)
 * Loaded after the parent theme and split-delivery styles.
 */

/* 1. Hide the "ThanksGiving" heading on the Thanksgiving event page only.
 *    The parent split-delivery.css forces this header visible on event pages
 *    (body.wcl-spdl-events .wcl-spdl-main .page-header { display:block }),
 *    so the extra body class added in functions.php is needed to win. */
body.wcl-spdl-events.wcl-spdl-event-2 .wcl-spdl-main .page-header {
	display: none;
}

/* 2. Category banner title: two lines, smaller, clear of the turkey.
 *    The JS in brownstone-updates.js splits the title after "for" into
 *    two .banner__title-line spans. */
.wc-cat-banner.wc-cat-banner-full .banner__title .banner__title-line {
	display: block;
}
.wc-cat-banner.wc-cat-banner-full .banner__title {
	font-size: 22px;
	line-height: 1.2;
}

/* Phones/small tablets (< 768px): the square mobile image already has its own
 * text and the turkey, so show the whole image and put the title in a dark
 * strip underneath instead of on top of it. */
@media (max-width: 767px) {
	.wc-cat-banner.wc-cat-banner-full .banner__link {
		display: block;
		padding: 0;
	}
	.wc-cat-banner.wc-cat-banner-full .banner__img--mobile {
		position: static;
		height: auto;
	}
	.wc-cat-banner.wc-cat-banner-full .banner__content {
		padding: 14px 15px 16px;
	}
	.wc-cat-banner.wc-cat-banner-full .banner__title {
		text-align: center;
	}
}

@media (min-width: 768px) {
	.wc-cat-banner.wc-cat-banner-full .banner__title {
		font-size: 18px;
	}
}
@media (min-width: 992px) {
	.wc-cat-banner.wc-cat-banner-full .banner__title {
		font-size: 22px;
	}
}
@media (min-width: 1200px) {
	.wc-cat-banner.wc-cat-banner-full .banner__title {
		font-size: 28px;
	}
}

/* 3. Checkout: pickup only. Hide the Delivery choice in the "Delivery Method"
 *    step before the JS runs (the JS also unchecks it and selects Pickup).
 *    Only active while BROWNSTONE_PICKUP_ONLY is true (body class). */
body.brownstone-pickup-only .checkout-delivery-type .form-group:has(input[name="delivery_type"][value^="delivery"]),
body.brownstone-pickup-only .checkout-delivery-type hr {
	display: none !important;
}