/* BSP - Flèches du menu mobile compatibles iPhone */

@media (max-width: 1180px) {
  /*
   * Les anciens caractères Unicode ↗ sont remplacés par des SVG.
   * Le rendu ne dépend donc plus de la police utilisée par Safari iOS.
   */
  body .cs-mobile-navigation a::after {
    content: "" !important;
    display: block !important;
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    flex: 0 0 15px !important;
    margin-left: 14px !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7a24b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: 0.88 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    transform: none !important;
  }

  body .cs-mobile-navigation a:hover::after,
  body .cs-mobile-navigation a:focus-visible::after,
  body .cs-mobile-navigation .current-menu-item > a::after {
    opacity: 1 !important;
  }

  body .cs-mobile-navigation .cm-account-link--login > a::after,
  body .cs-mobile-navigation .cm-account-link--primary > a::after {
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    flex-basis: 14px !important;
    margin-left: 11px !important;
    opacity: 0.82 !important;
  }

  body .cs-mobile-navigation .cm-account-link--login > a::after {
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f1e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") !important;
  }

  body .cs-mobile-navigation .cm-account-link--primary > a::after {
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0b0c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E") !important;
    opacity: 0.74 !important;
  }
}

@media (max-width: 430px) {
  body .cs-mobile-navigation a::after {
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    flex-basis: 14px !important;
    margin-left: 12px !important;
  }

  body .cs-mobile-navigation .cm-account-link--login > a::after,
  body .cs-mobile-navigation .cm-account-link--primary > a::after {
    width: 13px !important;
    min-width: 13px !important;
    max-width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    max-height: 13px !important;
    flex-basis: 13px !important;
    margin-left: 10px !important;
  }
}