/* ==========================================================================
   IPEKERP_STOREFRONT_BRAND_RAIL_HOVER_REFINEMENT_V1

   Scope: brand rail hover/focus visual only.

   Goal:
   - Remove the tall "card" hover surface.
   - Keep the existing 132px rail geometry.
   - Keep the 66px logo circles.
   - Keep current brand names, order, links and scrolling behavior.
   - Hover emphasis lives only on the logo circle + brand name.
   ========================================================================== */

@media (min-width: 1180px) {

  /*
   * Non-active brands stay visually open/clean on hover.
   * No large pale-blue vertical card.
   */
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:not([data-sf-brand-active="true"]):hover,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:not([data-sf-brand-active="true"]):focus-visible {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
    outline: none !important;
  }

  /*
   * The logo circle becomes the only hover surface.
   */
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:not([data-sf-brand-active="true"]):hover .sf4-brand__logo,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:not([data-sf-brand-active="true"]):focus-visible .sf4-brand__logo {
    border-color: #a9c9e7 !important;
    background: #f8fbff !important;
    box-shadow:
      0 0 0 3px rgba(8, 104, 215, 0.055),
      0 6px 14px rgba(15, 42, 76, 0.065) !important;
    transform: translateY(-1px) !important;
  }

  /*
   * Brand text gets a small color lift instead of a card background.
   */
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:not([data-sf-brand-active="true"]):hover .sf4-brand__name,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:not([data-sf-brand-active="true"]):focus-visible .sf4-brand__name {
    color: #0a5fb8 !important;
    font-weight: 720 !important;
  }

  /*
   * Active brand keeps the approved selected-state surface.
   * Hover must not erase its active treatment.
   */
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand[data-sf-brand-active="true"]:hover,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand[data-sf-brand-active="true"]:focus-visible {
    background: #f5f9fe !important;
    border-color: #c7dbef !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
    outline: none !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand[data-sf-brand-active="true"]:hover .sf4-brand__logo,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand[data-sf-brand-active="true"]:focus-visible .sf4-brand__logo {
    border-color: #8eb8e1 !important;
    box-shadow:
      0 0 0 3px rgba(8, 104, 215, 0.07),
      0 6px 15px rgba(15, 42, 76, 0.07) !important;
  }
}

/* Tablet/mobile untouched. */