/**
 * KAICE 글씨 크기 조절 버튼 스타일
 */

/* 컨테이너 - 우측 하단 고정 */
.kaice-font-size-control {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    gap: 4px;
    background: white;
    padding: 6px;
    border-radius: var(--theme-button-radius);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

/* 버튼 기본 스타일 */
.kaice-font-size-control .font-btn {
    width: 36px;
    height: 36px;
    border: 1px solid var(--theme-input-border);
    background: #fff;
    border-radius: var(--theme-button-radius);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: var(--theme-font-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-text-color);
    padding: 0;
    line-height: 1;
}

/* 호버 상태 */
.kaice-font-size-control .font-btn:hover {
    border-color: var(--theme-main-color);
    background: var(--theme-info-bg);
    color: var(--theme-main-color);
}

/* 활성 상태 (클릭 시) */
.kaice-font-size-control .font-btn:active {
    transform: scale(0.95);
}

/* 비활성화 상태 (최소/최대 도달 시) */
.kaice-font-size-control .font-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background: #f5f5f5;
}

.kaice-font-size-control .font-btn:disabled:hover {
    border-color: var(--theme-input-border);
    background: #f5f5f5;
    color: var(--theme-text-color);
}

/* 접근성: 포커스 */
.kaice-font-size-control .font-btn:focus {
    outline: 2px solid var(--theme-main-color);
    outline-offset: 2px;
}