/* 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;
}