/* CCN Technologies — seo.css v4 — cache-bust: 2026-05-24 */

/* ══ RESET EXPLICITE — annule l'ancienne règle img { display:block } ══ */
img {
    display: inline-block;  /* Reset — NE PAS mettre block ici */
    max-width: 100%;
    height: auto;
}
/* Les images dans les cartes gardent leur comportement Bootstrap */
.card img, .card-body img { display: block; }
/* Images de paiement dans le footer — forcer l'affichage horizontal */
.payment-cards {
    display: inline-block !important;
    vertical-align: middle;
}

/* ══ BREADCRUMB SEO ══ */
.ccnt-breadcrumb {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    font-size: .825rem;
}
.ccnt-breadcrumb .breadcrumb { margin-bottom:0; padding:.5rem 0; }
.ccnt-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content:"›"; color:#14532D; font-weight:700; }
.ccnt-breadcrumb a { color:#14532D; text-decoration:none; }
.ccnt-breadcrumb a:hover { text-decoration:underline; }
.ccnt-breadcrumb .breadcrumb-item.active { color:#6c757d; }

/* ══ MAILLAGE INTERNE hover ══ */
.hover-lift { transition:transform .2s ease, box-shadow .2s ease; }
.hover-lift:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(0,0,0,.12)!important; }

/* ══ SKIP NAV accessibilité ══ */
.skip-nav { position:absolute; top:-40px; left:0; background:#14532D; color:#fff; padding:.5rem 1rem; z-index:100000; transition:top .2s; border-radius:0 0 4px 0; text-decoration:none; }
.skip-nav:focus { top:0; }

/* ══ FIX CENTRAGE ICÔNES DANS AVATARS — v5 ══ */
/* Le thème déclare .avatar en inline-flex centré, mais Bootstrap .d-inline-block (utilisé dans catalogue.php et seo-internal-links.php) écrase ce comportement. On rétablit. */
.avatar.d-inline-block,
.avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Bootstrap Icons ont un vertical-align:-0.125em par défaut qui décale les glyphes vers le bas dans un conteneur flex à line-height:0. On normalise. */
.avatar .bi,
.avatar > i[class*="bi-"],
.feature-card-15 .avatar .bi,
.feature-card-17 .avatar .bi {
    line-height: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* Wrapper rounded-circle utilisé sur les pages riches (linux-shared-hosting, etc.) */
.rounded-circle.d-inline-block {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ═══════════════════════════════════════════════
   CCN TECHNOLOGIES — Trust Badges Bar (v2 — fond blanc lisible)
   ═══════════════════════════════════════════════ */
.trust-badges-bar {
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 8px 0;
  width: 100%;
}
.trust-badges-container {
  display: flex;
  align-items: center;
  justify-content: center;      /* CENTRÉ */
  gap: 24px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}
.trust-label {
  font-size: 11px;
  color: #6b7280;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
}
.trust-badges-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
}
.trust-badge-link {
  display: inline-flex;
  align-items: center;
  opacity: 0.85;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.trust-badge-link:hover {
  opacity: 1;
  transform: translateY(-1px);
}
.trust-badge-img {
  height: 26px;
  width: auto;
  max-width: 90px;
  object-fit: contain;
  /* PAS de filter — on garde les couleurs originales des logos */
}
.trust-badge-text {
  font-size: 11px;
  color: #4b5563;
  white-space: nowrap;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.trust-badge-text .bi {
  font-size: 13px;
  color: #16a34a;
}

/* Tablette */
@media (max-width: 991px) {
  .trust-badges-container { gap: 16px; }
  .trust-badges-list { gap: 16px; }
  .trust-badge-img { height: 22px; }
}

/* Mobile : badges centrés, logos visibles, textes compacts */
@media (max-width: 767px) {
  .trust-badges-bar { padding: 10px 0; }
  .trust-label { display: none; }
  .trust-badges-container {
    gap: 14px;
    justify-content: center;
  }
  .trust-badges-list {
    gap: 16px;
    justify-content: center;
    width: 100%;
  }
  .trust-badge-img { height: 22px; max-width: 70px; }
  .trust-badge-text {
    font-size: 10px;
    width: 100%;
    justify-content: center;
  }
}

/* ═══ Accessibilité : contraste boutons langue (WCAG AA) ═══ */
.lang-switcher .lang-btn {
  color: #ffffff !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
.lang-switcher .lang-btn:not(.active) {
  color: rgba(255,255,255,0.85) !important;
}
.lang-switcher .lang-btn.active {
  color: #ffffff !important;
  text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.lang-switcher .lang-sep { color: rgba(255,255,255,0.6); }
/* Contraste des heading-description (sous-titres de section) */
.heading-description { color: #4b5563 !important; }