/* ------------------------------------------------------------


   WO108A — Universal non-home hero eyebrow width and border controls


   Front Page eyebrow controls remain owned by the Front Page Customizer.


------------------------------------------------------------- */





.vh-layout-hero:not(.vh-hero-context-home) .vh-hero-eyebrow{


  color: var(--vh-hero-eyebrow-text, var(--vh-hero-text, #ffffff)) !important;


  background: var(


    --vh-hero-eyebrow-bg,


    color-mix(in srgb, var(--vh-hero-text, #ffffff) 11%, transparent)


  ) !important;


  border-color: var(


    --vh-hero-eyebrow-border,


    color-mix(in srgb, var(--vh-hero-text, #ffffff) 18%, transparent)


  ) !important;


  border-style: solid !important;


  border-width: 1px !important;


  border-radius: var(--vh-hero-eyebrow-radius, 999px) !important;


  padding: var(--vh-hero-eyebrow-padding-y, .45rem) var(--vh-hero-eyebrow-padding-x, .8rem) !important;


}








.vh-layout-hero:not(.vh-hero-context-home).vh-hero-eyebrow-borderless .vh-hero-eyebrow{


  border-width: 0 !important;


  border-color: transparent !important;


}





.vh-layout-hero:not(.vh-hero-context-home).vh-hero-eyebrow-boxless .vh-hero-eyebrow{


  padding: 0 !important;


  border-color: transparent !important;


  border-width: 0 !important;


  border-radius: 0 !important;


  background: transparent !important;


  box-shadow: none !important;


  backdrop-filter: none !important;


  -webkit-backdrop-filter: none !important;


}