/* Shift-R — accès distinct aux galeries clients */
:root {
  --client-access: #d9b15f;
  --client-access-soft: rgba(217,177,95,.13);
  --client-access-border: rgba(217,177,95,.62);
}

.nav-client-gallery-desktop {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: clamp(14px, 1.8vw, 26px);
  margin-right: auto;
  padding: 8px 13px;
  border: 1px solid var(--client-access-border);
  color: var(--client-access) !important;
  font-family: var(--font-display, 'Oswald', sans-serif);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .065em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(18,16,17,.32);
  transition: color .22s ease, border-color .22s ease, background .22s ease, transform .22s ease;
}
.nav-client-gallery-desktop::after { display: none !important; }
.nav-client-gallery-desktop svg { width: 15px; height: 15px; flex: 0 0 auto; }
.nav-client-gallery-desktop:hover,
.nav-client-gallery-desktop:focus-visible {
  color: #ffe0a1 !important;
  border-color: #ffe0a1;
  background: var(--client-access-soft);
  transform: translateY(-1px);
}

.nav-client-gallery-mobile {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: min(82vw, 390px);
  margin-top: clamp(8px, 1.6vh, 16px);
  padding: 14px 16px !important;
  border: 1px solid var(--client-access-border) !important;
  color: var(--client-access) !important;
  background: var(--client-access-soft) !important;
  font-family: var(--font-display, 'Oswald', sans-serif) !important;
  font-size: clamp(1.05rem, 4.5vw, 1.38rem) !important;
  font-weight: 600;
  letter-spacing: .065em !important;
  line-height: 1.15;
  text-transform: uppercase;
}
.nav-client-gallery-mobile::after {
  content: "→";
  font-size: 1.15em;
  line-height: 1;
  transition: transform .2s ease;
}
.nav-client-gallery-mobile:hover::after,
.nav-client-gallery-mobile:focus-visible::after { transform: translateX(4px); }

/* Le header des pages principales bascule sur le burger à 1280 px. */
@media (max-width: 1280px) {
  #site-header > .nav-client-gallery-desktop { display: none !important; }
}

/* Les entêtes du blog basculent plus tôt. */
@media (max-width: 900px) {
  #site-header .header-inner > .nav-client-gallery-desktop { display: none !important; }
}

@media (max-width: 520px) {
  .nav-client-gallery-mobile { width: min(84vw, 360px); padding: 13px 14px !important; }
}