/* Elementos da loja (produto, carrinho) e botão flutuante de WhatsApp. */

.cr-unidade { font-size: .75em; font-weight: 400; opacity: .75; }
.cr-sob-consulta { font-weight: 600; color: #e05600; }

.cr-botao-whatsapp {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin: .8rem 0 1.2rem;
	padding: .7rem 1.2rem;
	border-radius: 10px;
	border: 1.5px solid #1c7c3a;
	color: #1c7c3a !important;
	font-weight: 600;
	text-decoration: none !important;
}
.cr-botao-whatsapp:hover { background: #1c7c3a; color: #fff !important; }

.cr-aviso-local {
	padding: .7rem 1rem;
	border-left: 4px solid #ff6a00;
	background: #fff4ec;
	border-radius: 6px;
	font-size: .92rem;
}

.cr-whats-flutuante {
	position: fixed;
	right: 18px;
	bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	z-index: 9999;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #25d366;
	color: #fff !important;
	box-shadow: 0 10px 25px -8px rgba(0, 0, 0, .45);
	transition: transform .15s ease;
}
.cr-whats-flutuante:hover { transform: scale(1.06); }
.cr-whats-flutuante:focus-visible { outline: 3px solid #0e2236; outline-offset: 3px; }

/* Selo "Mais vendido" */
.cr-selo-produto {
	display: inline-block;
	background: #ff6a00;
	color: #fff;
	font: 700 .7rem/1 Inter, system-ui, sans-serif;
	letter-spacing: .04em;
	text-transform: uppercase;
	padding: .35rem .55rem;
	border-radius: 6px;
}
.cr-produto__foto { position: relative; }
.cr-produto__foto .cr-selo-produto { position: absolute; top: 8px; left: 8px; z-index: 1; }
.cr-selo-produto--pagina { margin-bottom: .6rem; }

/* Pix em destaque na página "Pedido recebido" */
.woocommerce-message.cr-pix-destaque {
	border: 2px solid #ff6a00 !important;
	border-radius: 14px;
	background: #fff8f2 !important;
	padding: 1.4rem !important;
	margin: 1rem 0 2rem !important;
	text-align: center;
}
.cr-pix-titulo { font: 800 1.35rem/1.2 Archivo, Inter, sans-serif; color: #0e2236; margin: 0 0 .8rem; }
.cr-pix-destaque .pagarme-qr-code-img { max-width: 240px; margin-inline: auto; display: block; }
.cr-pix-destaque .pagarme-payment-button { background: #ff6a00 !important; color: #fff !important; border: 0 !important; border-radius: 10px !important; padding: .8rem 1.4rem !important; font-weight: 600; cursor: pointer; }
.cr-pix-destaque .pagarme-qr-code-instruction { text-align: left; }

/* Aviso de nota fiscal (checkout e pedido recebido) */
.cr-aviso-nota {
	display: flex; align-items: center; gap: .6rem;
	max-width: var(--wp--style--global--wide-size, 1280px);
	margin: 0 auto 1.2rem !important;
	padding: .8rem 1rem;
	background: #eef6f0; color: #1c5c30;
	border: 1px solid #cfe6d6; border-radius: 10px;
	font-weight: 600; font-size: .95rem;
}
.cr-aviso-nota svg { flex: none; }