/* 
 * Givia Float UI Block Styles
 */

.givia-float-ui-container {
    display: flex;
    align-items: center;
    z-index: 9999;
}

.givia-float-item-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.givia-float-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease;
    border: none;
    padding: 0;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.givia-float-btn:hover {
    transform: scale(1.1);
}

.givia-float-btn img, 
.givia-float-btn svg { 
    width: 55%; 
    height: 55%; 
    object-fit: contain;
    display: block;
}

.givia-float-label {
    margin-top: 5px;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

/* To-Top / Bottom specific */
.givia-float-btn.to-top svg,
.givia-float-btn.to-bottom svg {
    width: 60%;
    height: 60%;
}
/* 
 * 블록 스타일 (Block Styles) 대응
 * 인스펙터의 스타일 버튼(사각형, 원형, 라운드) 클릭 시 적용됩니다.
 */

/* 사각형 (is-style-square) */
.is-style-square .givia-float-btn {
    border-radius: 0;
}

/* 원형 (is-style-circle) */
.is-style-circle .givia-float-btn {
    border-radius: 50%;
}

/* 라운드 (is-style-rounded) */
.is-style-rounded .givia-float-btn {
    border-radius: 12px;
}

/* 추가적인 스타일 토글 커스텀은 아래에 작성하세요. */