/* The two large division menus in their own colours on every page with the v2 header (user, 2026-10-20: the menu of the other
   division, and both on the group pages, used to be plain lists). The layout comes from the page stylesheet (vet2.css, agri2.css or
   home3.css, same .sh-mega rules); this file only sets the colours by division, so each menu looks the same wherever it opens.
   Veterinary: wine and red. Agriculture: forest and leaf green. */
#sh-mega-veterinary { border-top-color: #F1E9E8; }
#sh-mega-veterinary .sh-mega__img { background: #FCECEA; }
.sh-header--v2 #sh-mega-veterinary .sh-mega__name { color: #6E1023; }
.sh-header--v2 #sh-mega-veterinary .sh-mega__name:hover { color: #BD3432; }
#sh-mega-veterinary .sh-mega__types { border-top-color: #F1E9E8; }
.sh-header--v2 #sh-mega-veterinary .sh-mega__types a::before, .sh-header--v2 #sh-mega-veterinary .sh-mega__types a:hover { color: #BD3432; }
#sh-mega-veterinary .sh-mega__aside { background: radial-gradient(120% 90% at 100% 0%, rgba(255,107,87,.35), rgba(255,107,87,0) 60%), #6E1023; }
#sh-mega-veterinary .sh-mega__kicker { color: #FCECEA; }
.sh-header--v2 #sh-mega-veterinary .sh-mega__all { color: #BD3432; }
.sh-header--v2 #sh-mega-veterinary .sh-mega__all:hover { background: #FCECEA; }
.sh-header--v2 #sh-mega-veterinary .sh-mega__link { border-top-color: rgba(252,236,234,.2); }
.sh-header--v2 #sh-mega-veterinary .sh-mega__link:hover { color: #FCECEA; }

#sh-mega-agriculture { border-top-color: #E3EED6; }
#sh-mega-agriculture .sh-mega__img { background: #F2FADF; }
.sh-header--v2 #sh-mega-agriculture .sh-mega__name { color: #074310; }
.sh-header--v2 #sh-mega-agriculture .sh-mega__name:hover { color: #0A7A1E; }
#sh-mega-agriculture .sh-mega__types { border-top-color: #E3EED6; }
.sh-header--v2 #sh-mega-agriculture .sh-mega__types a::before, .sh-header--v2 #sh-mega-agriculture .sh-mega__types a:hover { color: #0A7A1E; }
#sh-mega-agriculture .sh-mega__aside { background: radial-gradient(120% 90% at 100% 0%, rgba(11,199,40,.35), rgba(11,199,40,0) 60%), #074310; }
#sh-mega-agriculture .sh-mega__kicker { color: #F2FADF; }
.sh-header--v2 #sh-mega-agriculture .sh-mega__all { color: #0A7A1E; }
.sh-header--v2 #sh-mega-agriculture .sh-mega__all:hover { background: #F2FADF; }
.sh-header--v2 #sh-mega-agriculture .sh-mega__link { border-top-color: rgba(242,250,223,.2); }
.sh-header--v2 #sh-mega-agriculture .sh-mega__link:hover { color: #F2FADF; }

/* phones on the group pages: the menu stays short there (division names only), as before */
@media (max-width: 1100px) { .mz-group .sh-nav .sh-mega { display: none !important; } }

/* the small arrow after Veterinary / Agriculture takes the colour of its word (it was always wine, so wine on the dark green bar of
   the group pages): drawn with a mask on the text colour */
.sh-header--v2 .has-mega > a { background: none !important; }
.sh-header--v2 .has-mega > a::before { content: ""; position: absolute; right: 0; top: 50%; width: 10px; height: 6px; margin-top: -3px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }

/* the panel's button holds its label and arrow on one line in both languages ("Tous les produits vétérinaires →" wrapped its arrow) */
@media (min-width: 1101px) {
  .sh-header--v2 .sh-mega__in { grid-template-columns: 1fr 310px; gap: 32px; }
  .sh-header--v2 .sh-mega__aside { padding: 26px 24px; }
  .sh-header--v2 .sh-mega .sh-mega__all { max-width: 100%; padding: 11px 16px; font-size: 13px; white-space: nowrap; }
}
@media (max-width: 1100px) {
  .sh-header--v2 .has-mega > a::before { display: none; }
  .sh-header--v2 .sh-nav > ul { gap: 0; } /* the bar's 32px spacing left big holes between the stacked items of the phone menu */
}