/* =========================================
   ADAPTACCESSOIRES — BLOG CARDS
   ========================================= */

/* =========================================
   CARTE ARTICLE
   ========================================= */

.top-store-site article.thunk-post-article {
    position: relative;
    overflow: hidden;

    background: var(--aa-white);

    border: 1px solid var(--aa-border);
    border-radius: var(--aa-radius-lg);

    box-shadow:
        0 6px 24px rgba(0, 0, 0, 0.045);

    transition:
        transform var(--aa-transition),
        box-shadow var(--aa-transition),
        border-color var(--aa-transition);
}


/* =========================================
   LIGNE DÉCORATIVE
   ========================================= */

.top-store-site article.thunk-post-article::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--aa-primary),
            var(--aa-secondary)
        );

    transform: scaleX(0);
    transform-origin: center;

    transition:
        transform var(--aa-transition);
}


/* =========================================
   HOVER
   ========================================= */

.top-store-site article.thunk-post-article:hover {
    transform: translateY(-7px);

    border-color:
        rgba(37, 150, 190, 0.20);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.10);
}


.top-store-site article.thunk-post-article:hover::after {
    transform: scaleX(1);
}


/* =========================================
   IMAGE
   ========================================= */

.top-store-site article.thunk-post-article img {
    display: block;

    width: 100%;

    transition:
        transform var(--aa-transition-slow);
}


.top-store-site article.thunk-post-article:hover img {
    transform: scale(1.035);
}


/* =========================================
   BOUTON "LIRE PLUS"
   MASQUÉ
   ========================================= */

.top-store-site article.thunk-post-article p.read-more {
    display: none !important;
}


/* =========================================
   LIENS
   ========================================= */

.top-store-site article.thunk-post-article a {
    text-decoration: none;
}


/* =========================================
   ACCESSIBILITÉ
   ========================================= */

.top-store-site article.thunk-post-article a:focus-visible {
    outline: 3px solid rgba(255, 105, 0, 0.30);
    outline-offset: 3px;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .top-store-site article.thunk-post-article {
        border-radius: var(--aa-radius-md);
    }
}


/* =========================================
   RÉDUCTION DES ANIMATIONS
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .top-store-site article.thunk-post-article,
    .top-store-site article.thunk-post-article::after,
    .top-store-site article.thunk-post-article img {
        transition: none;
    }
}