/* ==========================================================================
   IPEKERP_STOREFRONT_BRAND_ARROW_LOGO_CENTER_V1

   Correction:
   Previous arrow centering aligned the arrows to the full brand item
   (logo + brand name). Visually, the controls should align to the
   CENTER OF THE 66PX LOGO CIRCLES instead.

   Scope:
   - Arrow vertical position only.
   - No rail geometry, brand spacing, hover, links, JS or backend changes.
   ========================================================================== */

@media (min-width: 1180px) {

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand-rail__arrow {
    /*
     * Current centered position is about 21px too low because the brand label
     * participates in the row's vertical centering.
     * Pull the 44px arrow button upward so its center aligns with the
     * 66px brand-logo circles.
     */
    transform: translateY(-21px) !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand-rail__arrow:hover {
    transform: translateY(-22px) !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand-rail__arrow:focus-visible {
    transform: translateY(-21px) !important;
  }
}