/* Mandegaran Main Menu CTA - styles only the existing WordPress menu item */
.mandegaran-register-menu-item {
    position: relative !important;
    overflow: visible !important;
    z-index: 30;
}

.mandegaran-register-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 26px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #ff9e2c, #ff5f46) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(255, 104, 53, .28) !important;
    overflow: visible !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.mandegaran-register-link:hover {
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(255, 104, 53, .34) !important;
}

.mandegaran-register-label {
    position: relative;
    z-index: 3;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
}

.mandegaran-discount-badge {
    position: absolute !important;
    top: calc(100% + 14px) !important;
    left: 50% !important;
    z-index: 20 !important;
    width: max-content !important;
    transform: translateX(-50%);
    transform-origin: 50% -18px;
    pointer-events: none;
}

.mandegaran-badge-animated .mandegaran-discount-badge {
    animation: mandegaranBadgeSwing 2.6s ease-in-out infinite;
}

.mandegaran-discount-tag {
    display: block !important;
    min-width: 112px !important;
    padding: 8px 12px 9px !important;
    border: 2px solid #fff !important;
    border-radius: 8px 8px 14px 14px !important;
    background: linear-gradient(180deg, #ffe774, #ffd84d) !important;
    color: #8b271d !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
}

.mandegaran-discount-tag strong {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 1000 !important;
    color: #8b271d !important;
}

.mandegaran-discount-tag small {
    display: block !important;
    margin-top: 2px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #a64c22 !important;
}

.mandegaran-discount-rope {
    position: absolute !important;
    top: -16px !important;
    left: 50% !important;
    width: 2px !important;
    height: 17px !important;
    background: #806d61 !important;
    transform: translateX(-50%) !important;
}

.mandegaran-discount-pin {
    position: absolute !important;
    top: -23px !important;
    left: 50% !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #df3d34 !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.22) !important;
}

@keyframes mandegaranBadgeSwing {
    0%,100% { transform: translateX(-50%) rotate(0deg); }
    20% { transform: translateX(-50%) rotate(6deg); }
    42% { transform: translateX(-50%) rotate(-5deg); }
    65% { transform: translateX(-50%) rotate(4deg); }
    84% { transform: translateX(-50%) rotate(-2deg); }
}

/* Keep room for the hanging tag in common desktop headers */
@media (min-width: 769px) {
    .mandegaran-register-menu-item {
        padding-bottom: 28px !important;
        margin-bottom: -28px !important;
    }
}

/* Mobile: keep the CTA full-width enough without creating another menu */
@media (max-width: 768px) {
    .mandegaran-register-menu-item {
        padding-bottom: 46px !important;
    }

    .mandegaran-register-link {
        width: 100% !important;
        min-height: 52px !important;
        padding: 0 18px !important;
    }

    .mandegaran-register-label {
        font-size: 17px !important;
    }

    .mandegaran-discount-badge {
        top: calc(100% + 13px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mandegaran-badge-animated .mandegaran-discount-badge {
        animation: none !important;
    }
}