/* 
    [INGUIDE Layout - Quick Menu CSS]
    - 우측 하단 고정 플로팅 메뉴 스타일
    - 제작: INGUIDE
*/
.inguide-quick-menu {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1500;
}

.quick-inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}

.quick-item {
    position: relative;
}

.btn-quick {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--black);
    transition: var(--transition);
    border: 1px solid var(--gray-100);
}

.btn-quick .icon {
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
}

.btn-quick .txt {
    font-size: 11px;
    font-weight: 700;
}

.btn-vr { background: #ff7f00 !important; border: none !important; }
.btn-vr .icon, .btn-vr .txt { color: #fff !important; }

.btn-naver-quick { background: #03C75A !important; border: none !important; }
.btn-naver-quick .icon, .btn-naver-quick .txt { color: #fff !important; }

.btn-call { background: var(--point-color); color: #000; border: none; }
.btn-reserve { background: #00c73c; color: #fff; border: none; }
.btn-order { background: #000; color: #fff; border: none; }
.btn-delivery { background: #2ac1bc; color: #fff; border: none; }

.btn-quick:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.sub-delivery-layer {
    position: absolute;
    right: 75px;
    bottom: 0;
    display: flex;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition: var(--transition);
}

.quick-item.active .sub-delivery-layer {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.btn-sub-del {
    padding: 12px 20px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.btn-sub-del.baemin { background: #2ac1bc; }
.btn-sub-del.coupang { background: #00adef; }
.btn-sub-del.yogiyo { background: #fa0050; }
.btn-sub-del.ddangyo { background: #FF5E00; }

@media screen and (max-width: 1024px) {
    .inguide-quick-menu {
        right: 15px;
        bottom: 15px;
    }
    .btn-quick {
        width: 54px;
        height: 54px;
    }
    .sub-delivery-layer {
        right: 65px;
    }
}