/* vA29 · Arrow & caret refinement pass
   Gives the navigation dropdown carets and the "Premium choices for every room"
   category arrows proper breathing room. Pure CSS - no markup changes. */

/* ---------------------------------------------------------------------------
   1. Main navigation dropdown carets
   The markup renders raw text glyphs inside .mega-item>button span. Hide the
   glyph and draw a clean, evenly spaced CSS chevron instead. */
.enterprise-menu .mega-item>button span,
body:not(.is-meridia-theme) .enterprise-menu .mega-item>button span,
body.is-meridia-theme .enterprise-menu .mega-item>button span{
  display:inline-block!important;
  width:7px!important;
  height:7px!important;
  margin-left:10px!important;
  border-right:1.5px solid #fff!important;
  border-bottom:1.5px solid #fff!important;
  color:#fff!important;
  transform:rotate(45deg)!important;
  transform-origin:center;
  font-size:0!important;
  line-height:0!important;
  vertical-align:middle;
  opacity:.85!important;
  transition:transform .25s ease,opacity .25s ease;
}
.enterprise-menu .mega-item>button:hover span,
.enterprise-menu .mega-item.open>button span{
  transform:rotate(225deg)!important;
  opacity:1!important;
}

/* ---------------------------------------------------------------------------
   2. Category rail arrows ("Premium choices for every room")
   Later stylesheets knock the anchored corner arrow back into the text flow,
   where it collides with the product-count label. Restore it to the bottom
   corner with clear separation, and slide it on hover. */
/* Match vA4.css's 3-class specificity so this late pass reliably wins. */
.vA4-category-section .vA3-category-rail>a>b,
.vA3-category-rail>a>b{
  position:absolute!important;
  right:18px!important;
  bottom:20px!important;
  z-index:1;
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
  transition:transform .25s ease;
}
.vA4-category-section .vA3-category-rail>a:hover>b,
.vA3-category-rail>a:hover>b{
  transform:translateX(4px);
}
.vA4-category-section .vA3-category-rail>a>span:nth-child(3) small,
.vA4-category-section .vA3-category-rail>a>span:nth-child(2) small,
.vA3-category-rail>a>span:nth-child(2) small,
.vA3-category-rail>a>span:nth-child(3) small{
  padding-right:26px; /* keep the label clear of the corner arrow */
}

/* Mobile: keep the chevron subtle inside the stacked menu. */
@media(max-width:820px){
  .enterprise-menu .mega-item>button span{
    width:8px!important;
    height:8px!important;
    margin-left:12px!important;
  }
}

/* ---------------------------------------------------------------------------
   3. Top bar · real social logos + no clipped contact links */
.cg-socials{gap:7px!important;margin-left:18px!important}
.cg-socials a{
  width:22px!important;
  height:22px!important;
  color:#fff!important;
}
.cg-socials a svg{
  width:12px;
  height:12px;
  fill:currentColor;
  display:block;
}
.cg-toplinks{flex:1;min-width:0;justify-content:flex-end;gap:18px!important;white-space:nowrap}
.cg-toplinks a{overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){
  .cg-toplinks{gap:12px!important}
  .cg-socials{margin-left:10px!important}
}

/* ---------------------------------------------------------------------------
   4. Footer bottom bar · keep legal line on one row */
.enterprise-footer-bottom{
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:26px!important;
  white-space:nowrap;
}
.enterprise-footer-bottom span:first-child{
  white-space:nowrap;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.enterprise-footer-bottom span:last-child{
  flex:0 0 auto!important;
  justify-content:flex-end!important;
  white-space:nowrap;
}
@media(max-width:900px){
  .enterprise-footer-bottom{flex-wrap:wrap!important;white-space:normal;justify-content:center!important}
  .enterprise-footer-bottom span:first-child{white-space:normal;text-align:center}
}