/*
 * Specificaties bundles 2026 — info badge + tooltip styles.
 *
 * Plug-and-play companion to the sublayout
 *   html/com_virtuemart/sublayouts/specificaties-bundles2026.php
 *
 * The card/grid/check styling itself is provided by productdetails-bundles.css
 * (always loaded on the bundles page). This file only adds the "!" info badge
 * and its hover/tap tooltip, plus the small label+badge layout tweak it needs.
 *//* Allow the badge to sit inline next to the label. */.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-list dt{display:inline-flex;align-items:center;gap:0.4rem;flex-wrap:wrap}.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-label{display:inline}/* Info badge — matches the cart-page "Opmerkingen" tooltip. */.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge{display:inline-flex;align-items:center;position:relative;flex:0 0 auto}/* The round "!" trigger (teal circle, bold white-stroked glyph). */.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge-trigger{width:24px;height:24px;border:0;border-radius:50%;background:#39bec6;color:var(--color11);cursor:help;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;line-height:1;padding:0;-webkit-text-stroke:1.5px;-webkit-text-stroke-color:#fff}.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge-trigger:focus-visible{outline:2px solid #17364a;outline-offset:4px}/* Tooltip bubble — matches the cart-page .msg style. */.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge-tip{position:absolute;left:50%;top:calc(100% + 0.7rem);z-index:9999999;width:min(20rem, 56vw);margin:0;padding:8px 8px;border-radius:16px;background:var(--color5);border:1px solid var(--color1);color:var(--color2);font-size:14px;font-weight:400;line-height:1.5;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-50%, -0.25rem, 0);transition:opacity 0.16s ease,transform 0.16s ease,visibility 0.16s ease}/* Little arrow above the bubble. */.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge-tip:before{content:"";position:absolute;left:50%;top:-0.45rem;width:0.8rem;height:0.8rem;background:inherit;border-left:inherit;border-top:inherit;transform:translateX(-50%) rotate(45deg)}/* Show on hover/focus (desktop) and on .is-open (tap, set via JS). */.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge:hover .solo-watch__spec-badge-tip,.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge:focus-within .solo-watch__spec-badge-tip,.productdetails-bundles .connect-you-specs-solo .solo-watch__spec-badge.is-open .solo-watch__spec-badge-tip{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%, 0, 0)}