/*
  ============================================================
  Copyright © 2026 Redlina SAS — redlina.com
  All rights reserved. Tous droits réservés.
  This file and all its contents are the exclusive intellectual
  property of Redlina SAS. Any reproduction, copying,
  distribution, modification, or use — in whole or in part,
  by any means whatsoever — without the prior written consent
  of Redlina SAS is strictly prohibited and may result in
  civil and criminal prosecution.
  Ce fichier et l'intégralité de son contenu constituent la
  propriété intellectuelle exclusive de Redlina SAS. Toute
  reproduction, copie, diffusion, modification ou utilisation
  — totale ou partielle, par quelque moyen que ce soit — sans
  l'autorisation écrite préalable de Redlina SAS est
  strictement interdite et susceptible d'engager des
  poursuites civiles et pénales.
  ============================================================
*/

/* ─── NAVBAR DESKTOP ────────────────────────────────────────────────────────── */

/* Tokens locaux : évite de dupliquer des valeurs magiques (z-index, timing,
   rayon) à travers les règles ci-dessous. Les couleurs restent sur les
   variables globales (--redlina-black, --redlina-red) définies ailleurs. */
:root {
  --navbar-height: 60px;
  --navbar-z-index: 2000;
  --navbar-signup-z-index: 2100;
  --navbar-transition-fast: 0.2s ease;
  --navbar-transition-arrow: 0.3s ease;
  --navbar-radius: 15px;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--navbar-z-index);
  height: var(--navbar-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  background: rgba(242, 239, 235, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.nav-left,
.nav-right {
  display: flex;
  align-items: center;
}

.logo-link {
  display: block;
}

.logo-link img {
  display: block;
  width: auto;
  height: 22px;
}

.a-navbar-login {
  color: var(--redlina-black);
  font-size: 14px;
  text-decoration: none;
  transition: opacity var(--navbar-transition-fast);
}

.a-navbar-login:hover {
  opacity: 0.7;
}

/* CTA "signup" desktop : rouge uniquement sur les pages à forte intention
   (data-page-type="landing"), noir partout ailleurs par défaut — voir la
   règle body[data-page-type="landing"] en bas de fichier. */
.a-navbar-signup-desktop {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 30px;
  padding: 10px 15px 10px 20px;
  background: var(--redlina-black);
  border-radius: var(--navbar-radius);
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  transition: opacity var(--navbar-transition-fast);
}

.a-navbar-signup-desktop:hover {
  opacity: 0.7;
}

/* Le bouton mobile existe dans le DOM sur toutes les pages (script partagé) :
   on le masque ici plutôt que de conditionner son injection en JS. */
.a-navbar-signup-mobile {
  display: none;
}

.a-navbar-signup svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  stroke-width: 2.0;
  transform: translateY(1px);
  transition: transform var(--navbar-transition-arrow);
}

/* Règle partagée avec navbar-mobile.css : le noir est la valeur par défaut
   du bouton signup (sur les articles, y compris tout futur article oublié
   sans balisage), le rouge devient l'exception explicite réservée aux pages
   à forte intention d'achat. */
body[data-page-type="landing"] .a-navbar-signup {
  background: var(--redlina-red);
}