/* Anciennes pages : carte sous le menu, entière et à une taille raisonnable. */
body.ve-legacy-photo-first .page,
body.ve-legacy-photo-first #content { margin-top:0 !important; padding-top:0 !important; }
body.ve-legacy-photo-first .ve-legacy-first-photo {
  display:flex; align-items:center; justify-content:center;
  box-sizing:border-box; width:100%; max-width:1440px;
  margin:0 auto !important; padding:0;
  border:0; border-radius:0; background:#f4f8f9; box-shadow:none;
}
body.ve-legacy-photo-first .ve-legacy-first-photo :is(.thumbnail,a) {
  display:flex; align-items:center; justify-content:center;
  width:100%; margin:0; padding:0; border:0; border-radius:0;
  background:none; box-shadow:none;
}
body.ve-legacy-photo-first .ve-legacy-first-photo img {
  display:block; width:auto !important; max-width:100% !important;
  height:auto !important; max-height:360px !important;
  margin:0 auto; border-radius:0; object-fit:contain;
}
body.ve-legacy-photo-first .ve-legacy-photo-heading {
  box-sizing:border-box; width:min(1200px,calc(100% - 40px));
  margin:28px auto 22px; padding:0; border:0;
  border-radius:0; background:none; box-shadow:none;
}
body.ve-legacy-photo-first .ve-legacy-photo-heading h1 {
  margin:0 0 18px !important; color:#087d97;
  font:700 clamp(24px,2.2vw,34px)/1.25 Arial,sans-serif !important;
  text-transform:none !important; letter-spacing:normal;
}
body.ve-legacy-photo-first .ve-legacy-page-actions {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px;
  margin:14px 0 0; padding:0;
}
body.ve-legacy-photo-first .ve-legacy-route-action {
  display:inline-flex; align-items:center; justify-content:center;
  box-sizing:border-box; min-height:48px; max-width:100%;
  margin:0; padding:13px 20px; border:0; border-radius:14px;
  background:#ff7654; color:#fff; font:700 16px/1.4 Arial,sans-serif;
  text-align:center; text-decoration:none; white-space:normal;
}
body.ve-legacy-photo-first .ve-legacy-parcours-link {
  display:inline-flex; align-items:center; min-height:44px;
  margin:0; color:#087d97; font:700 16px/1.4 Arial,sans-serif;
  text-decoration:underline; text-underline-offset:4px;
}
body.ve-legacy-photo-first .ve-legacy-overview { width:100% !important; float:none; }
body.ve-legacy-photo-first .ve-legacy-overview > p { line-height:1.7; }
body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-button { margin:0; }
@media(max-width:700px) {
 body.ve-legacy-photo-first .ve-legacy-first-photo { width:100%; max-width:none; }
 body.ve-legacy-photo-first .ve-legacy-first-photo img { width:100% !important; max-height:none !important; }
 body.ve-legacy-photo-first .ve-legacy-photo-heading { width:calc(100% - 32px); margin:22px auto; }
 body.ve-legacy-photo-first .ve-legacy-page-actions { gap:12px; }
 body.ve-legacy-photo-first .ve-legacy-route-action { width:100%; font-size:15px; }
}

body.ve-legacy-photo-first .ve-legacy-page-actions .ve-legacy-route-action { order:0; }
body.ve-legacy-photo-first .ve-legacy-page-actions .ve-share-button { order:1; }
body.ve-legacy-photo-first .ve-legacy-page-actions .ve-legacy-parcours-link { order:2; }

/* Valeurs stables, y compris quand d’anciens styles restent chargés. */
body.ve-legacy-photo-first { --ve-legacy-photo-height:360px; }
body.ve-legacy-photo-first .ve-legacy-first-photo { max-width:1100px !important; }
body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-button:not(.ve-legacy-share-kept) { display:none !important; }
@media(max-width:700px) {
 body.ve-legacy-photo-first { --ve-legacy-photo-height:320px; }
}

/* Même ligne pour le surtitre à gauche et le partage à droite. */
body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-mobile-bar {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  gap:16px;
  width:100%;
  box-sizing:border-box;
  margin:0 0 22px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-mobile-caption {
  display:flex; align-items:center; min-width:0;
}
body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-kicker {
  color:#087d97; font-size:14px; font-weight:800; text-transform:uppercase;
}
body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-mobile-bar .ve-legacy-share-kept {
  display:inline-flex !important;
  align-items:center; justify-content:center; gap:8px;
  flex:0 0 auto; margin:0 !important; min-height:46px;
  padding:11px 18px; border:1px solid #c9dfe5; border-radius:14px;
  color:#087d97; background:#edf7f9; font-size:15px; font-weight:700;
}
body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-mobile-bar svg { width:20px; height:20px; }
@media(max-width:400px) {
 body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-mobile-bar { gap:10px; }
 body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-kicker { font-size:12px; }
 body.ve-legacy-photo-first .ve-legacy-photo-heading .ve-share-mobile-bar .ve-legacy-share-kept { padding:10px 12px; font-size:14px; }
}

/* Fond décoratif commun autour des cartes : ordinateur uniquement. */
@media (min-width:1024px) and (hover:hover) and (pointer:fine) {
  body.ve-legacy-photo-first .ve-legacy-first-photo {
    position:relative;
    isolation:isolate;
    background:
      radial-gradient(ellipse at 8% 18%,rgba(8,125,151,.12),transparent 46%),
      radial-gradient(ellipse at 94% 82%,rgba(255,118,84,.10),transparent 42%),
      linear-gradient(120deg,#eaf5f7 0%,#f6faf9 48%,#fff4e8 100%);
    border-bottom:1px solid #dfebed;
  }
  body.ve-legacy-photo-first .ve-legacy-first-photo::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.35;
    background-image:radial-gradient(circle,rgba(8,125,151,.22) 1px,transparent 1.4px);
    background-size:22px 22px;
    mask-image:linear-gradient(90deg,#000,transparent 32%,transparent 68%,#000);
  }
  body.ve-legacy-photo-first .ve-legacy-first-photo img {
    box-shadow:0 10px 32px rgba(24,63,77,.12);
  }
}
