/* HOLOVAULT_V314_PERFECT_CIRCLE_ARROW_CENTERING_CSS */
/* CSS-only precision fix: centers FAQ/product/dropdown/slider arrows inside circular buttons. No JS. */

:root{--hv314-arrow-color:#111827;}

/* FAQ + product accordion round buttons */
.goc-accordion .goc-acc-btn > span:last-child,
.goc-faq .goc-acc-btn > span:last-child,
.goc-product-accordion-card .goc-acc-btn > span:last-child,
.goc-detail-acc .goc-acc-btn > span:last-child,
.detail-accordions .accordion-toggle > span:last-child,
.accordion-group .accordion-toggle > span:last-child,
.accordion-toggle > span:last-child{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  flex:0 0 28px!important;
  padding:0!important;
  margin:0 0 0 14px!important;
  border-radius:999px!important;
  line-height:0!important;
  font-size:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  transform:none!important;
}
.goc-accordion .goc-acc-btn > span:last-child::before,
.goc-faq .goc-acc-btn > span:last-child::before,
.goc-product-accordion-card .goc-acc-btn > span:last-child::before,
.goc-detail-acc .goc-acc-btn > span:last-child::before,
.detail-accordions .accordion-toggle > span:last-child::before,
.accordion-group .accordion-toggle > span:last-child::before,
.accordion-toggle > span:last-child::before{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border:solid currentColor!important;
  border-width:0 2.5px 2.5px 0!important;
  transform:translate(-50%,-62%) rotate(45deg)!important;
  transform-origin:center!important;
  display:block!important;
  color:var(--hv314-arrow-color)!important;
  opacity:1!important;
  box-sizing:border-box!important;
}
.goc-accordion .goc-acc-item.open .goc-acc-btn > span:last-child::before,
.goc-faq .goc-acc-item.open .goc-acc-btn > span:last-child::before,
.goc-product-accordion-card .goc-acc-item.open .goc-acc-btn > span:last-child::before,
.goc-detail-acc .goc-acc-item.open .goc-acc-btn > span:last-child::before,
.accordion-item.open .accordion-toggle > span:last-child::before{
  transform:translate(-50%,-38%) rotate(225deg)!important;
}

/* Keep actual text hidden even if old CSS writes a glyph into the span. */
.goc-acc-btn > span:last-child *,
.accordion-toggle > span:last-child *{
  font-size:0!important;
  line-height:0!important;
}

/* Product section accordions are bigger on desktop screenshots; keep the arrow visually centered. */
.goc-product-accordion-card .goc-acc-btn > span:last-child,
.goc-detail-acc .goc-acc-btn > span:last-child{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  flex-basis:30px!important;
}
.goc-product-accordion-card .goc-acc-btn > span:last-child::before,
.goc-detail-acc .goc-acc-btn > span:last-child::before{
  width:7.5px!important;
  height:7.5px!important;
}

/* Slider circle arrows - use true centered CSS chevrons, not text glyphs. */
.goc-slider-arrow,
.goc-hero-arrow,
.goc-related-arrow-v168,
.hv-hero-balanced-v102 .goc-hero-arrow,
.hv-hero-clean-v101 .goc-hero-arrow,
.hv-hero-fullbleed-v99 .goc-hero-arrow{
  position:absolute;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  text-align:center!important;
  line-height:0!important;
  font-size:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.goc-slider-arrow::before,
.goc-hero-arrow::before,
.goc-related-arrow-v168::before,
.hv-hero-balanced-v102 .goc-hero-arrow::before,
.hv-hero-clean-v101 .goc-hero-arrow::before,
.hv-hero-fullbleed-v99 .goc-hero-arrow::before{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:11px!important;
  height:11px!important;
  border:solid currentColor!important;
  border-width:0 3px 3px 0!important;
  display:block!important;
  color:inherit!important;
  opacity:1!important;
  box-sizing:border-box!important;
}
.goc-slider-prev::before,
.goc-hero-prev::before,
.goc-related-arrow-prev-v168::before{
  transform:translate(-38%,-50%) rotate(135deg)!important;
}
.goc-slider-next::before,
.goc-hero-next::before,
.goc-related-arrow-next-v168::before{
  transform:translate(-62%,-50%) rotate(-45deg)!important;
}

/* Mobile menu submenu circle arrows. */
.goc-mobile-subtoggle,
.goc-mobile-nav .goc-mobile-subtoggle,
.goc-menu-drawer .goc-mobile-subtoggle{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:0!important;
  font-size:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.goc-mobile-subtoggle::before,
.goc-mobile-nav .goc-mobile-subtoggle::before,
.goc-menu-drawer .goc-mobile-subtoggle::before{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:10px!important;
  height:10px!important;
  border:solid currentColor!important;
  border-width:0 3px 3px 0!important;
  transform:translate(-62%,-50%) rotate(-45deg)!important;
  color:inherit!important;
  opacity:1!important;
  box-sizing:border-box!important;
}

@media(max-width:720px){
  .goc-accordion .goc-acc-btn > span:last-child,
  .goc-faq .goc-acc-btn > span:last-child,
  .goc-product-accordion-card .goc-acc-btn > span:last-child,
  .goc-detail-acc .goc-acc-btn > span:last-child,
  .accordion-toggle > span:last-child{
    width:28px!important;min-width:28px!important;max-width:28px!important;
    height:28px!important;min-height:28px!important;max-height:28px!important;
    flex-basis:28px!important;
  }
  .goc-accordion .goc-acc-btn > span:last-child::before,
  .goc-faq .goc-acc-btn > span:last-child::before,
  .goc-product-accordion-card .goc-acc-btn > span:last-child::before,
  .goc-detail-acc .goc-acc-btn > span:last-child::before,
  .accordion-toggle > span:last-child::before{
    width:7px!important;height:7px!important;border-width:0 2.5px 2.5px 0!important;
  }
}
/* /HOLOVAULT_V314_PERFECT_CIRCLE_ARROW_CENTERING_CSS */