/**
 * Copyright since 2026 Grupo Iluminable
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0,
 * available at https://opensource.org/licenses/AFL-3.0
 *
 * @author    Grupo Iluminable
 * @copyright Since 2026 Grupo Iluminable
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */
/* The box on a product page that is a part of a configuration (0.18.0): under the cart button, never above it. */
.sc-hint { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 12px 0; padding: 12px 14px; border: 2px solid var(--sc-primary); border-radius: 14px; background: #fff; color: #222; }
.sc-hint__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; line-height: 1.4; }
.sc-hint__kicker { align-self: flex-start; padding: 2px 10px; border-radius: 11px; background: var(--sc-primary); color: #fff; font-size: 0.8em; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 6px; }
.sc-hint__question { font-size: 1.1em; font-weight: 700; line-height: 1.3; color: var(--sc-primary); }
.sc-hint__name { font-weight: 700; color: #333; }
.sc-hint__why { font-size: 0.9em; color: #555; }
/* Second to «Add to cart»: the shop's yellow with a border, not the dark of the cart button. */
/* Under the text, full width: the product column is narrow (local, 29/10/2026). */
.sc-hint__go { flex: 1 0 100%; margin-top: 8px; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 16px; border: 1px solid var(--sc-primary); border-radius: 22px; background: var(--sc-highlight); color: var(--sc-primary); font-weight: 700; text-decoration: none; text-align: center; }
.sc-hint__go:hover, .sc-hint__go:focus { color: var(--sc-primary); text-decoration: underline; }
.sc-hint__go:focus-visible { outline: 3px solid var(--sc-primary); outline-offset: 2px; }