/* ===== Block: Pricing ===== */
.pricing-card {
    border-radius: 20px;
    padding: 100px 20px 60px 20px;
    position: relative;
    filter: drop-shadow(0 24px 83px rgba(0, 0, 0, 0.10)) drop-shadow(0 5px 18px rgba(0, 0, 0, 0.06)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.04));
}

.popularity {
    text-align: center;
    padding: 6px 20px;
    border-radius: 20px;
    color: var(--s-tertiaire-color);
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: 10px;
}

body.theme-dark .popularity {
    background: #2a2a2a;
}

body:not(.theme-dark) .popularity {
    background: #fff;
}

.pricing-card__image {
    position: absolute;
    top: -50px;
    left: 15px;
    width: 120px;
    height: auto;
}

.block-pricing .pricing-card__list ul {
    margin: 0;
    padding-left: 1.2rem;
}

.block-pricing .pricing-card__list--primary li {
    list-style: disc;
}

.block-pricing .pricing-card__list--secondary ul {
    list-style: none;
    padding-left: 0;
}

.block-pricing .pricing-card__list--secondary li {
    position: relative;
    padding-left: 1.5rem;
    list-style: none;
}

.block-pricing .pricing-card__list--secondary li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
}

h3.pricing-card__title {
    font-weight: 700;
}

p.pricing-card__description {
    color: var(--s-font-color-secondaire);
}

.pricing-card__price {
    font-weight: 400;
    font-size: 31px;
}

.pricing-card__price span {
    font-weight: 200;
    font-size: 14px;
}

.pricing-card__credits {
    font-weight: 400;
    font-size: 14px;
}

a.pricing-card__button {
    border-radius: 12px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 12px 25px;
    display: block;
    width: 100%;
    margin: 20px auto;
    background: linear-gradient(97deg, var(--s-second-color) -1.56%, var(--s-tertiaire-color) 61.29%);
    box-shadow: 0 -6px 10px 0 rgba(255, 137, 92, 0.30) inset;
}

.pricing-card__free {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    background: linear-gradient(91deg, var(--s-second-color) 4.83%, var(--s-tertiaire-color) 100.54%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -14px;
    margin-bottom: 20px;
}

.pricing-card__list--secondary {
    border-top: 2px solid var(--s-tertiaire-color);
    margin-top: 20px;
    padding: 20px 0;
}

.pricing-card__note {
    color: var(--s-tertiaire-color);
    font-weight: 400;
    text-align: center;
    font-size: 14px;
}