/* ==========================================================================
   Certification detail page – layout and components
   Fond blanc, pas d’image en arrière-plan.
   ========================================================================== */

.certification-detail {
  background: #fff;
  padding-bottom: 2rem;
  margin-top: 10px;
}

.certification-detail__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* --------------------------------------------------------------------------
   Layout deux colonnes
   -------------------------------------------------------------------------- */
.certification-detail__layout {
  align-items: start;
}

.certification-detail__main {
  min-width: 0;
}

/* --------------------------------------------------------------------------
   En-tête : badge catégorie, titre, sous-titre, meta, highlights
   -------------------------------------------------------------------------- */
.certification-detail__header {
  margin-bottom: 1.5rem;
}

/* Fil d’Ariane thème (remplace le badge catégorie) */
.certification-detail__breadcrumb {
  margin-bottom: 1.75rem;
}

.certification-detail__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  color: #6b7280;
}

.certification-detail__breadcrumb-item a {
  color: var(--color-navy, #1a3b66);
  text-decoration: none;
}

.certification-detail__breadcrumb-item a:hover {
  text-decoration: underline;
}

.certification-detail__breadcrumb-item--current {
  color: #374151;
  font-weight: 700;
}

.certification-detail__breadcrumb-sep {
  color: #9ca3af;
  font-weight: 500;
  user-select: none;
}

.certification-detail__title {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: #111827;
  line-height: 1.25;
  margin: 0 0 0.5rem;
}

.certification-detail__description {
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.6;
  margin: 24px 0 1rem;
}

.certification-detail__description .field--name-field-description,
.certification-detail__description .field__item {
  margin: 0;
}

.certification-detail__subtitle {
  font-size: 1rem;
  color: #4b5563;
  margin: 0 0 1rem;
  line-height: 1.5;
}

.certification-detail__subtitle .field__item {
  margin: 0;
}

/* Ligne meta (niveau, durée, langue, questions) */
.certification-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  margin: 0 0 1rem;
  padding: 0;
  font-size: 0.875rem;
  color: #6b7280;
  font-weight: 600;
}

.certification-detail__meta li {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.certification-detail__meta-icon {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.certification-detail__meta-icon--level {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E");
}

.certification-detail__meta-icon--duration {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

.certification-detail__meta-icon--lang {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Ccircle cx='12' cy='12' r='9' stroke-width='2'/%3E%3Cpath stroke-width='2' d='M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18M6.5 7.5a15 15 0 0011 0M6.5 16.5a15 15 0 0111 0'/%3E%3C/svg%3E");
}

.certification-detail__meta-icon--questions {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01'/%3E%3C/svg%3E");
}

.certification-detail__highlights {
  font-size: 0.875rem;
  color: #4b5563;
  line-height: 1.5;
}

.certification-detail__highlights .field__item {
  margin: 0;
}

/* --------------------------------------------------------------------------
   Image hero (pas en background, bloc dédié)
   -------------------------------------------------------------------------- */
.certification-detail__hero-image {
  margin-bottom: 1.5rem;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.certification-detail__hero-image .field--type-image img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

.certification-detail__hero-image .node__content .field--type-image {
  float: none;
}

/* --------------------------------------------------------------------------
   Section « Ce que vous allez obtenir »
   -------------------------------------------------------------------------- */
.certification-detail__benefits {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  max-width: 932px;

}

.certification-detail__benefits-carousel-wrapper {
  position: relative;
}

.certification-detail__benefits-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 1rem;
}

.certification-detail__benefits-carousel {
  display: flex;
  gap: 1rem;
  margin: 0;
  padding-bottom: 0.25rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.certification-detail__benefit-slide {
  /* 4 items visibles : largeur = (100% - 3 * gap) / 4 */
  flex: 0 0 calc((100% - 3rem) / 4);
  min-width: 165px;
  scroll-snap-align: start;
}

.certification-detail__benefits-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: none;
  background: rgba(31, 41, 55, 0.12); /* gris très léger et discret */
  color: #4b5563;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
}

.certification-detail__benefits-nav:hover {
  background: rgba(31, 41, 55, 0.2);
}

.certification-detail__benefits-nav--prev {
  left: -0.75rem;
}

.certification-detail__benefits-nav--next {
  right: -0.75rem;
}

.certification-detail__benefit-card {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1rem;
  height: 100%;
  text-align: center;
}

.certification-detail__benefit-icon {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.certification-detail__benefit-icon--course {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e5bab'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253'/%3E%3C/svg%3E");
}

.certification-detail__benefit-icon--resources {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e5bab'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");
}

.certification-detail__benefit-icon--exam {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e5bab'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");
}

.certification-detail__benefit-icon--progress {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e5bab'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E");
}

.certification-detail__benefit-icon--training {
  /* Icône "formateur devant un tableau" pour le mode entraînement. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%231e5bab' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='7' r='2.3'/%3E%3Cpath d='M4 13.5c0-1.5 1.2-2.7 2.7-2.7h0.6c1 0 1.9 0.6 2.3 1.5l0.9 1.9c0.2 0.4 0 0.9-0.4 1.1-0.4 0.2-0.9 0-1.1-0.4L8.5 14.5V20c0 0.6-0.4 1-1 1H5c-0.6 0-1-0.4-1-1z'/%3E%3Crect x='12' y='5' width='8' height='10' rx='1.5'/%3E%3Cpath d='M14 8.5h4M14 11h3'/%3E%3C/g%3E%3C/svg%3E");
}

.certification-detail__benefit-heading {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 0.25rem;
}

.certification-detail__benefit-text {
  font-size: 0.8125rem;
  color: #6b7280;
  margin: 0;
}

/* --------------------------------------------------------------------------
   Section « Ce que vous apprendrez » (field_training_outcomes)
   -------------------------------------------------------------------------- */
.certification-detail__learn {
  margin-bottom: 1.5rem;
}

.certification-detail__learn-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.certification-detail__learn-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 1.25rem;
  line-height: 1.3;
}

.certification-detail__learn-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem 2rem;
}

@media (max-width: 767.98px) {
  .certification-detail__learn-list {
    grid-template-columns: 1fr;
  }
}

.certification-detail__learn-item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #374151;
}

.certification-detail__learn-check {
  flex-shrink: 0;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.15rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #111827;
  line-height: 1.1rem;
  text-align: center;
}

.certification-detail__learn-text {
  flex: 1;
  min-width: 0;
}

/* --------------------------------------------------------------------------
   Body (contenu long)
   -------------------------------------------------------------------------- */
.certification-detail__body-section {
  margin-bottom: 1.5rem;
}

.certification-detail__body-section + .certification-detail__body-section {
  border-top: 1px solid #e5e7eb;
  padding-top: 1.25rem;
  margin-top: 1.25rem;
}

.certification-detail__body-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 1rem;
  line-height: 1.3;
}

.certification-detail__body {
  font-size: 1rem;
  line-height: 1.65;
  color: #374151;
}

.certification-detail__body .field--name-body {
  margin: 0;
}

.certification-detail__body p {
  margin-bottom: 1rem;
}

.certification-detail__body p:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   Sidebar : carte achat (sticky)
   -------------------------------------------------------------------------- */
.certification-detail__sidebar {
  position: sticky;
  top: 1rem;
}

.certification-detail__purchase-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.certification-detail__purchase-thumb {
  margin: -0.25rem 0 1rem;
  border-radius: 10px;
  overflow: hidden;
  background: #f3f4f6;
}

.certification-detail__purchase-thumb .field,
.certification-detail__purchase-thumb .field__item {
  margin: 0;
}

.certification-detail__purchase-thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

.certification-detail__purchase-lead {
  font-size: 0.875rem;
  color: #4b5563;
  margin: 0 0 0.75rem;
  line-height: 1.4;
}

.certification-detail__purchase-price {
  font-size: 1.75rem;
  font-weight: 800;
  color: #111827;
  margin-bottom: 0.5rem;
}

.certification-detail__purchase-duration {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0 0 1rem;
}

.certification-detail__purchase-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.certification-detail__btn {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  padding: 0.65rem 1rem;
  transition: opacity 0.2s, transform 0.15s;
}

.certification-detail__btn:hover {
  color: inherit;
  opacity: 0.95;
  transform: translateY(-1px);
  background-color: #131312;
}

.certification-detail__btn--primary {
  background: #f27121;
  color: #fff;
  border: none;
}

.certification-detail__btn--primary:hover {
  color: #fff;
}

.certification-detail__btn--secondary {
  background: #1e5bab;
  color: #fff;
  border: none;
}

.certification-detail__btn--secondary:hover {
  color: #fff;
}

/* --------------------------------------------------------------------------
   Bloc Views « certfication-side-detaila » (carte latérale / achat)
   Inspiré maquette : gros prix, CTA orange (panier), CTA bleu (essai)
   -------------------------------------------------------------------------- */
#block-sub-barrio-views-block-certfication-side-detaila-block-1 {
  --cd-side-orange: #e67e22;
  --cd-side-orange-hover: #cf711f;
  --cd-side-blue: #345da7;
  --cd-side-blue-hover: #2a4a8a;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-content.row {
  margin-left: 0;
  margin-right: 0;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.875rem;
  margin: 0;
  padding: 0 0 13px 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field {
  margin: 0;
  padding: 0;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-field-image {
  order: 1;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-field-image .field-content {
  overflow: hidden;
  background: #f3f4f6;
  line-height: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-field-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 10;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-field-description {
  order: 2;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-field-description .field-content {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #374151;
  line-height: 1.5;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-price__number {
  order: 3;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-price__number .field-content {
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: #111827;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-price__number .field-content a{
  width: 100%;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 14px 20px;
  border-radius: 12px;
  border: 1px solid #d1d9e0 !important;
  background: #2b3a4f !important;
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-price__number .field-content:empty {
  display: none;
}

/* Add to cart / Acheté : avant le lien « Try a test » (comme maquette orange puis bleu) */
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-variations-target-id {
  order: 4;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-variations-target-id > .field-content {
  display: block;
  width: 100%;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form {
  margin: 0;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .form-actions {
  margin: 0;
  padding: 0;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .field--widget-commerce-product-variation-attributes:empty,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .field--name-purchased-entity:empty {
  display: none;
  margin: 0;
  padding: 0;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .button--add-to-cart,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .btn.btn-primary {
  width: 100%;
  min-height: 52px;
  padding: 14px 20px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: #525084 !important;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  box-sizing: border-box;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    filter 0.2s ease;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .button--add-to-cart:hover,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .btn.btn-primary:hover {
  background: var(--cd-side-orange-hover) !important;
  color: #fff !important;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form .cp-commerce-purchased,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .commerce-order-item-add-to-cart-form span.button[role="status"] {
  width: 100%;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 14px 20px;
  border-radius: 12px;
  border: 1px solid #d1d9e0 !important;
  background: #f0f2f5 !important;
  color: #4a5568 !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  cursor: default;
  box-sizing: border-box;
}

/* « Try a test » : style bouton bleu plein largeur */
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-views-conditional-field-1 {
  order: 5;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-views-conditional-field-1 .field-content {
  display: block;
  width: 100%;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-views-conditional-field-1 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 14px 20px;
  border-radius: 12px;
  background: #8d83a0;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  transition:
    background 0.2s ease,
    opacity 0.2s ease;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-views-conditional-field-1 a:hover,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-views-conditional-field-1 a:focus-visible {
  background: var(--cd-side-blue-hover);
  color: #fff !important;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-views-conditional-field-1 a:focus-visible {
  outline: 2px solid var(--cd-side-blue);
  outline-offset: 2px;
}

#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-field-description,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-price__number,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-views-conditional-field-1,
#block-sub-barrio-views-block-certfication-side-detaila-block-1 .view-certfication-side-detaila .views-field-variations-target-id
 {
  padding: 0 13px;
}

.node--type-certification .sidebar .block {
  padding: 15px 0;
}

/* Responsive : sidebar en dessous sur petit écran */
@media (max-width: 991.98px) {
  .certification-detail__sidebar {
    position: static;
    order: -1;
  }
}