/* =========================================================
 *  Page "A propos de nous (about)"
 *  Id: 796
 *  Objectif : fond d'image, aucune retouche breadcrumb, zéro espace breadcrumb -> titre
 */

:root{
  --vx-bg: #dbe4f2;
  --vx-ink: rgba(15, 23, 42, 0.92);
  --vx-shadow: 0 18px 42px rgba(0,0,0,0.35);

  --vx-inner: 1180px;
  --vx-title-max: 820px;

  --vx-blue-fill: rgba(66, 97, 138, 0.30);
  --vx-blue-border: rgba(66, 97, 138, 0.34); /* rgba(66, 97, 138, 0.34) */

  --vx-blue-line: rgba(28, 79, 135, 0.75); /* rgba(28, 79, 130, 0.55) */
}

/* Masquer le titre natif du thème, car on imprime notre cartouche */
body.page-id-796 .entry-title,
body.page-id-796 h1.entry-title,
body.page-id-796 h1.wp-block-post-title{
  display: none !important;
}

/* Éviter les gros vides Gutenberg (block-spacer) */
body.page-id-796 .wp-block-spacer{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* pleine largeur dans le "couloir" du thème */
body .entry-content .novatra-about {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%);
    box-sizing: border-box;
}

.novatra-about {
    position: relative;
    padding: 50px 1.5rem;
    background-color: var(--vx-bg);   /* fond bleu-gris clair */
    overflow: hidden;
}

/* image de fond */
.novatra-about::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--vx-about-bg); 
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;         
    z-index: 0;
}

/* conteneur interne */
.novatra-about__inner {
    position: relative;
    z-index: 1;
    max-width: var(--vx-inner);
    margin: 0 auto;
    box-sizing: border-box;
}

/* en-tête général */
.novatra-about__header {
    margin: 0 auto 3rem;
    max-width: 900px;
    padding: 2rem 2rem;
    background: rgba(15, 23, 42, 0.92);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
    color: #f9fafb;
}

.novatra-about__title {
    font-size: 2.6rem;    /* plus grand qu’avant */
    line-height: 1.25;
    margin: 0 0 0.9rem;
    color: #ffffff;       /* titre en blanc */
}

.novatra-about__lead {
    font-size: 1.15rem;   /* un peu plus gros */
    line-height: 1.6;
    margin: 10px 0 0 0 ;  
}

.novatra-about__lead.ligne1 {
   margin: 10px 0 10px 0 ;  
}

/* grille des blocs */
.novatra-about__grid {
    display: grid;
    gap: 2.4rem;
}

@media (min-width: 960px) {
    .novatra-about__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* cartes de contenu */
.novatra-about__block {
    background: rgba(66, 97, 138, 0.96);  /* bleu-gris techno, non fluo */
    border-radius: 18px;
    padding: 2rem 2.2rem;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
    color: #f9fafb;
    backdrop-filter: blur(6px);
}

.novatra-about__subtitle {
    font-size: 2rem;     /* comme demandé : titres bien visibles */
    font-weight: 500;
    margin: 0 0 1.5rem;
    color: #ffffff;
}

.novatra-about__tagline,
.novatra-about__subheading {
    font-size: 1.6rem;
    margin: 1.5rem 0 0.8rem;
    font-weight: 700;
    line-height: 1.3;
    color: #dcdee2;
}

.novatra-about__subheadingB {
    margin: 2rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.2;
    color: #ffffff;
}

.novatra-about__block p {
    margin: 0.8 0 0.8rem;
    font-size: 1.1rem;    /* texte un peu plus gros */
    line-height: 1.4;
    text-align: justify;
}

.novatra-about__list {
    margin: 0 0 0 0rem;
    padding-left: 1.2rem;
    font-size: 1.1rem;
    line-height: 1.4;
    text-align: justify;
}

.novatra-about__list--numbered {
    list-style: decimal;
}

.novatra-about__list li {
    margin-bottom: 0.6rem;
    padding-left: 0.7rem;
}

.novatra-about__list--numbered li::marker {
  color: #f5c84c;
  font-weight: 800;
}


.novatra-about__links {
    margin: 1rem 0 1.2rem;
    font-size: 1.02rem;
}

.novatra-about__links a {
    color: #bfdbfe;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.novatra-about__links a:hover,
.novatra-about__links a:focus {
    color: #ffffff;
}

.novatra-about__divider {
    border: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.6);
    margin: 1.8rem 0 1.4rem;
}