/* CC Raffles — header nav CTA. Loaded site-wide (tiny). Styles the
   "Raffles" menu item (custom class ccr-nav-cta) as a gradient pill.
   JetMenu mega-menu markup nests the anchor (li > div > a), so target
   its link/label classes directly; generic li > a kept as fallback for
   other menu renderers (e.g. mobile menu). */
/* Checkout with a virtual-only cart (e.g. raffle tickets): WooCommerce
   renders no shipping fields, but the template's "Shipping Details"
   heading prints unconditionally — hide the empty section. */
body.ccr-virtual-checkout .woocommerce-shipping-fields {
	display: none !important;
}

/* Desktop horizontal row: JetMenu top-aligns all anchors, so the taller
   pill hangs low. Its height is 42px vs 24px text links — pull it up
   half the difference so the centers match. */
.jet-mega-menu--layout-horizontal li.ccr-nav-cta .jet-mega-menu-item__link {
	margin-top: -9px !important;
}
li.ccr-nav-cta > a,
nav li.ccr-nav-cta > a,
li.ccr-nav-cta .jet-mega-menu-item__link,
.jet-mega-menu li > a[href$="/raffles/"],
.jet-mobile-menu a[href$="/raffles/"],
.jet-menu a[href$="/raffles/"] {
	background: linear-gradient(135deg, #d24034, #ff7a45) !important;
	color: #fff !important;
	border-radius: 999px !important;
	padding: 0.45em 1.15em !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 0 14px rgba(210, 64, 52, 0.45);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
/* The theme/widget stack sets a hover color (#0177E3) from a stylesheet we
   can't out-cascade politely — the repeated-class selector out-specifies
   any widget-generated rule so the pill label stays white in every state. */
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta .jet-mega-menu-item__label,
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta .jet-mega-menu-item__title,
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta a,
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta:hover .jet-mega-menu-item__label,
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta:hover .jet-mega-menu-item__title,
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta:hover a,
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta a:hover,
li.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta.ccr-nav-cta a:hover .jet-mega-menu-item__label {
	color: #fff !important;
}
li.ccr-nav-cta > a:hover,
nav li.ccr-nav-cta > a:hover,
li.ccr-nav-cta .jet-mega-menu-item__link:hover {
	box-shadow: 0 0 24px rgba(210, 64, 52, 0.75);
	transform: translateY(-1px);
	color: #fff !important;
}

/* Mobile drawer (jet-mobile-menu widget): no separator lines around the
   Raffles CTA. A WPCode snippet draws item dividers and a header border
   with !important — these selectors carry higher specificity so they win
   regardless of load order. The header-line rule only applies while the
   raffle pill is the first item. */
.jet-mobile-menu__items .jet-mobile-menu__item:has(a[href$="/raffles/"]) {
	border-bottom: none !important;
	border-top: none !important;
}
.jet-mobile-menu__instance:has(.jet-mobile-menu__item:first-child a[href$="/raffles/"]) .jet-mobile-menu__controls {
	border-bottom: none !important;
}

/* Vertical/dropdown renders (mobile drawer, collapsed menus): full-width
   centered pill instead of an inline blob. Covers JetMenu's dropdown
   layout and any small-screen renderer via the media query. */
.jet-mega-menu:not(.jet-mega-menu--layout-horizontal) li.ccr-nav-cta {
	padding: 0.4em 1em;
}
.jet-mega-menu:not(.jet-mega-menu--layout-horizontal) li.ccr-nav-cta .jet-mega-menu-item__link {
	width: 100%;
	justify-content: center !important;
}
@media (max-width: 768px) {
	li.ccr-nav-cta {
		width: 100%;
		box-sizing: border-box;
		padding: 0.7em 1em 0.8em;
	}
	/* No separator lines around the CTA row: erase borders/shadows on the
	   item, its inner wrappers, and the element directly above it —
	   whatever markup the mobile drawer renderer produces. */
	.ccr-nav-cta,
	.ccr-nav-cta > * {
		border: 0 !important;
		box-shadow: none !important;
	}
	.ccr-nav-cta::before,
	.ccr-nav-cta::after {
		content: none !important;
		display: none !important;
	}
	*:has(+ .ccr-nav-cta) {
		border-bottom: 0 !important;
	}
	*:has(+ .ccr-nav-cta)::after {
		content: none !important;
		display: none !important;
	}
	*:has(> .ccr-nav-cta:first-child) {
		border-top: 0 !important;
	}
	li.ccr-nav-cta > a,
	li.ccr-nav-cta .jet-mega-menu-item__link,
	.jet-mega-menu li > a[href$="/raffles/"],
	.jet-mobile-menu a[href$="/raffles/"],
	.jet-menu a[href$="/raffles/"] {
		width: 100%;
		box-sizing: border-box;
		justify-content: center !important;
		text-align: center;
		display: inline-flex !important;
		align-items: center !important;
	}
}