/* Pizza Hut ordering refinements */

/* Transparent back-to-top button with a complete brand-red ring. */
body .pbmit-progress-wrap,
body .pbmit-progress-wrap:hover {
	background: transparent !important;
	box-shadow: inset 0 0 0 2px #ed1c24 !important;
}
body .pbmit-progress-wrap::after,
body .pbmit-progress-wrap:hover::after {
	color: #ed1c24 !important;
	-webkit-text-fill-color: #ed1c24 !important;
	background: transparent !important;
	opacity: 1 !important;
}
body .pbmit-progress-wrap::before {
	display: none !important;
}
body .pbmit-progress-wrap svg path {
	fill: none !important;
	stroke: #ed1c24 !important;
}
#order-menu .phc-hut-picker,
.phc-site-header .phc-header-location {
	display: none !important;
}

#order-menu .phc-tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

#order-menu .phc-tabs button[aria-selected="true"],
#order-menu .phc-tabs button:hover,
#order-menu .phc-tabs button:focus-visible {
	background: #ed1c24 !important;
	border-color: #ed1c24 !important;
	color: #fff !important;
}

#order-menu .phc-tabs button[aria-selected="true"] svg,
#order-menu .phc-tabs button:hover svg,
#order-menu .phc-tabs button:focus-visible svg {
	color: #fff !important;
	stroke: currentColor !important;
	fill: currentColor !important;
}

#order-menu .phc-cart-link--tabs {
	margin-left: auto;
	flex: 0 0 auto;
}

/* Use the ordering plugin's actual transparent/scrolled header state. */
.phc-site-header .phc-header-count {
	background: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}
html:not(.phc-header-scrolled) body.home:not(.elementor-editor-active) .phc-site-header .phc-header-count {
	background: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
}

/* Restaurant cards in the cart, checkout and selection dialog. */
body .phc-menu button.phc-hut-choice:is([aria-pressed="true"], :hover, :active, :focus-visible) {
	background: #ed1c24 !important;
	border-color: #ed1c24 !important;
	color: #fff !important;
}
body .phc-menu button.phc-hut-choice:is([aria-pressed="true"], :hover, :active, :focus-visible) .phc-hut-copy,
body .phc-menu button.phc-hut-choice:is([aria-pressed="true"], :hover, :active, :focus-visible) .phc-hut-copy * {
	color: #fff !important;
}
body .phc-menu button.phc-hut-choice:is([aria-pressed="true"], :hover, :active, :focus-visible) .phc-hut-icon {
	background: transparent !important;
	color: #fff !important;
}
body .phc-menu button.phc-hut-choice:is([aria-pressed="true"], :hover, :active, :focus-visible) .phc-hut-check {
	background: transparent !important;
	border-color: #fff !important;
}
body .phc-menu button.phc-hut-choice[aria-pressed="true"] .phc-hut-check {
	color: #fff !important;
}
body .phc-menu button.phc-hut-choice:is([aria-pressed="true"], :hover, :active, :focus-visible) .phc-hut-icon svg,
body .phc-menu button.phc-hut-choice[aria-pressed="true"] .phc-hut-check svg {
	fill: none !important;
	stroke: currentColor !important;
}

@media (max-width: 767px) {
	#order-menu .phc-cart-link--tabs {
		margin-left: 0;
	}
}