/* ============================================================
   ANCIENNE PAGE — GUIDE DE VOYAGE
   Mise en page limitée aux pages portant ve-guide-ancienne-page.
   Ordinateur, tablette et téléphone.
   ============================================================ */

body.ve-guide-ancienne-page {
  color: #294453;
  background: #f4f8f9;
  font-family: Arial, sans-serif;
}

body.ve-guide-ancienne-page .page,
body.ve-guide-ancienne-page #content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ve-guide-ancienne-page #content *,
body.ve-guide-ancienne-page #content *::before,
body.ve-guide-ancienne-page #content *::after { box-sizing: border-box; }

body.ve-guide-ancienne-page #content [id] { scroll-margin-top: 110px; }
body.ve-guide-ancienne-page #content img { display: block; max-width: 100%; height: auto; }
body.ve-guide-ancienne-page #content p { color: #536a77; font: 400 17px/1.75 Arial, sans-serif; margin: 0 0 18px; }
body.ve-guide-ancienne-page #content :is(h1,h2,h3) { color: #087d97; text-transform: none; letter-spacing: -.025em; }
body.ve-guide-ancienne-page #content h2 { margin: 0 0 20px; font: 800 clamp(25px,2.4vw,36px)/1.2 Arial, sans-serif; }
body.ve-guide-ancienne-page #content h3 { margin: 0 0 14px; font: 750 23px/1.3 Arial, sans-serif; }
body.ve-guide-ancienne-page #content a { text-underline-offset: 4px; }
body.ve-guide-ancienne-page #content :focus-visible { outline: 3px solid #ff7654; outline-offset: 5px; }

/* ANCIENNE PAGE — ouverture photographique et présentation. */
body.ve-guide-ancienne-page #content .guide-ancienne-hero {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
  align-items: center;
  width: min(1740px,calc(100% - 40px));
  margin: 0 auto;
  background: linear-gradient(120deg,#eaf5f6,#fffaf1);
  border: 1px solid #dbe8eb;
  border-top: 0;
  border-radius: 0 0 30px 30px;
  overflow: hidden;
}
body.ve-guide-ancienne-page #content .guide-ancienne-hero-photo { padding: 30px; }
body.ve-guide-ancienne-page #content .guide-ancienne-hero-photo img { width: 100%; max-height: 540px; object-fit: contain; border-radius: 20px; }
body.ve-guide-ancienne-page #content .guide-ancienne-hero-texte { min-width: 0; padding: clamp(28px,4vw,64px); }
body.ve-guide-ancienne-page #content .guide-ancienne-hero h1 { margin: 0 0 18px; padding: 0; font: 800 clamp(34px,3.3vw,60px)/1.08 Arial,sans-serif; }
body.ve-guide-ancienne-page #content .guide-ancienne-surtitre { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; color: #087d97; font: 800 12px/1.5 Arial,sans-serif; letter-spacing: .13em; }
body.ve-guide-ancienne-page #content .guide-ancienne-surtitre::before { content: ''; width: 26px; height: 3px; border-radius: 3px; background: #ff7654; flex: 0 0 auto; }
body.ve-guide-ancienne-page #content .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 26px; }
body.ve-guide-ancienne-page #content .guide-ancienne-bouton { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 14px 22px; border-radius: 15px; background: #ff7654; color: white; font: 700 16px/1.4 Arial,sans-serif; text-decoration: none; }

/* ANCIENNE PAGE — sommaire et repères pratiques. */
body.ve-guide-ancienne-page #content .guide-ancienne-navigation { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: min(1400px,calc(100% - 40px)); margin: 24px auto 0; }
body.ve-guide-ancienne-page #content .guide-ancienne-navigation a { padding: 11px 19px; border: 1px solid #d6e5e9; border-radius: 12px; background: white; color: #087d97; font: 700 15px/1.4 Arial,sans-serif; text-decoration: none; }
body.ve-guide-ancienne-page #content .guide-ancienne-section { width: min(1400px,calc(100% - 40px)) !important; max-width: 1400px !important; margin: 0 auto !important; padding: 64px 0 0; }
body.ve-guide-ancienne-page #content .guide-ancienne-introduction { width:100%; max-width:none; margin-bottom:30px; }
body.ve-guide-ancienne-page #content .guide-ancienne-reperes { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
body.ve-guide-ancienne-page #content .guide-ancienne-repere { padding: 22px; border: 1px solid #d8e6e9; border-radius: 18px; background: white; color: #536a77; font: 400 16px/1.7 Arial,sans-serif; }
body.ve-guide-ancienne-page #content .guide-ancienne-repere strong { display: block; margin-bottom: 8px; color: #087d97; font-weight: 750; }

/* ANCIENNE PAGE — collection de destinations. */
body.ve-guide-ancienne-page #content .guide-ancienne-destinations { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
body.ve-guide-ancienne-page #content .guide-ancienne-ville { min-width: 0; margin: 0; padding: 0 28px 12px; border: 1px solid #d8e6e9; border-radius: 24px; background: white; overflow: hidden; }
body.ve-guide-ancienne-page #content .guide-ancienne-ville-photo { display: block; margin: 0 -28px 26px; background: #eaf3f5; }
body.ve-guide-ancienne-page #content .guide-ancienne-ville-photo img { width: 100%; aspect-ratio: 16/10; object-fit: contain; }
body.ve-guide-ancienne-page #content .guide-ancienne-ville-titre a { color: #087d97; text-decoration: none; }
body.ve-guide-ancienne-page #content .guide-ancienne-ville p { font-size: 16px; }

/* ANCIENNE PAGE — conseils et applications. */
body.ve-guide-ancienne-page #content .guide-ancienne-conseils { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: start; }
body.ve-guide-ancienne-page #content .guide-ancienne-conseil { padding: 30px; border: 1px solid #dce7e9; border-radius: 22px; background: white; min-width: 0; }
body.ve-guide-ancienne-page #content .guide-ancienne-conseil:first-child { grid-column: 1/-1; background: #fffaf1; border-color: #eee1ca; }
body.ve-guide-ancienne-page #content .guide-ancienne-conseil h2 { font-size: 25px; }
body.ve-guide-ancienne-page #content .guide-ancienne-conseil p { font-size: 16px; }
body.ve-guide-ancienne-page #content .guide-ancienne-conseil p:last-child { margin-bottom: 0; }
body.ve-guide-ancienne-page #content .guide-ancienne-applications { padding: clamp(24px,4vw,48px); border: 1px solid #d8e6e9; border-radius: 24px; background: #eaf4f6; margin-bottom: 40px; }
body.ve-guide-ancienne-page #content .guide-ancienne-applications h3 { margin-top: 26px; font-size: 19px; }
body.ve-guide-ancienne-page #content .guide-ancienne-applications a { color: #087d97; overflow-wrap: anywhere; }
body.ve-guide-ancienne-page #content .wrapper_7 { margin: 20px auto 0; padding: 0; width: min(1400px,calc(100% - 40px)); background: transparent; }
body.ve-guide-ancienne-page #content .wrapper_7 .container,
body.ve-guide-ancienne-page #content .wrapper_7 .row,
body.ve-guide-ancienne-page #content .wrapper_7 .grid_12 { width: 100%; max-width: 100%; margin: 0; padding: 0; float: none; }
body.ve-guide-ancienne-page #content .guide-ancienne-hero-texte .ve-share-intro { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }

/* ANCIENNE PAGE — tablette et téléphone. */
/* ANCIENNES PAGES — un seul partage visible, à côté de l’action principale. */
body.ve-guide-ancienne-page #content .guide-ancienne-hero-texte > .ve-share-button,
body.ve-guide-ancienne-page #content .guide-ancienne-hero-texte .ve-share-intro > .ve-share-button { display: none !important; }
body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions {
  display: flex !important; flex-wrap: nowrap !important; gap: 12px; align-items: center;
}
body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .guide-ancienne-bouton { flex: 1 1 auto; min-width: 0; width: auto; padding: 14px 16px; font-size: 15px; }
body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .ve-share-button {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  flex: 0 0 auto; width: auto !important; min-height: 50px; margin: 0 !important; padding: 13px 16px !important;
  border: 1px solid #c9dfe5; border-radius: 15px; background: #edf7f9; color: #087d97;
  font: 700 15px/1.4 Arial,sans-serif; opacity: 1; white-space: nowrap;
}
body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .ve-share-button svg { width: 20px; height: 20px; }
@media (max-width:400px) {
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions { gap: 8px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .guide-ancienne-bouton { font-size: 13px; padding-inline: 10px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .ve-share-button { font-size: 13px; padding-inline: 10px !important; }
}

/* ANCIENNES PAGES — neutraliser les anciennes grilles à largeur fixe. */
body.ve-guide-ancienne-page #content .guide-ancienne-section > .container,
body.ve-guide-ancienne-page #content .guide-ancienne-conseil .container {
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
}
body.ve-guide-ancienne-page #content .guide-ancienne-section .row,
body.ve-guide-ancienne-page #content .guide-ancienne-conseil .row {
  width: 100% !important; margin: 0 !important; padding: 0 !important;
}
body.ve-guide-ancienne-page #content .guide-ancienne-section :is(.grid_12,.grid_8),
body.ve-guide-ancienne-page #content .guide-ancienne-conseil [class*="grid_"] {
  width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important;
}
body.ve-guide-ancienne-page #content #reperes .grid_4:not(:has(img)) { display: none; }
body.ve-guide-ancienne-page #content .guide-ancienne-section[class*="wrapper_"] { padding-bottom: 0; background: transparent; }
body.ve-guide-ancienne-page #content .guide-ancienne-destinations::before,
body.ve-guide-ancienne-page #content .guide-ancienne-destinations::after { content: none !important; display: none !important; }
body.ve-guide-ancienne-page #content .guide-ancienne-ville-cellule { width: auto !important; min-width: 0; float: none !important; margin: 0 !important; padding: 0 !important; }
body.ve-guide-ancienne-page #content .guide-ancienne-ville.thumbnail { height: 100%; box-shadow: none; }
body.ve-guide-ancienne-page #content .guide-ancienne-section .caption { padding: 0; margin: 0 0 22px; }
body.ve-guide-ancienne-page #content .guide-ancienne-applications.guide-ancienne-conseil { grid-column: 1/-1; margin-bottom: 0; }
body.ve-guide-ancienne-page #content .guide-ancienne-section .cards-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
body.ve-guide-ancienne-page #content .guide-ancienne-section .cards-grid .card { padding: 24px; background: white; border: 1px solid #d8e6e9; border-radius: 18px; }
@media (max-width:600px) {
  body.ve-guide-ancienne-page #content .guide-ancienne-section .cards-grid { grid-template-columns: minmax(0,1fr); }
}

@media (max-width:1000px) {
  body.ve-guide-ancienne-page #content .guide-ancienne-hero { grid-template-columns: minmax(0,1fr); width: 100%; border-radius: 0; border: 0; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero-photo { padding: 0; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero-photo img { max-height: none; border-radius: 0; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero-texte { padding: 30px 24px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-reperes { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  body.ve-guide-ancienne-page #content .guide-ancienne-hero h1 { font-size: 36px; }
  body.ve-guide-ancienne-page #content p { font-size: 16px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-section { width: calc(100% - 28px) !important; padding-top: 36px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-navigation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: calc(100% - 28px); }
  body.ve-guide-ancienne-page #content .guide-ancienne-navigation a { text-align: center; padding: 12px 8px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-reperes { gap: 10px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-repere { padding: 16px; font-size: 15px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-destinations,
  body.ve-guide-ancienne-page #content .guide-ancienne-conseils { grid-template-columns: minmax(0,1fr); gap: 18px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-conseil { padding: 24px 20px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-ville { padding: 0 20px 8px; border-radius: 20px; }
  body.ve-guide-ancienne-page #content .guide-ancienne-ville-photo { margin: 0 -20px 22px; }
  body.ve-guide-ancienne-page #content .hero-actions { align-items: stretch; }
  body.ve-guide-ancienne-page #content .guide-ancienne-bouton { width: 100%; font-size: 15px; padding-inline: 12px; }
}

/* ANCIENNES PAGES — téléphone : conserver uniquement le partage mobile dédié. */
/* ANCIENNES PAGES — ordinateur : boutons ajustés à leur texte. */
@media (min-width:1001px) {
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .guide-ancienne-bouton {
    flex: 0 1 auto; width: auto; min-height: 46px; padding: 12px 20px; font-size: 15px;
  }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .ve-share-button {
    min-height: 46px; padding: 11px 16px !important;
  }
}

@media (max-width:700px) {
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .ve-share-button { display: none !important; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .hero-actions .guide-ancienne-bouton { width: 100%; flex: 1 1 100%; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero-texte > .guide-ancienne-surtitre { display: none; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .ve-share-mobile-bar { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 10px; margin: 0 0 22px !important; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .ve-share-mobile-caption { min-width: 0; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .ve-share-kicker { color: #087d97; font: 800 11px/1.4 Arial,sans-serif !important; letter-spacing: .03em; text-transform: uppercase; }
  body.ve-guide-ancienne-page #content .guide-ancienne-hero .ve-share-mobile-bar .ve-share-button { flex: 0 0 auto; min-height: 42px; padding: 10px 12px; font-size: 13px; }
}