/* ==========================================================================
   IPEKERP_STOREFRONT_CATEGORY_NAV_VISUAL_V2
   Refinement pass over V1.
   Scope: desktop category navigation only.

   - New unified 32x32 line-icon language.
   - Slightly larger optical icon size.
   - Slightly tighter panel.
   - Slightly smaller "Tüm Kategoriler" anchor.
   - No route / behavior / mega-menu / search / brand-rail mutation.
   ========================================================================== */

@media (min-width: 1180px) {

  body header.sf-site-header.sf4-approved-header
  nav.sf-site-nav.sf4-approved-nav {
    padding-top: 9px !important;
    padding-bottom: 10px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner {
    min-height: 98px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 15px !important;
    box-shadow:
      0 8px 20px rgba(15, 42, 76, 0.065),
      0 1px 2px rgba(15, 42, 76, 0.025) !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all) {
    min-height: 78px !important;
    height: 78px !important;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
    gap: 6px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all) > svg.sf4-nav-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex: 0 0 26px !important;
    display: block !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    color: #17355e !important;
    opacity: 1 !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all) > span {
    font-size: 12.6px !important;
    line-height: 1.12 !important;
    font-weight: 710 !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all):hover > svg.sf4-nav-icon,
  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all):focus-visible > svg.sf4-nav-icon,
  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a[data-sf-nav-active="true"]:not(.sf4-approved-nav__all) > svg.sf4-nav-icon {
    color: #0868d7 !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a[data-sf-nav-active="true"]:not(.sf4-approved-nav__all)::after {
    left: 20% !important;
    right: 20% !important;
    bottom: -8px !important;
    height: 3px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a.sf4-approved-nav__all {
    flex-basis: 232px !important;
    width: 232px !important;
    min-width: 232px !important;
    min-height: 66px !important;
    height: 66px !important;
    margin-right: 15px !important;
    padding-left: 20px !important;
    padding-right: 18px !important;
    border-radius: 10px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a.sf4-approved-nav__all > svg.sf4-nav-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    color: #ffffff !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a.sf4-approved-nav__all > span {
    font-size: 13.2px !important;
    font-weight: 750 !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a.sf4-approved-nav__brands {
    padding-left: 12px !important;
  }
}

@media (min-width: 1180px) and (max-width: 1499px) {

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner {
    min-height: 92px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a.sf4-approved-nav__all {
    flex-basis: 198px !important;
    width: 198px !important;
    min-width: 198px !important;
    min-height: 62px !important;
    height: 62px !important;
    margin-right: 8px !important;
    padding-inline: 15px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a.sf4-approved-nav__all > span {
    font-size: 12px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all) {
    min-height: 72px !important;
    height: 72px !important;
    gap: 4px !important;
    padding-inline: 2px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all) > svg.sf4-nav-icon {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    flex-basis: 23px !important;
  }

  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a:not(.sf4-approved-nav__all) > span {
    font-size: 10.8px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 1179px) {
  body header.sf-site-header.sf4-approved-header
  .sf4-approved-nav__inner > a > svg.sf4-nav-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
}