/* ============================================================
   Or & Patrimoine — styles du module "cours en direct"
   Utilise les variables de couleur déjà définies sur le site
   (--or, --noir, --ivoire, --texte-clair, --texte-mute…).
   ============================================================ */

/* --- Bandeau ticker en haut de page --- */
.or-ticker {
  background: var(--noir, #0a0a0a);
  border-bottom: 1px solid rgba(201, 169, 97, .25);
  color: var(--texte-clair, #d8d4c9);
  font-family: var(--sans, "Inter", sans-serif);
  font-size: 13px;
  letter-spacing: .02em;
}
.or-ticker .container,
.or-ticker-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 9px 20px;
  flex-wrap: wrap;
  text-align: center;
}
.or-ticker .or-label { color: var(--texte-mute, #8a8578); }
.or-ticker [data-or-24] { color: var(--or-clair, #d4b876); font-weight: 600; }
.or-ticker .or-sep { color: rgba(201,169,97,.4); }
.or-ticker a { color: var(--or, #c9a961); text-decoration: none; border-bottom: 1px solid transparent; }
.or-ticker a:hover { border-bottom-color: var(--or, #c9a961); }

/* point d'état */
.or-dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--texte-mute, #8a8578); margin-right: 6px; vertical-align: middle;
}
.or-dot.is-live { background: #4caf6a; box-shadow: 0 0 0 0 rgba(76,175,106,.6); animation: orPulse 2s infinite; }
@keyframes orPulse {
  0%   { box-shadow: 0 0 0 0 rgba(76,175,106,.5); }
  70%  { box-shadow: 0 0 0 7px rgba(76,175,106,0); }
  100% { box-shadow: 0 0 0 0 rgba(76,175,106,0); }
}

/* --- Carte / section cours --- */
.or-cours-card {
  background: linear-gradient(160deg, var(--noir-doux, #141414), var(--gris-fonce, #1f1f1f));
  border: 1px solid rgba(201,169,97,.22);
  border-radius: 14px;
  padding: 34px 32px;
  max-width: 560px;
  margin: 0 auto;
  box-shadow: 0 24px 60px -30px rgba(0,0,0,.7);
}
.or-cours-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; flex-wrap: wrap; margin-bottom: 6px;
}
.or-cours-card .or-eyebrow {
  font-family: var(--sans, "Inter", sans-serif);
  text-transform: uppercase; letter-spacing: .18em; font-size: 11px;
  color: var(--texte-mute, #8a8578);
}
.or-cours-card [data-or-date] { font-size: 12px; color: var(--texte-mute, #8a8578); }
.or-cours-big {
  font-family: var(--serif, "Cormorant Garamond", serif);
  font-size: clamp(34px, 6vw, 46px); line-height: 1.05;
  color: var(--or-clair, #d4b876); margin: 6px 0 2px;
}
.or-cours-big small { font-size: 16px; color: var(--texte-mute, #8a8578); font-family: var(--sans, "Inter"); }
.or-cours-state { font-size: 12px; color: var(--texte-clair, #d8d4c9); margin-bottom: 18px; }

.or-table { width: 100%; border-collapse: collapse; font-family: var(--sans, "Inter", sans-serif); }
.or-table td { padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 14px; color: var(--texte-clair, #d8d4c9); }
.or-table tr:last-child td { border-bottom: none; }
.or-table .or-val { text-align: right; color: var(--ivoire, #f5f1e8); font-weight: 500; }

.or-cours-note { margin-top: 16px; font-size: 11.5px; line-height: 1.5; color: var(--texte-mute, #8a8578); }

/* Section dédiée (page cours-or + pages villes) */
.or-section { padding: clamp(56px, 9vw, 110px) 0; background: var(--noir, #0a0a0a); }
.or-section .or-section-head { text-align: center; max-width: 680px; margin: 0 auto 42px; }
.or-section .section-eyebrow { color: var(--or, #c9a961); }

/* Liens villes dans la section Zone (anchors stylés comme les chips) */
a.ville { text-decoration: none; cursor: pointer; transition: color .2s, border-color .2s; }
a.ville:hover { color: var(--or-clair, #d4b876); border-bottom-color: rgba(201,169,97,.5); }
a.ville:hover .ville-cp { color: var(--or-clair, #d4b876); }

/* --- Prix de l'or intégré dans la barre de navigation --- */
.nav-cours {
  display: inline-flex; align-items: center; gap: 9px;
  text-decoration: none !important;
  font-family: var(--sans, "Inter", sans-serif);
  white-space: nowrap;
  padding: 4px 2px;
  transition: opacity .3s ease;
}
.nav-cours:hover { opacity: .82; }
.nav-cours .or-dot { width: 7px; height: 7px; margin: 0; flex: 0 0 auto; }
.nav-cours .nav-cours-label {
  color: var(--texte-mute, #8a8578) !important;
  text-transform: uppercase; font-size: 10.5px; font-weight: 500; letter-spacing: .14em;
}
.nav-cours .nav-cours-price {
  color: var(--or-clair, #d4b876) !important;
  font-weight: 600; font-size: 13.5px; letter-spacing: .02em;
}

@media (max-width: 968px) {
  .nav-cours { gap: 7px; }
  .nav-cours .nav-cours-label { display: none; }   /* tablette : on garde le point + le prix */
}
@media (max-width: 640px) {
  .nav-cours { display: none; }                     /* petit mobile : priorité logo + téléphone */
}