/* ==========================================
   HyperCake Premium City Search
   -- نسخه: فقط باکس ورودی، بدون پنل بیرونی --
========================================== */
.hc-city-search{
    position:relative;
    width:100%;
    max-width:650px;
    margin:auto;
    font-family:inherit;
    /* هیچ بک‌گراند/بلور/سایه‌ای اینجا نیست — فقط یه wrapper برای موقعیت‌دهی */
}
/*=====================
      Search Box
======================*/
#hc-city-input{
    margin:8px 0;
    width:100%;
    height:60px;
    border:2px solid transparent;
    border-radius:10px;
    padding:0 55px 0 22px;

    /* خودِ اینپوت شیشه‌ای مات بنفش‌روشن */
    background:rgba(196,170,230,.28);
   /* backdrop-filter:blur(18px) saturate(150%);
    -webkit-backdrop-filter:blur(18px) saturate(150%);*/

    font-size:16px;
    font-weight:500;
    color:#f0edf2;
    transition:.35s;

    box-shadow:
        0 10px 30px rgba(70,15,120,.22),
        inset 0 1px 0 rgba(255,255,255,.4);
    position:relative;
    z-index:2;
}
#hc-city-input::placeholder{
     direction: rtl;
    text-align: right;
    color: #ebdff7;
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
}
#hc-city-input:hover{
    transform:translateY(-1px);
    box-shadow:
        0 15px 35px rgba(70,15,120,.28),
        inset 0 1px 0 rgba(255,255,255,.4);
}
#hc-city-input:focus{
    outline:none;
    border-color:#A855F7;
    box-shadow:
        0 18px 45px rgba(168,85,247,.32),
        inset 0 1px 0 rgba(255,255,255,.4);
}
#hc-city-input:focus::placeholder{
    opacity:.6;
}

/*=====================
      Dropdown
======================*/
#hc-city-results{
    position:absolute;
    top:72px;
    right:0;
    left:0;
    display:none;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #F2E8FF;
    box-shadow:
        0 25px 45px rgba(60,10,100,.18);
    z-index:9999;
}
/*=====================
      Items
======================*/
.hc-city-item{
    padding:18px 22px;
    cursor:pointer;
    font-size:15px;
    transition:.25s;
    border-bottom:1px solid #F5F5F5;
    color:#444;
}
.hc-city-item:last-child{
    border-bottom:none;
}
.hc-city-item:hover{
    background:#FAF5FF;
    color:#A855F7;
    padding-right:34px;
}
/*=====================
      Mobile
======================*/
@media(max-width:768px){
    .hc-city-search{
        max-width:100%;
    }
    #hc-city-input{
        padding:0 55px 0 22px;
        font-size:15px;
    }
}
/* ===========================
   HyperCake Mascot
=========================== */
.hypercake-mascot{
    transform-origin:center bottom;
    animation: hypercakeMascot 5s ease-in-out infinite;
    will-change:transform;
}
@keyframes hypercakeMascot{
0%{
    transform:translateY(0) rotate(0deg) scale(1);
}
15%{
    transform:translateY(-6px) rotate(-2deg) scale(1.01);
}
30%{
    transform:translateY(-10px) rotate(3deg) scale(1.02);
}
45%{
    transform:translateY(-8px) rotate(1deg) scale(1.02);
}
60%{
    transform:translateY(-5px) rotate(-2deg) scale(1.01);
}
80%{
    transform:translateY(-2px) rotate(1deg) scale(1);
}
100%{
    transform:translateY(0) rotate(0deg) scale(1);
}
}