/* Product orb contrast follows the existing brown hover surface. */
#root#root .ww-public .ww-home-product-item:is(:hover, :focus-visible) .ww-icon-orb,
#root#root .ww-public .ww-home-product-item:is(:hover, :focus-visible) .ww-icon-orb svg,
#root#root .ww-public .ww-home-product-item:is(:hover, :focus-visible) .ww-icon-orb svg * {
  color: #fff !important; stroke: #fff !important; -webkit-text-fill-color: #fff !important;
}
/* Square public content boxes and rectangular controls; retain circles and pills. */
#root#root .ww-public :is(.ww-card, .ww-public-card, .ww-event-faq-panel, .ww-image-frame, .ww-media-card, .ww-home-experience-media, .ww-products-menu, .ww-events-menu, .ww-products-menu-cta),
#root#root .ww-public [class*="rounded-"]:not([class*="rounded-full"]):not(.ww-icon-orb) { border-radius: 0 !important; }
#root#root .ww-public :is(.ww-image-frame, .ww-media-card) img { border-radius: 0 !important; }
/* Essential and Ultimate keep their current border widths. */
#root#root .ww-public #pricing [data-public-pricing-card-grid] > article:not(.border-2),
#root#root .ww-public #pricing > div > .grid > div:not(.border-2) { border-color: #412419 !important; }
/* The six event workflow titles can use the full content width. */
.ww-public main:has(#event-products) .ww-section-espresso .ww-title { max-width: none; font-size: clamp(14px, 3.6vw, 48px); line-height: 1.2; }
/* Public header dropdowns may render outside the page root. */
body:has(.ww-public) :is(.ww-products-menu, .ww-events-menu, .ww-selector-menu, .ww-selector-item, .ww-products-menu-link),
#root#root .ww-public .ww-event-faq-panel summary { border-radius: 0 !important; }