/* CP Oct. 2024 */

/* CSS perso novembre 2025 */
/* adaptation menu principal panneau Nos formations */

#navigation .c-nav__highlight {
  display: none;
}

#navigation .c-nav__sublist {
  width: 66.66%;
}

#navigation .c-nav__subitem .sub-menu {
  margin-top: 1rem;
}

@media(max-width: 72.4375em) {
  #navigation .c-nav__sublist {
    width: 100%;
  }
}

/* ===== STYLE ITEMS MENU PRINCIPAL ===== */
/* Padding: +3px gauche/droite, +2px bas pour décaler le liseré */
#navigation .c-nav__btn {
  padding: 18px 28px 20px 19px !important;
}

/* Liseré 4px au hover et état actif */
#navigation .c-nav__btn:hover,
#navigation .c-nav__btn.c-active {
  box-shadow: inset 0 -4px 0 var(--opq-turquoise) !important;
  background-image: none !important;
}

/* État ouvert (dropdown) */
#navigation li.open > .c-nav__btn,
#navigation .nav-item.open > .c-nav__btn {
  background: var(--opq-navy-light) !important;
  color: var(--opq-bg-white) !important;
  box-shadow: inset 0 -4px 0 var(--opq-turquoise) !important;
}

/*  Masquage des chevrons si pas de lien */
li.c-nav__subitem.text span {
  display: inline-block;
  margin-left: -1.5rem;
  font-weight: bolder;
}

li.c-nav__subitem.text {
  background: none;
}

/* newsletter inscrition temporaire */
.iframe-wrapper iframe#iFrameResizer0 {
  min-height: 300px;
}


/* mini-test en iframe */
.mini_mooc_intro img,
.mini_mooc_intro figure {
  width: 140px !important;
}

/* TEMP POUR PROGRAMME FORMATION AUDIT */
.c-border {
  border: 1px solid;
  padding: 0 10px 10px 10px;
}

/* CSS TEMP pour Landing pages SEO */

header.landing-SEO,
article.landing-SEO {
  color: var(--opq-bg-white);
  background-color: var(--opq-navy-medium);
  line-height: 2em;
  max-width: 78.05556rem;
  margin: 0 auto;
}

header.landing-SEO {
  padding: 15px 0 0 15px;
}

header.landing-SEO img {
  width: 230px;
  height: auto;
}

.landing-SEO .two-columns {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 80px;
}

.landing-SEO .text-column,
.landing-SEO .image-column {
  width: 100%;
}

.landing-SEO .image-column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  display: block;
}

@media (min-width: 768px) {
  .landing-SEO .two-columns {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
  }

  .landing-SEO .text-column {
    order: 1;
    width: 66.66%;
    padding-right: 20px;
  }

  .landing-SEO .image-column {
    order: 2;
    width: 33.33%;
  }
}

@media (max-width: 767.98px) {
  .landing-SEO .image-column {
    text-align: center;
    margin-bottom: 20px;
    order: 1;
  }

  .landing-SEO .text-column {
    order: 2;
  }

  .landing-SEO .image-column img {
    max-width: 300px;
    margin: 0 auto;
  }
}

.landing-SEO .custom-container2,
.landing-SEO .custom-container3 {
  background: var(--opq-bg-white);
  color: var(--opq-navy-medium);
  padding: 30px 80px;
}

.landing-SEO .custom-container2 ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 30px;
  padding: 0;
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
  margin-top: 30px;
}

.landing-SEO .custom-container2 li {
  break-inside: avoid;
  margin-bottom: 8px;
}

.landing-SEO .custom-container2 li.puce {
  list-style-type: disc;
}

@media (max-width: 767px) {
  .landing-SEO .custom-container2 ul {
    columns: 1;
  }
}


.landing-SEO .custom-container3 {
  border-top: 2px solid var(--opq-navy-medium);
  padding: 30px 80px;
}

.landing-SEO .custom-container4 {
  padding: 30px 80px;
}

.landing-SEO .custom-container4 h2 {
  text-align: center;
}

.landing-SEO .custom-container4 .flex-container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding: 30px;
  flex-wrap: wrap;
}

.landing-SEO .custom-container4 .flex-item {
  background-color: var(--opq-gray-light);
  padding: 20px;
  text-align: center;
  min-width: 150px;
  flex: 1 1 200px;
  border: 1px solid var(--opq-border-light);
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .landing-SEO .custom-container4 .flex-container {
    flex-direction: column;
    align-items: center;
  }

  .landing-SEO .custom-container4 .flex-item {
    width: 100%;
    max-width: 400px;
  }
}

.landing-SEO .custom-container4 .flex-item a {
  color: var(--opq-navy-medium);
  text-decoration: none;
}

.landing-SEO .custom-container4 .flex-item a:hover,
.landing-SEO .custom-container4 .flex-item a:focus {
  color: var(--opq-turquoise);
  text-decoration: underline;
}


footer.landing-SEO {
  text-align: center;
  padding: 20px;
}

footer.landing-SEO a:hover,
footer.landing-SEO a:focus {
  color: var(--opq-turquoise);
}

footer.landing-SEO .no-wrap {
  white-space: nowrap;
}

/* CSS page de recherche Octobre 2024 */
.results-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 20vh;
}

.results-container>div {
  flex-basis: 100%;
  margin: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.results-container>div>h2 {
  margin-bottom: 0.5rem;
}

.results-container>div>nav {
  margin-bottom: 1rem;
}

.results-container>div.hidden {
  display: none;
}

.c-searchbox-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

#typesense-search-input {
  border-radius: 1.25em;
  min-width: 250px;
}

.c-submit {
  background: none;
  border: none;
  padding: 0;
  margin-right: 8px;
  cursor: pointer;
}

.c-submit__img {
  width: 24px;
  height: 24px;
}

.c-search-input {
  flex-grow: 1;
  padding: 8px 12px;
  border: 1px solid var(--opq-border-light);
  border-radius: 4px;
  font-size: 16px;
}

.autocomplete-results {
  position: absolute;
  top: calc(100% + 5px);
  left: -50px;
  width: 100%;
  border: 1px solid var(--opq-turquoise);
  background-color: var(--opq-bg-white);
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  min-width: 350px;
}

.autocomplete-item {
  padding: 10px;
  border-bottom: 1px solid var(--opq-border-light);
  cursor: pointer;
}

.autocomplete-item a {
  text-decoration: underline;
  font-weight: normal;
  font-size: 0.8em;
}

.autocomplete-item .category {
  font-size: 1em;
  margin-right: 5px;
}

.search-result-item {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--opq-border-light);
  padding-bottom: 10px;
}

.header-container {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

#copy-url-btn {
  background: transparent;
  border: none !important;
  color: black;
}

#copy-url-btn:hover {
  color: var(--opq-turquoise);
  cursor: pointer;
}

.search-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.search-card {
  width: calc(50% - 20px) !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid var(--opq-border) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.search-card h3 {
  margin: 0 !important;
  padding: 10px 16px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  background-color: var(--opq-gray-light) !important;
  color: var(--opq-navy-light) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--opq-border) !important;
}

.search-card h3::before {
  width: 28px !important;
  height: 28px !important;
  font-size: 14px !important;
  min-width: 28px !important;
}

.search-card__content {
  padding: 12px 16px;
  background: var(--opq-bg-white);
}

.search-card__list {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

.search-card__item {
  padding: 8px 0;
  border-bottom: 1px solid var(--opq-gray-light);
}

.search-card__item:last-child {
  border-bottom: none;
}

.search-card__item h4 {
  margin: 0 0 4px 0 !important;
  font-size: 0.95em !important;
}

.search-card__highlights {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 4px 0 0 0 !important;
  font-size: 0.85em;
  color: var(--opq-gray-medium);
}

.search-card__highlights li {
  margin: 2px 0 !important;
}

.no-results {
  color: red;
  font-weight: bold;
}

.c-search-input-header {
  padding-right: 3rem;
  outline-offset: 0;
  border-radius: 1.25rem;
  font-size: 1.2rem;
  height: 3rem;
  padding: 0.5rem 1rem;
  text-align: center;
}

input,
select,
textarea {
  display: block;
  width: 100%;
  padding: calc(var(--baseline) * 1.5) 1rem;
  color: var(--opq-navy-medium);
  font-weight: 400;
  background-color: var(--opq-gray-pale);
  border: 1px solid var(--opq-border);
  border-radius: 0;
}


/* Formulaire affinités Juin 2024  + formulaires */
.frm_forms {
  margin: 2.5rem;
}


.mini_mooc_intro h2 {
  color: var(--opq-navy-medium);
  margin-top: 10px;
}

@media (min-width: 50em) {
  .s-cms .frm_form_field h2 {
    margin-top: .5em;
  }
}

/* MINI-TEST MAI 2024 */

input.review_button,
.wpProQuiz_reviewLegend {
  display: none !important;
}

.wpProQuiz_response article.c-card {
  max-width: none;
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 15px;
  margin-top: 1rem;
  background-color: var(--opq-navy-medium);
}

.wpProQuiz_reviewQuestion li {
  padding: 12px 0 !important;
  width: 44px !important;

}

.mini_mooc_intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 4%;
  padding: 0 1rem;
}

.answertext_inner {
  padding-left: 0.5em;
}

@media (min-width: 55em) {
  .mini_mooc_intro {
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    column-gap: 4%;
  }
}

.mini_mooc_intro img,
.mini_mooc_intro figure {
  width: 240px;
  max-width: 240px;
  height: auto;
}

.wpProQuiz_reviewQuestion {
  border: 0;
  background: none;
  font-size: 0.7em
}

.wpProQuiz_reviewQuestion ol {
  display: inline-block;
}

.c-card .wpProQuiz_questionList {
  background-color: var(--opq-bg-white) !important;
  padding: 1rem !important;
}

.c-card .wpProQuiz_questionListItem {
  margin-bottom: 10px !important;
}

/* Affichage des règles en corrigé */
.wpProQuiz_response .c-card--horizontal.grid .pa2 {
  padding: 2rem;
}

.wpProQuiz_response article.c-card a {
  text-decoration: none;
}

.wpProQuiz_response article.c-card a:focus,
.wpProQuiz_response article.c-card a:hover {
  text-decoration: underline;
  color: var(--opq-bg-white);
}

.wpProQuiz_response .c-card--horizontal {
  background: none;
}

.wpProQuiz_response li {
  list-style-type: disc;
}

.wpProQuiz_text p {
  margin-top: calc(var(--baseline)*4rem);
}

.wpProQuiz_questionListItem .frm_checkbox {
  margin: .1rem 0;
}

.wpProQuiz_questionListItem .frm_checkbox input,
.wpProQuiz_questionListItem .frm_radio input {
  width: 1em;
  height: 1em;

}

.wpProQuiz_questionListItem .frm_label {
  line-height: 1.5;
}

/* transcript vidéo */
.mini_mooc_intro .c-disclosure__btn,
.wpProQuiz_results .c-disclosure__btn {
  text-align: center;
}

/* barre d'avancement (accessiblité) */
span.wpProQuiz_reviewQuestion_Status {
  display: none;
}

.solved span.wpProQuiz_reviewQuestion_Status {
  display: block;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* réponse correcte/incorrecte (accessibilité) */
.isCorrect,
.isInCorrect {
  display: none;
}

.wpProQuiz_answerCorrect .isCorrect {
  display: block;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.wpProQuiz_answerIncorrect .isInCorrect {
  display: block;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


/* Déplacement bouton question suivante / blocs corrections */

.wpProQuiz_response {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

.wpProQuiz_next_button {
  display: block;
  margin: 15px 0;
}

/* Joker "je ne sais pas" */
.wpProQuiz_questionList {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

ul.joker {
  margin-top: 0;
  margin-bottom: 10px;
}

/* Couleurs réponses justes/fausses */
.wpProQuiz_answerCorrect {
  background-color: var(--opq-green-light) !important;
}

.wpProQuiz_answerIncorrect {
  background-color: var(--opq-red)C2 !important;
}

/* Formulaire final Formidable */
#frm_form_44_container {
  margin-top: 60px;
}

#frm_form_44_container #frm_form_44_container #frm_form_44_container {
  display: none;
}

/* blue header page simple short*/
.c-page-header.c-page-header-short {
  padding-bottom: calc(var(--baseline)*4rem);
}

@media (min-width: 50em) {
  .c-page-header.c-page-header-short {
    padding-bottom: calc(var(--baseline)*6rem);
  }
}

/* FOOTER NOVEMBRE 2023 */

a.c-footer__map-link,
a.c-footer__phone {
  text-decoration: underline;
}

a.c-footer__map-link:hover,
a.c-footer__map-link:focus,
a.c-footer__map-link:active,
a.c-footer__phone:hover,
a.c-footer__phone:focus,
a.c-footer__phone:active {
  text-decoration: none;
}


.footer_qualiopi img {
  display: block;
  margin: 15px 0;
}

/* PAGE PLAN DE SITE - Styles déplacés vers sitemap-treeview.css */


/* TABLEAU ARTICLE PAUL 
Empowering digital teams with « T-shaped Agility »
*/

.manifesto {
  max-width: none;
}

.c-page-header.manifesto {
  padding-bottom: calc(var(--baseline)*5rem);
}

.manifesto h1 {
  font-size: 2rem !important;

}

.manifesto .intro {
  background: lightgray;
  padding: 30px 1rem;
  margin-right: -1rem;
  margin-left: -1rem;
}

.manifesto .intro p:first-child {
  margin-top: 0;
}

.manifesto .intro-content {
  max-width: 40rem;
  margin-right: auto;
  margin-left: auto;
}

.manifesto-content,
.manifesto .comments-area {
  max-width: 40rem;
  margin-right: auto;
  margin-left: auto;
}

.manifesto p {
  margin-top: calc(var(--baseline)*6rem);
}

.manifesto img {
  margin: 25px auto;
  max-width: 30rem;
}

.manifesto .no-max-width img {
  max-width: 100%;
}

.manifesto table {
  margin: 25px 0;
}

.manifesto table th,
.manifesto table td {
  padding: 5px 15px;
  vertical-align: top;
}

/* STYLES FENÊTRE MODALE */

.hidden {
  display: none;
}

button.js-modal.asimage {
  background: none;
  border: none;
}

button.js-modal.asimage:hover,
button.simple-modal-close:hover {
  cursor: pointer;
}

button.simple-modal-close {
  background: var(--opq-navy-panel);
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 0.9em;
  text-transform: none;
  font-weight: 700;
  float: right;
  margin: -20px -20px 30px 0;
  color: var(--opq-bg-white);
}

.simple-modal__content img {
  box-shadow: .125em .125em .125em rgba(47, 69, 84, .2);
}

/* overlay covers everything */
.simple-modal-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(028, 055, 068, 95%);
  z-index: 10100;
  height: 800%;
}

/* Modale personnalisation */
.simple-modal {
  border: 0;
  z-index: 10200;
  position: fixed;
  left: 15%;
  width: 70%;
  top: 5vh;
  max-height: 90vh;
  background: var(--opq-bg-white);
  padding: 2em;
  right: auto;
  overflow: auto;
}

.simple-modal-title {
  font-size: 1.5em;
}

.simple-modal__content {
  padding: 30px;
}

/* debug messages d'erreurs internes en urgence */
.error {
  display: none !important;
}

/* scss Corinne à modifier */

/* carte certifié pour formateurs */
.c-card__subtitle.c-card__session {
  margin-bottom: 0;
}

/* mini-quiz */
.js-to_expand[data-hidden="true"] {
  display: none
}

#wpProQuiz_answerList,
.txtleft {
  text-align: left
}

#wpProQuiz_answerList .FAUX {
  display: inline-block;
  margin-right: 20px
}

.expandmore__button:hover {
  cursor: pointer;
}


/* blockquote blog */
.single-post blockquote {
  margin-left: 20px
}

/* formulaires Formidables (non) */
.frm_full {
  width: 100%;
}


/* VIRER LA DOUBLE MARGE SUR Ier H2 après u-space-header */
.u-space-header>h2:first-child {
  margin-top: 0;
}

/* DEBUG TEMPORAIRE DES CARTES 
   reporter dans la scss */
article.c-card,
a.c-statistics__link--graduate {
  max-width: 360px;
}

.swiper-wrapper article.c-card,
article.c-card--download,
.swiper-wrapper a.c-statistics__link--graduate,
.c-limelight article.c-card,
.commentlist article.c-card,
article.c-card--download-list,
article.c-card--financial {
  max-width: none;
}

/* CARTE ÉQUIPE 
   reporter dans la scss */
.c-card--team {
  min-height: 350px;
}

.c-card--team .c-card__score {
  background: none;
}

.c-card--team p q {
  quotes: none;
  font-style: italic;
}

/* ALIGNEMENT 
   shortcode bouton d'action
   reporter dans la scss */
[class].u-txt-right {
  text-align: right;
}

/* CLASSES DE REMPLACEMENT DES TITRES Hn */
.c-card .c-h3 {
  margin-bottom: 0;
}

.c-h2>a,
.c-h3>a,
.c-h4>a,
.c-h5>a,
.c-h6>a {
  text-decoration: none;
}

/* SUPPRIMER VIRGULES EN GENERATED CONTENT CSS DANS LES LISTES DE TAGS (CARTES BP) */
.c-icon__keyword:not(:last-child)::after {
  content: '';
}


/* LIEN SUR LE LIBELLÉ DE LA BOP DANS LES CARTES MISE EN AVANT BP. COMME ÇA OU IL Y A DES EFFETS DE BORD AILLEURS ? */
.c-push__content a {
  text-decoration: none;
}

.c-push__content a:hover,
.c-push__content a:focus {
  color: var(--opq-turquoise);
}

/*WRAP DU CODE */
pre {
  word-break: break-all;
  white-space: normal;
}

/*STYLES DU BOUTON DE COMMENTAIRES*/
.comment-form .submit {
  padding: calc(var(--baseline) * 1.5rem) 1.22222rem calc(var(--baseline) * 2rem);
  display: inline-block;
  font-weight: 700;
  color: var(--opq-bg-white);
  text-decoration: none;
  background-color: var(--opq-turquoise);
  border-radius: 2.82353rem;
  transition: all var(--transition-duration);
  -webkit-appearance: none;
  appearance: none;
  margin: 1rem auto;
}

.comment-form textarea {
  margin-bottom: 1rem;
}


/* MESSAGES D'ERREUR EN FRONT */
.error {
  color: red;
  padding: 10px;
  border: 1px solid red;
}

/* SUBTITLES POUR LES PAGES
   À FINIR */
.c-page-header__title span.c-header__description {
  font-size: 0.4em;
  /* petit... */
  margin-top: 30px;
  /* avec une marge... */
  display: block;
}

p.c-header__description {
  font-weight: bolder;
}


/* IMAGES EN FLOAT À FINIR PAR @media */
.image-float-left img,
.image-float-right img {
  float: none;
  margin: 2em auto;
}

@media (min-width: 49em) {
  .image-float-left {
    float: left;
    margin-right: 65px;
  }

  .image-float-right {
    float: right;
    margin-left: 65px;
  }

  .image-float-left img,
  .image-float-right img {
    margin-top: 0.2em;
    margin-bottom: 1em;
  }
}

.image-float-left img,
.image-float-right img {
  max-width: 360px;
}

.c-card--image-text {
  clear: both;
  overflow: hidden;
}

.c-card--image-text h2,
.c-card--image-text h3,
.c-card--image-texth4,
.c-card--image-text h5 {
  margin-top: 0;
}

.c-card--border {
  padding: calc(var(--baseline) * 4rem) 2rem;
  background-color: var(--opq-bg-white);
  box-shadow: 0 0.25em 0.75em 0 rgba(0, 0, 0, 0.2);
}

/*pagination suppr hover sur page suivante*/
.c-pagination__item:last-child>a:focus,
.c-pagination__item:last-child>a:hover {
  color: var(--opq-turquoise);
  background-color: transparent !important;
}

/* opquast preview pour admin (doit être en front) */
.oq-preview {
  color: red;
  font-size: 0.7em
}

.oq-preview .dashicons-arrow-down-alt {
  vertical-align: bottom;
}

/*Margin-bottom cartes commentaires*/
.commentlist .c-card {
  margin-bottom: calc(var(--baseline) * 6rem);
}

/* espace moins large pour marge bottom */
.u-space-footer__small {
  margin-bottom: calc(var(--baseline) * 6rem);
}

/*.c-active{
	    background-image: linear-gradient(var(--opq-turquoise-lighter), var(--opq-turquoise-lighter));
	    padding-right: .5ch;
    background-repeat: no-repeat;
    background-position: 100% 60%;
	background-size: 80% 1ex;align-content
}*/
.c-active {
  background-image: linear-gradient(var(--opq-turquoise), var(--opq-turquoise));
  background-size: calc(100% - 3rem) calc(var(--baseline) * 1rem);
}

.c-nav__link:hover.c-active,
.c-nav__link:focus.c-active {
  color: var(--opq-bg-white);
}


/* abréviations discrètes */
abbr.c-notdot {
  text-decoration: none;
}

/* bloc transcript des vidéos */
.c-transcript {
  margin-top: 0;
}

.c-transcript .c-disclosure__btn[aria-expanded]::after {
  position: relative;
  display: inline-block;
  margin-left: 1rem;
}

.u-button-center button {
  text-align: center;
}

/* alignement légende images */
figure.u-center {
  text-align: center;
}

/*pas de gras sur accordéon*/
.c-disclosure__btn[aria-expanded="true"] {
  font-weight: normal;
}

/*item menu premier niveau ios */
.c-nav__link {
  appearance: auto;
  -webkit-appearance: none;
}

/*padding mini-test*/
#wpProQuiz_answerListWrapper .js-expandmore,
.oq_demo-video {
  padding: 20px 0;
}


/* test image libre dans le header des posts et la grille frontpage */
.single-post .c-semicircle--logo img {
  max-width: none;
}

.is-illustrated a.c-card__illustration {
  max-height: 234px;
}

/* ajout pour compenser la div.u-space-header des pages de blog */

@media (min-width: 50em) {
  .s-cms div.u-space-header>*+* {
    margin-top: calc(var(--baseline)*6rem);
  }
}


/* Pour tous les tableaux */
.c-table,
.c-table caption {
  margin-bottom: 1rem
}

/* tableau scores title + image */

.c-table.score [data-title="Badge"] {
  min-width: 180px;
  padding: 1rem 0;
}

@media (max-width:49.99em) {
  .c-table.score td::before {
    display: none;
  }

  .c-table.score caption {
    padding-bottom: 1rem;
  }

  .c-table.score th {
    display: block;
    font-size: 1.5rem;
  }
}

/*vidéo*/
iframe {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/* Page Job, logos */
.logo_job_wrapper {
  min-height: 170px;
}

/* taille police recherche */
input[type="search"] {
  font-size: .9em;
}

/* Menu responsive Recheche et langue.*/

@media (hover: hover) and (max-width: 72.4375em),
(hover: none) {
  form#aa-input-container {
    left: -2rem;
  }
}

/*Abbo NL*/

.iframe-wrapper {
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: calc(var(--baseline)*28rem);
}

/* Formulaire Newsletter Mailjet */
.newsletter-form-wrapper {
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 20px;
  background: var(--opq-navy-medium);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* checkbox */
.frm_checkbox input,
.frm_radio input {
  appearance: auto;
  -webkit-appearance: checkbox;
}

select {
  background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
  background-color: var(--opq-gray-pale);
  border: 1px solid var(--opq-border);
  background-size: auto;
  background-size: 16px 16px;
  cursor: pointer;
}


/* Grille logo */
.logo-grid {
  display: flex;
  align-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--baseline)*12rem);
}

.logo-grid figure {
  width: 125px;
  height: auto;
  margin-right: 30px;
  margin-bottom: 30px;
}

.logo-grid figure img {
  max-height: 100px;
  width: auto;
}

/* Logos responsives - tablette */
@media (max-width: 768px) {
  .logo-grid figure {
    width: 100px;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .logo-grid figure img {
    max-height: 80px;
  }
}

/* Logos responsives - mobile */
@media (max-width: 480px) {
  .logo-grid {
    justify-content: center;
  }

  .logo-grid figure {
    width: 80px;
    margin-right: 15px;
    margin-bottom: 15px;
  }

  .logo-grid figure img {
    max-height: 60px;
  }
}

/* Message de validation des formulaires */
.frm_message>p:nth-child(1) {
  font-size: 16px;
  padding: 1rem;
}

/* Témoignages Vs Présentation start */
.c-page-header .c-blockquote[role="presentation"] {
  background-image: none;
  padding-left: 0;
}

.c-blockquote[role="presentation"] .c-btn {
  font-size: 1rem;
}

/* Page avec encart à droite */
.bloc-encart {
  border: 3px solid var(--opq-yellow);
  margin: 1rem 0 1rem 0;
  padding: 0px 20px 40px 20px;
}

@media (max-width: 59.99em) {

  .container-encart p,
  .container-encart ul {
    margin-top: calc(var(--baseline)*4rem);
  }
}

@media (min-width: 60em) {
  .container-encart {
    display: flex;
    justify-content: space-between;
  }

  .container-encart p,
  .container-encart ul {
    margin-top: calc(var(--baseline)*6rem);
  }

  .bloc-encart-maincontent {
    max-width: 65%;
    margin-top: -3rem;
  }

  .bloc-encart {
    max-width: 30%;
    margin: -.8rem 0 0 1rem;
    padding: 0px 20px 40px 20px;
  }
}

/* STYLES LANDING PAGE */
.homelink {
  float: right;
}

/* STYLES LANDING PAGE */
/* header */
.landing-header {
  background: var(--opq-bg-white);
  color: var(--opq-navy-medium);
  padding-bottom: 1rem;
}

.landing-header img {
  display: inline-block;
}

.landing-header .c-page-header__title span.c-header__description {
  font-size: 1.4rem;
}

.landing-header .c-page-header__title {
  margin-top: calc(var(--baseline)*6rem);
  font-size: 2.7em;
}

.landing-header .c-page-header__title .affinity {
  font-size: 2rem;
}

/**/
.page-template-pageLanding .c-backdrop--limelight {
  color: white;
}

.s-cms .landing-1 {
  margin-top: 0
}

/* elements */
.c-btn.big-btn {
  font-size: 1.2em;
  margin: 20px 0;
}

.landing-0 p,
.landing-1 .illus-right {
  text-align: center;
}

.c-btn.l-btn {
  border-radius: calc(var(--baseline)*2rem);
}

.m20 {
  margin-top: 20px;
}

.u-txt-left {
  text-align: left;
}

.landing-1 {
  color: white;
}

.page-template-pageLanding p {
  padding: .5em 0;
}

.landing-0,
.landing-2>div {
  padding-bottom: calc(var(--baseline)*6rem);
}

/* background */
.page-template-pageLanding .c-backdrop {
  padding-top: calc(var(--baseline)*1rem);
  padding-bottom: calc(var(--baseline)*12rem);
}

/* listes */
.page-template-pageLanding ul {
  padding: 0;
  text-align: left;
  display: inline-block;
  margin: 10px auto;
  list-style-position: inside;
}

.page-template-pageLanding li {
  padding-top: 0.5em;
}

.page-template-pageLanding .flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.illus-right {
  text-align: center
}

.page-template-pageLanding .flex ul {
  min-width: 180px;
  flex-shrink: 4;
  margin: 30px auto;
  color: white;
  padding-bottom: 20px;

}

.border-color {
  border-bottom: solid;
  border-bottom-width: 4px;
}

.no-puce {
  list-style-type: none;
}

/* couleurs */
.landing-5 h2 {
  color: var(--opq-bg-white);
}

.bg_dark::before {
  top: 0;
  background-color: var(--opq-navy-medium);
}

.bg_light::before {
  top: 0;
  background-color: var(--opq-gray-200);
}

.border-color.b-mercury {
  border-color: var(--opq-gray-soft);
}

.border-color.b-valencia {
  border-color: var(--opq-red);
}

.b-eastern-blue {
  border-color: var(--opq-turquoise);
}

.b-mantis {
  border-color: var(--opq-green);
}

.b-fuel-yellow {
  border-color: var(--opq-yellow);
}

/* écran big */
@media (min-width: 91.625em) {
  .landing-1 .illus {
    margin-top: 4em;
  }

  .page-template-pageLanding .flex ul {
    margin: 5px 0 20px 20px;
  }

  .landing-1 .illus-right {
    text-align: right
  }

  .page-template-pageLanding .flex {
    justify-content: flex-end
  }

  .landing-1::before {
    background-image: url(/wp-content/themes/opquast/css/img_bg/img2-2.svg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 675px 456px;

  }

  .page-template-pageLanding .landing-1.c-backdrop {
    padding-bottom: calc(var(--baseline)*6rem)
  }

  .landing-4::before {
    top: 0;
    background-image: url(/wp-content/themes/opquast/css/img_bg/img4.svg);
    background-position: 25px top;
    background-repeat: no-repeat;
    background-size: 300px 600px;
  }
}

/**Liens externes**/
.external {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1777_155)'%3E%3Cpath d='M22 0C21.1938 0 20.4625 0.4875 20.15 1.2375C19.8375 1.9875 20.0125 2.84375 20.5812 3.41875L23.1688 6L12.5875 16.5875C11.8062 17.3687 11.8062 18.6375 12.5875 19.4188C13.3687 20.2 14.6375 20.2 15.4187 19.4188L26 8.83125L28.5875 11.4187C29.1625 11.9937 30.0187 12.1625 30.7687 11.85C31.5187 11.5375 32.0062 10.8125 32.0062 10V2C32.0062 0.89375 31.1125 0 30.0063 0H22ZM5 2C2.2375 2 0 4.2375 0 7V27C0 29.7625 2.2375 32 5 32H25C27.7625 32 30 29.7625 30 27V20C30 18.8937 29.1063 18 28 18C26.8937 18 26 18.8937 26 20V27C26 27.55 25.55 28 25 28H5C4.45 28 4 27.55 4 27V7C4 6.45 4.45 6 5 6H12C13.1063 6 14 5.10625 14 4C14 2.89375 13.1063 2 12 2H5Z' fill='%23254356'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1777_155'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  padding-right: 15px;
  padding-bottom: 4px;
}

@media (min-width: 72.5em) {
  .landing-0 {
    min-height: 14rem
  }

  .landing-2 {
    background-image: url(/wp-content/themes/opquast/css/img_bg/img3.svg);
    background-position: 630px bottom;
    background-repeat: no-repeat;
    background-size: 600px 566px;
  }

  .landing-0 {
    background-image: url(/wp-content/themes/opquast/css/img_bg/img1.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 370px 245px;

  }

  .landing-0 p {
    text-align: left
  }
}

@media (max-width: 49.99em) {
  .c-table.nbf.score caption {
    padding-top: 1rem;
    font-size: 1.1em;
  }
}

.blog-blockquote {
  background-image: url("../images/icon.svg#quote");
  background-repeat: no-repeat;
  background-position: left calc(var(--baseline) * -1rem);
}

/* ==========================================================================
   CSS de personnalisation - Fiche produit et page d'accueil (Février 2026)
   Intégration depuis le customizer WP
   ========================================================================== */

/* TEST HEASER COURT GÉNÉRALISÉ */
/* défaut */
.c-page-header:not(.c-page-header--partner) {
  padding-bottom: 1rem;
}

/* blog, */
.c-page-header.c-page-header--partner {
  padding-bottom: 3.6rem;
}

/* Annexes */
.page-template-pageOnglets .c-page-header,
.page-template-pageOngletsCheklist .c-page-header {
  padding-bottom: 3rem;
}

/* Pages 2025 BHA */
.c-page-header.c-header-short {
  padding-bottom: 1rem;
}

.c-col-oq {
  display: flex;
  gap: 1rem;
  margin: 1rem 0;
}

.col-oq {
  flex: 1;
}

.page-template-page-header-short .call-to-action {
  text-align: center;
}

/* header libre de la homepage 
* Préfixer avec le sélecteur #header_2025 
*/

#header_2025 H2 {
  margin-top: 0;
  margin-bottom: 0;
}

#header_2025 .container {
  display: flex;
  gap: 20px;
  max-width: 900px;
  width: 100%;
}

#header_2025 .colonne {
  flex: 1;
  background: white;
  margin-top: 10px;
  border-radius: 5px;
  padding: 30px 20px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  text-align: center;
  transition: transform 0.3s ease;
}

#header_2025 .container-start {
  background-color: var(--opq-navy);
  color: var(--opq-bg-white);
  padding: 40px;
}

/* Tablettes : 2 colonnes puis 1 */
@media (max-width: 900px) {
  #header_2025 .container {
    flex-wrap: wrap;
  }

  #header_2025 .colonne {
    flex: 1 1 calc(50% - 10px);
    min-width: 250px;
  }
}

/* Mobile : 1 colonne */
@media (max-width: 600px) {
  #header_2025 .container {
    flex-direction: column;
  }

  #header_2025 .colonne {
    flex: 1 1 100%;
    padding: 25px 15px;
  }

  #header_2025 .colonne h2 {
    font-size: 1.3rem;
  }

  #header_2025 .icone {
    font-size: 2.5rem;
    margin-bottom: 15px;
  }
}

/* Règles horizontales - Style discret */
hr {
  border: none;
  height: 1px;
  background-color: var(--opq-border);
  margin: 1.5rem 0;
}

/* ==========================================================================
   SIDEBAR OPQUAST START (Homepage)
   ========================================================================== */

#header_2025 .c-homepage-sidebar {
  background: var(--opq-navy);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 24px;
  text-align: center;
}

#header_2025 .c-homepage-sidebar,
#header_2025 .c-homepage-sidebar p,
#header_2025 .c-homepage-sidebar strong {
  color: var(--opq-bg-white);
}

#header_2025 .c-homepage-sidebar h2 {
  color: var(--opq-bg-white);
  font-size: 1.5rem;
  margin: 0 0 8px 0;
}

#header_2025 .c-homepage-sidebar img {
  display: block;
  margin: 16px auto;
  width: 150px;
  height: auto;
  border-radius: 50%;
  border: 4px solid var(--opq-turquoise);
}

#header_2025 .c-homepage-sidebar .c-product-btn {
  display: inline-block;
  margin-top: 16px;
  background: var(--opq-turquoise);
  color: var(--opq-bg-white);
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
}

#header_2025 .c-homepage-sidebar .c-product-btn:hover {
  background: var(--opq-turquoise-dark);
}

/* ===== RESPONSIVE TABLETTES ===== */
@media (max-width: 60em) {
  /* Landing pages - transition progressive */
  .landing-SEO .text-column {
    width: 60%;
    padding-right: 15px;
  }

  .landing-SEO .image-column {
    width: 40%;
  }

  /* Containers landing avec padding réduit */
  .landing-SEO .custom-container2,
  .landing-SEO .custom-container3 {
    padding: 25px 40px;
  }
}

/* ===== RESPONSIVE MOBILE ===== */
@media (max-width: 48em) {
  /* Mini-test images - taille réduite */
  .mini_mooc_intro img,
  .mini_mooc_intro figure {
    width: 160px;
    max-width: 160px;
  }
}

/* ===== RESPONSIVE PETITS ECRANS ===== */
@media (max-width: 29.99em) {
  /* Autocomplete - éviter débordement sur écrans 320px */
  .autocomplete-results {
    min-width: 280px;
    left: 0;
    right: 0;
    width: auto;
  }

  /* Mini-test images - encore plus petit */
  .mini_mooc_intro img,
  .mini_mooc_intro figure {
    width: 140px;
    max-width: 140px;
  }
}

/* ===== RESPONSIVE COLONNES - Tablettes et mobiles ===== */
/* Breakpoint 960px pour empiler les colonnes plus tôt */
/* Note: .o-media utilise CSS Grid, pas Flexbox */
@media (max-width: 960px) {
  /* Homepage hero - colonnes verticales (Grid layout) */
  .c-homepage-hero .o-media,
  .c-homepage-hero #header_2025 .o-media,
  .c-page-header--invert .o-media,
  #header_2025 .o-media {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "illustration" "content" !important;
    gap: 24px !important;
  }

  .c-homepage-hero .o-media__content,
  .c-homepage-hero #header_2025 .o-media__content,
  .c-page-header--invert .o-media__content,
  #header_2025 .o-media__content {
    grid-area: content !important;
  }

  .c-homepage-hero .o-media__illustration,
  .c-homepage-hero #header_2025 .o-media__illustration,
  .c-page-header--invert .o-media__illustration,
  #header_2025 .o-media__illustration,
  .c-homepage-sidebar {
    grid-area: illustration !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  /* Colonnes cards homepage (Flex layout) */
  #header_2025 .container {
    flex-direction: column !important;
  }

  #header_2025 .colonne {
    flex: none !important;
    width: 100% !important;
  }

  /* Colonnes génériques .c-col-oq (Flex layout) */
  .c-col-oq {
    flex-direction: column !important;
  }

  .c-col-oq .col-oq {
    width: 100% !important;
  }

  /* Sommaire sticky - passe en dessous du contenu (Flex layout) */
  .c-opposite-toc,
  .c-opposite-toc-right {
    flex-direction: column !important;
  }

  #opq-sticky-sidebar,
  .c-opposite-toc__summary.c-summary,
  .c-summary.js-summary {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 2rem !important;
  }
}

/* ===== COMPOSANTS PAGES FINANCEMENT ===== */

/* Stat box - grands chiffres */
.c-stat-box {
  background: var(--opq-bg-light, #f8f9fa);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  margin-bottom: 1.5rem;
}

.c-stat-box__number {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 8px 0;
  color: var(--opq-navy, #254356);
}

.c-stat-box__label {
  font-size: 1.1rem;
  margin: 0;
  opacity: 0.9;
}

/* Grilles flexbox responsive */
.c-flex-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 1.5rem;
}

.c-flex-grid--lg {
  gap: 20px;
}

/* Cartes avec bordure accent */
.c-card-accent {
  background: #FFFFFF;
  border: 1.5px solid #E1E1E1;
  padding: 20px;
  border-radius: 8px;
  flex: 1 1 calc(50% - 16px);
  min-width: 250px;
  box-sizing: border-box;
}

.c-card-accent--left-navy {
  border-left: 5px solid var(--opq-navy, #254356);
}

.c-card-accent--left-turquoise {
  border-left: 5px solid var(--opq-turquoise, #1C9B9C);
}

.c-card-accent--top-navy {
  border-top: 5px solid var(--opq-navy, #254356);
  border-left: none;
  border-radius: 12px;
  padding: 24px;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 280px;
}

.c-card-accent--top-turquoise {
  border-top: 5px solid var(--opq-turquoise, #1C9B9C);
  border-left: none;
  border-radius: 12px;
  padding: 24px;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 280px;
}

.c-card-accent--top-gray {
  border-top: 5px solid #6B7280;
  border-left: none;
  border-radius: 12px;
  padding: 24px;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 280px;
}

.c-card-accent__title {
  color: var(--opq-navy-dark, #112f42);
  font-size: 1rem;
  font-weight: 600;
}

.c-card-accent__text {
  margin: 10px 0 0 0;
  color: #64748B;
  font-size: 0.92rem;
  line-height: 1.5;
}

.c-card-accent__heading {
  margin: 0 0 16px 0;
  color: var(--opq-navy-dark, #112f42);
  font-size: 1.1rem;
}

.c-card-accent__list {
  margin: 0;
  padding-left: 20px;
  color: #334155;
  font-size: 0.92rem;
  line-height: 1.8;
}

/* Encadré warning/note */
.c-notice {
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 1.5rem;
}

.c-notice--warning {
  background: #FEF3C7;
  border-left: 4px solid #F59E0B;
}

.c-notice--warning p {
  margin: 0;
  color: #92400E;
  font-size: 0.95rem;
}

.c-notice--info {
  background: var(--opq-bg-light, #f0f9ff);
  border-left: 4px solid var(--opq-turquoise, #1C9B9C);
}

/* Section CTA fond sombre */
.c-cta-dark {
  background: var(--opq-navy, #254356);
  border-radius: 12px;
  padding: 28px;
  color: white;
  margin-bottom: 1.5rem;
}

.c-cta-dark--centered {
  text-align: center;
  padding: 32px;
}

.c-cta-dark__title {
  margin: 0 0 12px 0;
  font-size: 1.3rem;
  color: white;
}

.c-cta-dark__subtitle {
  margin: 0 0 24px 0;
  opacity: 0.9;
  font-size: 1rem;
}

.c-cta-dark__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin-bottom: 24px;
}

.c-cta-dark__stat {
  text-align: center;
}

.c-cta-dark__stat-number {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  color: white;
}

.c-cta-dark__stat-number--accent {
  color: var(--opq-turquoise, #1C9B9C);
}

.c-cta-dark__stat-label {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.7);
  margin: 4px 0 0 0;
}

.c-cta-dark__list {
  margin: 0 0 24px 0;
  padding-left: 20px;
  color: rgba(255,255,255,0.9);
  font-size: 0.95rem;
  line-height: 2;
}

/* Boutons CTA */
.c-cta-dark__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.c-btn-pill {
  padding: 14px 28px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  display: inline-block;
}

.c-btn-pill--primary {
  background: var(--opq-turquoise, #1C9B9C);
  color: white;
}

.c-btn-pill--outline {
  background: transparent;
  color: white;
  border: 2px solid white;
}

/* Encadré devis */
.c-quote-box {
  background: #FFFFFF;
  border: 1.5px solid #E1E1E1;
  border-left: 6px solid var(--opq-navy, #254356);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 1.5rem;
}

.c-quote-box__text {
  margin: 0 0 16px 0;
  color: #334155;
  font-size: 0.95rem;
  line-height: 1.6;
}

.c-quote-box__list {
  margin: 0;
  padding-left: 20px;
  color: #334155;
  font-size: 0.95rem;
  line-height: 2;
}

/* Responsive - cartes en colonne sur mobile */
@media (max-width: 768px) {
  .c-card-accent,
  .c-card-accent--top-navy,
  .c-card-accent--top-turquoise,
  .c-card-accent--top-gray {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .c-cta-dark__stats {
    gap: 20px;
  }
}

/* ==========================================================================
   BLOCS ENCADRÉS - Styles globaux (c-product-box)
   Scopés à .s-cms pour éviter d'affecter la homepage
   ========================================================================== */

.s-cms .c-product-box {
    background: var(--opq-text-white);
    border: 1.5px solid var(--opq-border);
    border-left: 6px solid var(--opq-navy-light);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
}

.s-cms .c-product-box--grey {
    background: var(--opq-bg-light);
    border: none;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
}

.s-cms .c-product-box--highlight {
    border-left-color: var(--opq-teal);
    margin-top: 20px;
}

.s-cms section.c-product-box h2,
.s-cms div.c-product-box h2 {
    margin-top: 0;
}

.s-cms .c-product-box__title {
    margin: 0 0 16px 0;
    color: var(--opq-navy);
    font-weight: 700;
    font-size: 1.1rem;
}

.s-cms .c-product-box__subtitle {
    margin: 20px 0 8px 0;
    color: var(--opq-navy);
    font-weight: 600;
    font-size: 0.95rem;
}

.s-cms .c-product-box__intro {
    margin: 0 0 12px 0;
    color: var(--opq-blue-grey);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Listes avec puces stylées */
.s-cms .c-product-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.s-cms .c-product-list > li {
    position: relative;
    padding-left: 20px;
    color: var(--opq-blue-grey);
    font-size: 0.95rem;
    line-height: 1.5;
}

.s-cms .c-product-list > li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--opq-teal);
    font-size: 0.9rem;
    font-weight: 700;
}

.s-cms .c-product-list > li strong {
    color: var(--opq-navy);
}

.s-cms .c-product-list--check > li::before {
    content: "✓";
    color: var(--opq-green);
    font-size: 1rem;
}

/* Boutons CTA */
.s-cms .c-product-cta-container {
    margin-top: 20px;
}

.s-cms .c-product-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 0.88rem;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.s-cms .c-product-btn--primary {
    color: var(--opq-text-white);
    background-color: var(--opq-navy);
    border: 2px solid var(--opq-navy);
}

.s-cms .c-product-btn--primary:hover {
    background-color: var(--opq-navy-light);
}

/* Tableaux stylés */
.s-cms .c-product-box table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.s-cms .c-product-box th,
.s-cms .c-product-box td {
    padding: 12px 16px;
    border: 1px solid var(--opq-border);
}

.s-cms .c-product-box thead tr {
    background-color: var(--opq-navy);
    color: var(--opq-text-white);
}

.s-cms .c-product-box tbody tr:nth-child(odd) {
    background-color: var(--opq-bg-light);
}

/* Jobs RSS - 2 colonnes max */
@media (min-width: 72.5em) {
  .c-mansonry {
    column-count: 2;
  }
}

/* Newsletter - pleine largeur sous la grille masonry */
.c-mansonry + .newsletter-form-wrapper {
  margin-top: 2rem;
}

/* ==========================================================================
   TÉMOIGNAGES - Bloc citations pages produit
   ========================================================================== */

.c-testimonial__quote {
  font-style: italic;
  color: #2F4554;
  margin: 0 0 1rem 0;
}

.c-testimonial__author {
  color: #2F4554;
}

.c-testimonial__role {
  font-size: 0.9em;
  color: #666;
}

/* ==========================================================================
   UTILITAIRES
   ========================================================================== */

/* Supprime l'icône (pseudo-élément ::before) sur un élément */
.no-icon::before {
  content: none !important;
}