/**
 * Premium Badge - Премиум щит (геральдика)
 * Version: 2.1.0
 */

/* ============================================================================
   ОБЩИЕ СТИЛИ
   ============================================================================ */
.mcb-premium-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    position: relative;
    float: left;
    margin-right: 16px;
    margin-top: 2px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Helvetica, sans-serif;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.mcb-badge-text {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #ffffff;
    text-align: center;
    line-height: 1.15;
    white-space: pre-line;
    max-width: 76px;
    position: relative;
    z-index: 2;
}

/* ============================================================================
   ПРЕМИУМ ЩИТ (геральдика)
   ============================================================================ */
.mcb-premium-badge.badge-style-shield {
    background: linear-gradient(145deg, #FFD700 0%, #FDB931 50%, #C88328 100%);
    clip-path: polygon(
        50% 0%,
        100% 20%,
        100% 70%,
        50% 100%,
        0% 70%,
        0% 20%
    );
    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.5),
        inset 0 -2px 4px rgba(0, 0, 0, 0.2),
        0 10px 35px rgba(253, 185, 49, 0.45),
        0 5px 15px rgba(0, 0, 0, 0.3);
    animation: badgeFloat 3s ease-in-out infinite;
}

/* Звезда сверху */
.mcb-premium-badge.badge-style-shield::before {
    content: '★';
    position: absolute;
    top: 8px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    z-index: 3;
}

/* Полосы по краям */
.mcb-premium-badge.badge-style-shield::after {
    content: '';
    position: absolute;
    inset: 8px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    clip-path: polygon(
        50% 5%,
        95% 22%,
        95% 68%,
        50% 95%,
        5% 68%,
        5% 22%
    );
    pointer-events: none;
}

.mcb-premium-badge.badge-style-shield .mcb-badge-text {
    margin-top: 10px;
    text-shadow:
        0 1px 0 rgba(200, 131, 40, 0.9),
        0 3px 6px rgba(0, 0, 0, 0.6);
}

/* ============================================================================
   АНИМАЦИЯ
   ============================================================================ */
@keyframes badgeFloat {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-3px);
    }
}

/* ============================================================================
   MOBILE RESPONSIVE
   ============================================================================ */
@media (max-width: 768px) {
    .mcb-premium-badge {
        width: 75px;
        height: 75px;
    }

    .mcb-badge-text {
        font-size: 9px;
        max-width: 65px;
    }
}