/* Bix Events Co. design system v1 (Oct 8 night)
   One button system + one card-corner family, site-wide.
   Buttons: radius = 20% of height. L 56/11px, M 48/10px, S 40/8px (44 on phones).
   Cards: --r-md 10px (cards, media tiles), --r-sm 8px (thumbs, chips), --r-lg 11px (large feature media).
   Full-bleed heroes and edge-to-edge backgrounds stay square. */
:root{--r-sm:8px;--r-md:10px;--r-lg:11px;--btn-l:56px;--btn-m:48px;--btn-s:40px;--btn-ease:cubic-bezier(.22,1,.36,1)}

/* ---------- Buttons: shared geometry (colours stay with each button) ---------- */
html:root body :is(.bx-btn,.bx-btn-ghost,.bx-btn-1,.bxc-btn,.bxc-btn-ghost,.cs-btn,.ent-cta-btn,.mx-btn,.bxe-btn,.bxe-btn-ghost,.bxt-btn,.bxt-btn-ghost,.bxq-btn,.bxf-btn-ghost,.ye-btn,.ye-btn-ghost,.hb-btn,.hb-btn-ghost,.hx-btn-dark,.hx-btn-line,.primary-white-btn,.wop-btn,.bop-btn,.sop-btn,.bsp-btn,.bxd-btn,.bxh-btn,.bxr-btn,.wcs-btn,.cx-btn,.bxap-btn,.bix-hero-cta,.bxs-btn,.bxb-btn,.bxa-btn,.bxcs-btn,.wop-btn,.wd-pill,.wcs-pill,.bxr-add,.bxd-a1,.bxd-a2,.bxs-btn,.fxs-btn,.p-b,.bxd-submit,.bxf-submit,.bxr-submit,.bn-submit,input.w-button,.w-form .w-button){
  min-height:var(--btn-m);height:auto;padding:0 24px;border-radius:10px!important;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:15px;font-weight:500;line-height:1.1;letter-spacing:0;text-transform:none!important;
  text-decoration:none;white-space:nowrap;box-sizing:border-box;
  transition:background-color .35s var(--btn-ease),color .35s var(--btn-ease),border-color .35s var(--btn-ease),transform .35s var(--btn-ease),opacity .35s}
html:root body :is(.bx-btn,.bxc-btn,.primary-white-btn,.wop-btn,.bop-btn,.sop-btn,.bsp-btn,.bxd-btn,.bxh-btn,.bxr-btn,.wcs-btn,.cx-btn,.hx-btn-dark,.bix-hero-cta):hover{transform:translateY(-1px)}
html:root body :is(.bx-btn,.bx-btn-ghost,.bxc-btn,.primary-white-btn,.bxd-btn,.bxh-btn,.wcs-btn,.hx-btn-dark,.hx-btn-line,.bxf-btn-ghost,.bxc-btn-ghost):focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Large (56px, radius 11px): hero actions and form submits */
html:root body :is(.hx-btn-dark,.hx-btn-line,.bxh-btn,.bix-hero-cta,.cx-btn,.bxd-submit,.bxf-submit,.bxr-submit,.bn-submit,input.w-button,.w-form .w-button){min-height:var(--btn-l);padding:0 28px;border-radius:11px!important;font-size:16px}
/* Small (40px, radius 8px): nav and compact rows */
html:root body :is(.lets-talk-btn,.pl-btn,.rb-cta,.bxap-btn.s,.bxc-chip-btn){min-height:var(--btn-s);height:auto;padding:0 16px;border-radius:8px!important;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:none!important}
@media (max-width:767px){
  html:root body :is(.lets-talk-btn,.pl-btn,.rb-cta){min-height:44px}
  html:root body :is(.bx-btn,.bxc-btn,.primary-white-btn,.wop-btn,.bop-btn,.sop-btn,.bsp-btn,.bxd-btn,.bxh-btn,.wcs-btn,.hx-btn-dark,.hx-btn-line,.bxf-btn-ghost,.bxc-btn-ghost,.bx-btn-ghost){white-space:normal;text-align:center}
}
/* Frosted glass: second action over photos and video */
html:root body :is(.hx-btn-line,.bxh-btn-g,.bxf-btn-ghost,.bx-glass){background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html:root body :is(.hx-btn-line,.bxh-btn-g,.bxf-btn-ghost,.bx-glass):hover{background:rgba(255,255,255,.22)!important;border-color:#fff!important}
/* Text-link variant keeps no box */
html:root body :is(.bx-cta-1,.view-all-btn,.bx-link-arrow){min-height:0;padding:0;border-radius:0;background:none;text-transform:none!important}
/* Footer form submit + footer CTA buttons */
html:root body .bxf-btns :is(a,.primary-white-btn,.bxf-btn-ghost){min-height:var(--btn-m)}

/* ---------- Card corners ---------- */
/* Cards and media tiles: 10px */
html:root body :is(.ent-card-media,.rb-photo,.wcs-card,.bxc-prod-img,.bxf-card,.bxc-tile,.signature-video-wrapper,.signature-scroll-gallery-rail,.bxc-media,.bxap-stage,.bx-ph,.bxn-ph,.bxd-c,.bsp-media,.bsp-tile,.bxr-sk,.bxr-glow,.bxr-media,.b-md,.bxc-mini-c,.bxc-gb2-media,.booths-images,.booth-clickable-wrapper,.signature-image,.collection-image,.en-gallery-image,.bxcs-card,.bxcs-media,.bxa6-tile,.bxa6-card,.bxdn-card,.bxab-card,.wcs-p-media){border-radius:var(--r-md)!important}
html:root body :is(.ent-card-media,.rb-photo,.wcs-card,.bxc-prod-img,.bxf-card,.signature-video-wrapper,.bxc-media,.bx-ph,.bxn-ph,.bxd-c,.bsp-media,.bsp-tile,.bxr-sk,.bxr-media,.b-md,.bxc-gb2-media){overflow:hidden}
/* Small thumbnails, chips, pills inside cards: 8px */
html:root body :is(.signature-scroll-gallery-thumb,.hx-yt-thumb,.signature-show-image,.bx-thumb,.bxc-mini-c img,.vc,.bxap-th,.bxcs-th,.bxa6-th,.bxc-case-tag){border-radius:var(--r-sm)!important}
/* Large feature media: 11px */
html:root body :is(.hx-yt-frame,.hx-t-video,.bxc-case-img,.bxr-panel,.t-vw,.bxcs-hero-media,.bxa6-film,.main-footer-wrapper){border-radius:var(--r-lg)!important}
html:root body :is(.bxc-case-img,.hx-yt-frame,.hx-t-video,.t-vw){overflow:hidden}
/* Videos and images placed straight into page containers (not full-bleed) */
html:root body .container-large video:not(.w-background-video video){border-radius:var(--r-lg)}
/* Media inside a rounded card follows the card */
html:root body :is(.wcs-card,.bxf-card,.bxc-tile,.bxd-c,.bsp-tile) :is(img,video){border-radius:0}
/* Homepage "What are you planning" deck (joined corners animate in, then 10px) */
.pl-c1{border-radius:10px 0 0 10px}.pl-c4{border-radius:0 10px 10px 0}
@media (max-width:911px){.pl-card{border-radius:10px!important}}
/* Mobile menu buttons: corners only */
html:root body :is(.mx-mb,.mx-mb2){border-radius:10px!important;text-transform:none!important}
/* Small controls over video (sound, watch film, now showing): S size, 8px */
html:root body :is(.wop-film,.wop-snd,.sop-pill,.bop-snd,.bop-film,.bxv-btn){border-radius:8px!important;text-transform:none!important}
html:root body :is(.wop-film,.wop-snd,.sop-pill,.bop-snd,.bop-film){min-height:var(--btn-s)}
/* Chips and filter pills: 8px */
html:root body :is(.ent-pill,.bxf-chip,.bsp-chip,.bxr-chip,.cx-chip,.qp-chip,.bx-chip,.bxc-chip,.bxd-chips button,.bxb-chips>*,.bxd-f button,.bxd-filters button){border-radius:8px!important}
html:root body .wcs-pill,html:root body .wd-pill{white-space:nowrap}
