/*
 * WebToffee cookie consent.
 *
 * Desktop follows the production banner pattern: copy on the left and a
 * vertical action stack on the right. The action column reserves room for the
 * fixed chat button, so the two widgets never compete for the same hit area.
 */

.wcc-notice-btn-wrapper .wcc-btn,
.wcc-prefrence-btn-wrapper .wcc-btn {
	box-sizing: border-box;
	border-width: 2px;
}

.wcc-notice-btn-wrapper .wcc-btn:hover,
.wcc-notice-btn-wrapper .wcc-btn:focus,
.wcc-prefrence-btn-wrapper .wcc-btn:hover,
.wcc-prefrence-btn-wrapper .wcc-btn:focus {
	border-width: 2px;
}

/* Keep chat behind the consent flow while the preferences modal is open. */
body.pz-cookie-modal-visible #pf-chat-widget {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (min-width: 1024px) {
	.wcc-consent-bar {
		padding: 24px !important;
	}

	.wcc-consent-bar .wcc-notice {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 360px;
		grid-template-areas:
			"title actions"
			"description actions";
		column-gap: 48px;
		row-gap: 10px;
		width: 100% !important;
		max-width: 1200px;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.wcc-consent-bar .wcc-title {
		grid-area: title;
		width: auto !important;
		margin: 0 !important;
	}

	.wcc-consent-bar .wcc-notice-group,
	.wcc-consent-bar .wcc-notice-content-row {
		display: contents !important;
	}

	.wcc-consent-bar .wcc-notice-des {
		grid-area: description;
		width: auto !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		overflow: visible !important;
	}

	.wcc-consent-bar .wcc-notice-btn-wrapper {
		grid-area: actions;
		align-self: start;
		justify-self: start;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px;
		width: 286px !important;
		margin: 0 !important;
	}

	.wcc-consent-bar .wcc-notice-btn-wrapper .wcc-btn {
		width: 100% !important;
		min-height: 56px;
		margin: 0 !important;
		padding: 12px 24px !important;
	}

	.wcc-consent-bar [data-tag="accept-button"] {
		order: 1;
	}

	.wcc-consent-bar [data-tag="settings-button"] {
		order: 2;
	}

	.wcc-consent-bar [data-tag="reject-button"] {
		order: 3;
	}
}

@media (max-width: 1023px) {
	/* Full-width mobile actions leave no safe horizontal slot for the chat. */
	body.pz-cookie-banner-visible #pf-chat-widget {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.wcc-consent-container {
		max-height: 100dvh;
		overflow-y: auto;
	}

	.wcc-consent-bar .wcc-notice-btn-wrapper {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px;
		width: 100% !important;
		margin: 0 !important;
	}

	.wcc-consent-bar .wcc-notice-btn-wrapper .wcc-btn {
		width: 100% !important;
		min-height: 48px;
		margin: 0 !important;
		padding: 10px 20px !important;
	}

	.wcc-consent-bar [data-tag="accept-button"] {
		order: 1;
	}

	.wcc-consent-bar [data-tag="settings-button"] {
		order: 2;
	}

	.wcc-consent-bar [data-tag="reject-button"] {
		order: 3;
	}
}