/* Farmacenter UI — componentes de conversión. Tokens compartidos con fcui-design.css */
:root {
	--fc-primary: #ff7603;
	--fc-primary-700: #cc5402;
	--fc-primary-100: #fff3e6;
	--fc-accent: #0ba0d8;
	--fc-ink: #1f2937;
	--fc-muted: #6b7280;
	--fc-line: #e5e7eb;
	--fc-success: #16a34a;
	--fc-sale: #e11d48;
	--fc-rx: #b91c1c;
	--fc-rx-bg: #fee2e2;
	--fc-radius: 12px;
}

/* Valoraciones vacías (ShopEngine/Elementor pintan sus propias estrellas) */
.fcui-hide-empty-ratings .star-rating[aria-label*=" 0 "],
.fcui-hide-empty-ratings .star-rating[title*=" 0 "],
.fcui-hide-empty-ratings .shopengine-product-rating:has(.star-rating > span[style*="width:0"]),
.fcui-hide-empty-ratings .shopengine-product-rating:has(.star-rating > span[style*="width: 0"]),
.fcui-hide-empty-ratings .star-rating:has(> span[style*="width:0%"]),
.fcui-hide-empty-ratings .star-rating:has(> span[style*="width: 0%"]) {
	display: none !important;
}

/* Accesibilidad */
.fcui-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.fcui-hide-empty-ratings .eael-star-rating:has(.star-rating > span[style*="width:0%"]) { display: none !important; }

/* Caja de envío */
.fcui-ship {
	border: 1px solid var(--fc-line);
	border-radius: var(--fc-radius);
	padding: 14px 16px;
	margin: 16px 0;
	background: #fff;
	color: var(--fc-ink);
	font-size: 14px;
	line-height: 1.45;
}
.fcui-ship__head { display: flex; align-items: center; gap: 8px; color: var(--fc-ink); }
.fcui-ship__head svg { color: var(--fc-primary); flex: none; }
.fcui-ship__change { margin-left: auto; background: none; border: 0; padding: 0; color: var(--fc-primary-700); font-weight: 600; cursor: pointer; text-decoration: underline; }
.fcui-ship__form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.fcui-ship__form[hidden] { display: none; }
.fcui-ship__form select { width: 100%; min-height: 40px; border: 1px solid var(--fc-line); border-radius: 8px; padding: 6px 8px; background: #fff; font-size: 14px; color: var(--fc-ink); }
.fcui-ship__result { margin-top: 10px; }
.fcui-ship__result:empty { display: none; }
.fcui-ship__price { font-weight: 700; color: var(--fc-ink); }
.fcui-ship__price--free { color: var(--fc-success); }
.fcui-ship__note { margin: 8px 0 0; color: var(--fc-muted); font-size: 12.5px; }
.fcui-muted { color: var(--fc-muted); }
@media (max-width: 560px) { .fcui-ship__form { grid-template-columns: 1fr; } }

/* Barra de envío gratis */
.fcui-freebar { background: var(--fc-primary-100); color: var(--fc-ink); border-radius: var(--fc-radius); padding: 10px 14px; margin: 0 0 14px; font-size: 14px; }
.fcui-freebar strong { color: var(--fc-primary-700); }
.fcui-freebar__track { display: block; height: 6px; background: #fde0c2; border-radius: 99px; margin-top: 8px; overflow: hidden; }
.fcui-freebar__fill { display: block; height: 100%; width: var(--fcui-pct, 0%); background: var(--fc-primary); border-radius: 99px; transition: width .4s ease; }
.fcui-freebar--ask, .fcui-freebar--na { background: #f3f4f6; }
.fcui-freebar--na:empty { display: none; }
.xoo-wsc-body .fcui-freebar { margin: 10px 12px; }

/* Receta */
.fcui-rx-badge { background: var(--fc-rx-bg); color: var(--fc-rx); border-radius: 8px; padding: 10px 12px; margin: 12px 0; font-size: 14px; }
.fcui-rx-upload { border: 1.5px dashed var(--fc-rx); border-radius: var(--fc-radius); padding: 14px 16px; margin: 0 0 16px; background: #fff; }
.fcui-rx-upload p { margin: 4px 0 10px; color: var(--fc-muted); font-size: 13px; }
.fcui-rx-upload input[type=file] { width: 100%; }
.fcui-rx-upload__status { display: block; margin-top: 8px; font-size: 13px; }
.fcui-rx-upload__status.is-ok { color: var(--fc-success); font-weight: 600; }
.fcui-rx-upload__status.is-err { color: var(--fc-rx); }

/* Checkout en celular */
@media (max-width: 768px) {
	.fcui-checkout .woocommerce form .form-row input.input-text,
	.fcui-checkout .woocommerce form .form-row select,
	.fcui-checkout .woocommerce form .form-row textarea { font-size: 16px; min-height: 46px; } /* evita zoom en iOS */
	.fcui-checkout #place_order { width: 100%; min-height: 52px; font-size: 17px; }
	.fcui-checkout .woocommerce form .form-row-first,
	.fcui-checkout .woocommerce form .form-row-last { width: 100%; float: none; }
}