/* Header et navigation basse mobile : pas de survol tactile persistant.
   Aucun changement de dimensions, de texte ou de couleur des icônes. */
html body .site-header .site-navigation :is(a,button) {
  -webkit-tap-highlight-color: transparent;
}
html body .site-header .site-navigation :is(a,button):is(:hover,:active,:focus) {
  background: transparent !important;
  border-color: transparent;
}
html body .site-header .site-navigation a.header-add-photo:is(:hover,:active,:focus) {
  background: var(--st-accent, #ff6a00) !important;
  border-color: var(--st-accent, #ff6a00);
}
html body .site-header .site-navigation button.admin-menu-toggle:is(:hover,:active,:focus) {
  border-color: var(--st-edge, #795033);
}
html body .site-header .site-navigation button.admin-menu-toggle[aria-expanded="true"] {
  background: var(--st-hover, #2f2015) !important;
  border-color: var(--st-highlight, #60412c);
}
/* Le focus clavier reste visible ; aucun blur() ni suppression de focus. */
html body .site-header .site-navigation :is(a,button):focus-visible {
  outline: 2px solid var(--st-accent, #ff6a00);
  outline-offset: 3px;
}
.site-header .header-menu-icon path {
  transform-origin: 12px 12px;
  transition: transform .18s ease, opacity .18s ease;
}
.site-header .admin-menu-toggle[aria-expanded="true"] .header-menu-top {
  transform-origin: 12px 6px;
  transform: translateY(6px) rotate(45deg);
}
.site-header .admin-menu-toggle[aria-expanded="true"] .header-menu-middle { opacity: 0; }
.site-header .admin-menu-toggle[aria-expanded="true"] .header-menu-bottom {
  transform-origin: 12px 18px;
  transform: translateY(-6px) rotate(-45deg);
}
@media (prefers-reduced-motion: reduce) {
  .site-header .header-menu-icon path { transition: none; }
}
/* Retour discret : la couleur secondaire porte l'interaction. */
@media (hover: hover) and (pointer: fine) {
  html body .site-header .site-navigation :is(a,button):hover > :is(.ui-icon,.live-icon) {
    color: var(--st-highlight, #cbb0ff);
  }
}
html body .site-header .site-navigation .admin-menu-toggle[aria-expanded="true"] > .ui-icon {
  color: var(--st-highlight, #cbb0ff);
}