/* Explain: Styles for advertising packages and sponsor cards. */
/* Styles for the monthly ad-slot sales flow and sponsored partner cards */
.sponsor-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--glass-border);
    border-radius: 2rem;
    background: rgba(250, 249, 246, 0.72);
    text-decoration: none;
    transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
}

.sponsor-card:hover {
    border-color: var(--accent-color);
    box-shadow: 0 26px 80px rgba(31, 46, 35, 0.12);
    transform: translateY(-6px);
}

.sponsor-card img {
    transition: transform 500ms ease;
}

.sponsor-card:hover img {
    transform: scale(1.04);
}

.sponsor-badge {
    position: absolute;
    top: 0.9rem;
    left: 0.9rem;
    border-radius: 999px;
    background: rgba(31, 46, 35, 0.72);
    padding: 0.28rem 0.8rem;
    color: #FAF9F6;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
}

.ad-package-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--glass-border);
    border-radius: 2.2rem;
    background: rgba(250, 249, 246, 0.7);
    padding: 2rem;
    box-shadow: var(--shadow-soft);
    transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
}

.ad-package-card:hover {
    border-color: var(--accent-color);
    box-shadow: 0 26px 80px rgba(31, 46, 35, 0.12);
    transform: translateY(-6px);
}

.ad-package-card.is-featured {
    border-color: var(--accent-color);
}

.ad-package-badge {
    position: absolute;
    top: -0.85rem;
    left: 2rem;
    border-radius: 999px;
    background: var(--button-color);
    padding: 0.3rem 0.9rem;
    color: var(--text-color);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .ad-package-badge {
        left: 1.25rem;
    }
}