/* ==========================================================================
   Daytona ANIMA — daytona-cms-v1.0.0.css
   Mise en forme des pages CMS (Societe, Livraison, Mentions, CGV, Paiement).
   Cible le conteneur reel : #content.page-content--cms (cms/page.tpl).
   S'applique aux 5 pages CMS d'un coup.
   ========================================================================== */

/* Largeur de lecture confortable + respiration */
#content.page-content--cms {
  max-width: 860px;
  margin: 0 auto;
  padding: 30px 30px 70px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

/* Le contenu est enveloppe dans .cms-page-content (notre HTML) */
#content.page-content--cms .cms-page-content { width: 100%; }

/* Titre principal (H1 natif "A propos" rendu par le theme au-dessus, +
   notre H2 d'accroche). On harmonise les deux niveaux. */
#content.page-content--cms h1,
#content.page-content--cms h2 {
  font-family: 'Khand', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #000;
  line-height: 1.15;
  margin: 0 0 22px;
}
#content.page-content--cms h1 { font-size: 32px; }
#content.page-content--cms h2 { font-size: 25px; }

/* Sous-titres en orange */
#content.page-content--cms h3 {
  font-family: 'Khand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 20px;
  color: #eb6100;
  margin: 34px 0 12px;
}
#content.page-content--cms h4 {
  font-family: 'Khand', sans-serif;
  font-weight: 600;
  font-size: 17px;
  color: #000;
  margin: 24px 0 10px;
}

/* Paragraphes */
#content.page-content--cms p {
  margin: 0 0 16px;
}
#content.page-content--cms strong { color: #000; font-weight: 600; }

/* Listes a puces orange */
#content.page-content--cms ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}
#content.page-content--cms ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
}
#content.page-content--cms ul li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 9px;
  width: 8px;
  height: 8px;
  background: #eb6100;
  border-radius: 50%;
}

/* Listes numerotees (utiles pour CGV / mentions) */
#content.page-content--cms ol {
  padding-left: 22px;
  margin: 0 0 20px;
}
#content.page-content--cms ol li { margin-bottom: 10px; }

/* Liens orange */
#content.page-content--cms a {
  color: #eb6100;
  text-decoration: underline;
  font-weight: 500;
}
#content.page-content--cms a:hover { color: #c85200; }

/* Separateurs eventuels */
#content.page-content--cms hr {
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 30px 0;
}

/* Breadcrumb au-dessus : discret */
.page-content--cms ~ * .breadcrumb,
body.cms .breadcrumb__wrapper {
  font-size: 13px;
}

/* Tableaux eventuels (ex: tableau de tarifs livraison) */
#content.page-content--cms table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 24px;
  font-size: 15px;
}
#content.page-content--cms th,
#content.page-content--cms td {
  border: 1px solid #e0e0e0;
  padding: 10px 14px;
  text-align: left;
}
#content.page-content--cms th {
  background: #f5f5f5;
  font-family: 'Khand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 575px) {
  #content.page-content--cms { padding: 20px 18px 50px; font-size: 15px; }
  #content.page-content--cms h1 { font-size: 26px; }
  #content.page-content--cms h2 { font-size: 21px; }
  #content.page-content--cms h3 { font-size: 18px; }
}

/* ==========================================================================
   v1.0.1 : masquer le fil d'Ariane sur les pages CMS
   (le body des pages CMS porte la classe "cms" / page-cms)
   ========================================================================== */
body.cms .breadcrumb__wrapper,
body[class*="cms"] .breadcrumb__wrapper,
body.page-cms .breadcrumb__wrapper {
  display: none !important;
}

/* ==========================================================================
   v1.0.2 : masquer le titre de page natif sur les pages CMS
   Le theme rend un H1 (ex: "A propos") au-dessus du contenu, qui fait doublon
   avec le titre d'accroche fourni dans le contenu CMS. On le masque ; chaque
   page CMS porte donc son propre titre dans son contenu.
   ========================================================================== */
body.page-cms .page-header,
body.page-cms h1.page-title,
body.page-cms .page-content--cms > h1:first-child,
body[class*="cms-id"] .page-title {
  display: none !important;
}

/* ==========================================================================
   v1.0.3 : ciblage confirme par la console
   Le titre natif est : <h1 class="page-title-section"> dans <div class="page-header">
   ========================================================================== */
body.page-cms .page-header,
body.page-cms .page-title-section,
body[class*="cms-id"] .page-header {
  display: none !important;
}