/* فونت: فرض می‌کنیم IRANYekanX در سایت در دسترس است */
.sunflower-menu-container { display:none; }

/* فقط موبایل نمایش بده */
@media screen and (max-width: 768px) {
    .sunflower-menu-container {
        display:block;
        position: relative;
        width: 260px;
        height: 260px;
        margin: 20px auto;
        background: #ffffff;
        border-radius: 50%;
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
        overflow: visible;
        font-family: IRANYekanX, sans-serif;
    }

    .sunflower-center {
        width: 64px;
        height: 64px;
        background: #d4af37;
        border-radius: 50%;
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        z-index: 30;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#0d0d0d;
        font-weight:bold;
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    }

    /* گلبرگ‌ها (موقعیت‌شان با JS تنظیم می‌شود) */
    .sunflower-petal {
        position: absolute;
        top: 50%; left: 50%;
        width: 110px;
        height: 44px;
        margin-left: -55px; /* نصف عرض برای تراز اولیه */
        margin-top: -22px;  /* نصف ارتفاع */
        border-radius: 22px;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#0d0d0d;
        font-weight:600;
        transition: transform 0.5s, opacity 0.35s;
        opacity: 0;
        transform-origin: 50% 120%; /* مبدا چرخش خارج از گلبرگ */
        box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    }

    .sunflower-petal .petal-label {
        pointer-events: none;
        padding: 6px 8px;
    }

    /* وقتی منو باز است گلبرگ ها قابل دیدن باشند */
    .sunflower-menu-container.open .sunflower-petal {
        opacity: 1;
    }

    /* زیرشاخه‌ها: در کنار گلبرگ ظاهر می‌شوند */
    .petal-children {
        position: absolute;
        top: 50%;
        left: 110%;
        transform: translateY(-50%);
        display:flex;
        flex-direction: column;
        gap:8px;
        z-index: 40;
        opacity: 0;
        transition: opacity 0.25s;
        pointer-events: none;
    }
    .sunflower-petal.open .petal-children { opacity: 1; pointer-events: auto; }

    .sunflower-subpetal {
        display:block;
        min-width: 100px;
        padding:6px 10px;
        border-radius: 12px;
        text-decoration:none;
        color:#0d0d0d;
        background: rgba(255,255,255,0.95);
        border:1px solid rgba(0,0,0,0.06);
        box-shadow: 0 2px 6px rgba(0,0,0,0.06);
        font-weight:600;
    }

    /* واکنش به لمس */
    .sunflower-petal:active { transform: scale(0.98); }
}